-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (93 loc) · 5.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Three Column Portfolio Template for Bootstrap 3</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Custom CSS for the 'Book worm store Template -->
<link href="css/3-col-portfolio.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="">Home</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav>
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">BookWorm Store <small> where you find rare books</small></h1>
</div>
</div>
<div class="row">
<div class="col-md-4 portfolio-item">
<a href="#project-link"><img class="img-responsive" src="https://www.tribality.com/wp-content/uploads/2016/01/harry-potter.jpg"></a>
<h3><a href="#project-link">Harry Potter</a></h3>
<p>The Harry Potter series by J.K. Rowling is a collection of seven fantasy novels that follow the life of Harry Potter, an 11-year-old wizard who discovers he's the son of famous wizards and is invited to attend Hogwarts School of Witchcraft and Wizardry. Each book in the series chronicles one year of Harry's life as he befriends fellow students and teachers, learns about the wizarding world, and overcomes obstacles to defeat the dark wizard Lord Voldemort. The series begins like a fairy tale, but the balance shifts as Harry faces an oppressive evil that uses lies and division to isolate and silence its opponents. </p>
</div>
<div class="col-md-4 portfolio-item">
<a href="#project-link"><img class="img-responsive" src="https://static.tumblr.com/4d0a27939a64062b40e535b988553e88/5dgccee/t4Yn6rohd/tumblr_static_tumblr_static_32jd4yaphh2c8kooskogswc48_focused_v3.jpg"></a>
<h3><a href="#project-link">Cirque du Freak: The Vampire's Assistant</a></h3>
<p> Darren (Chris Massoglia) is just like any other teenager, until the day he encounters the Cirque du Freak and a vampire named Larten Crepsley (John C. Reilly). After Crepsley turns him into one of the undead, Darren joins the traveling sideshow and its parade of weird and monstrous creatures. As he learns to use his newfound powers, Darren unwittingly becomes a pawn in the struggle between vampire factions.</p>
</div>
<div class="col-md-4 portfolio-item">
<a href="#project-link"><img class="img-responsive" src="https://cdn.i-scmp.com/sites/default/files/styles/700x400/public/d8/images/canvas/2022/10/15/e19e58cd-2634-479d-b819-c6bc0332799c_7a39eae7.jpg?itok=3aPXvCRI&v=1665809735"></a>
<h3><a href="#project-link"> The Legendary Horses of Sable Island</a></h3>
<p>Sable Island is home to one of the last herds of completely wild horses and nothing else. This small strip of earth, often nestled in a blanket of fog 100 miles from land, is shrouded in mystery and intrigue as man has failed to conquer the island despite numerous attempts - yet these horses have thrived there, despite all odds.
In this long-awaited large-format coffee table book by award-winning photographer Drew Doggett, discover the story of the wild and free horses of Sable Island as told through over 100, exquisitely reproduced photographs that inspire, thrill, and excite. Featuring never-before-seen images from Drew’s archive and personal writings that invite you on an intimate journey through a day on the island, this book is an ode to the incredible horses that have thrived, despite all odds, in a place man has failed to conquer.</p>
</div>
</div>
<hr>
<div class="row text-center">
<div class="col-lg-12">
<ul class="pagination">
<li><a href="#">«</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
</div>
</div><!-- /.container -->
<div class="container">
<hr>
<footer>
<div class="row">
<div class="col-lg-12">
<p>Copyright © Company <span id="getCurrentDate"></span></p>
</div>
</div>
</footer>
</div><!-- /.container -->
<!-- JavaScript -->
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
var dt = new Date();
document.getElementById('getCurrentDate').innerHTML = dt.getFullYear();
</script>
</body>
</html>