/
movies.html
92 lines (88 loc) · 3.48 KB
/
movies.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
<!DOCTYPE html>
<html>
<head>
<title>Photo Gallery by Chris Marlowe</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/lightbox.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
</head>
<body>
<!--Navbar-->
<nav class = "navbar navbar-default nav-bar">
<div class= "container">
<div class="navbar-header">
<div class="navbar-brand">Photo Gallery (version 1+2)</div>
</div>
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Comics</a></li>
<li><a href="movies.html">Movies</a></li>
</ul>
</div>
</nav>
<div class="container">
<!-- thumnail gallery-->
<div class="page-header">
<h2>Photo Gallery (Version 2)</h2>
</div>
<div class="row">
<div class="col-sm-4 col-md-3">
<a href="images/movie-1.jpg" data-lightbox="gallery" data-title="this is image number 1"class="thumbnail">
<img src="images/movie-1.jpg">
</a>
</div>
<div class="col-sm-4 col-md-3">
<a href="images/movie-2.jpg" data-lightbox="gallery" data-title="this is image number 2" class="thumbnail">
<img src="images/movie-2.jpg">
</a>
</div>
<div class="col-sm-4 col-md-3">
<a href="images/movie-3.jpg" data-lightbox="gallery" data-title="this is image number 3" class="thumbnail">
<img src="images/movie-3.jpg">
</a>
</div>
<div class="col-sm-4 col-md-3">
<a href="images/movie-4.jpg" data-lightbox="gallery" data-title="this is image number 4" class="thumbnail">
<img src="images/movie-4.jpg">
</a>
</div>
<div class="col-sm-4 col-md-3">
<a href="images/movie-5.jpg" data-lightbox="gallery" data-title="this is image number 5" class="thumbnail">
<img src="images/movie-5.jpg">
</a>
</div>
<div class="col-sm-4 col-md-3">
<a href="images/movie-6.jpg" data-lightbox="gallery" data-title="this is image number 6" class="thumbnail">
<img src="images/movie-6.jpg">
</a>
</div>
<div class="col-sm-4 col-md-3">
<a href="images/movie-1.jpg" data-lightbox="gallery" data-title="this is image number 7" class="thumbnail">
<img src="images/movie-1.jpg">
</a>
</div>
<div class="col-sm-4 col-md-3">
<a href="images/movie-2.jpg" data-lightbox="gallery" class="thumbnail">
<img src="images/movie-2.jpg">
</a>
</div>
</div>
</div>
<footer class = "navbar navbar-default navbar-fixed-bottom bottom">
<div class=" col-xs-12 text-center ">
<img src="images/codeChris Logo.png" class="logosmall"/>
</div>
<div class="col-xs-12">
<div class="container text-center ">
<div class="btn-group" role="group" ><!--buttons-->
<a href="http://www.codechris.com" target="_blank" type="submit" class="btn btn btn-default btn-group btn-group-xs" style="width:200px;"><span class="glyphicon glyphicon-play"></span> Visit My Website</a>
<a href="http://github.com/codeChrisM/SamplePhotoGallery" target="_blank" type="submit" class="btn btn btn-default btn-group btn-group-xs" style="width:200px;"><span class="glyphicon glyphicon-folder-open"></span>   View SourceCode</a>
</div>
</div>
</div>
</footer>
</body>
<script type="text/javascript" src="js/lightbox.js"></script>
</html>