-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstills.html
116 lines (108 loc) · 4.9 KB
/
stills.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
<!DOCTYPE html>
<html>
<head>
<title>Slideshow of Manchester (MMU)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<script src='media-player.js' type="text/javascript"></script>
<script src="http://code.jquery.com/jquery.js"></script>
<link href='gallery.css' rel='stylesheet' />
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://blueimp.github.io/Gallery/css/blueimp-gallery.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://blueimp.github.io/Gallery/js/jquery.blueimp-gallery.min.js"></script>
<script src="js/bootstrap-image-gallery.min.js"></script>
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="css/bootstrap-image-gallery.min.css">
<link rel="stylesheet" href="css/gallery.css">
<link href="css/sticky-footer.css" rel="stylesheet">
<!--
font code from google fonts
http://www.google.com/fonts#UsePlace:use
-->
<link href='http://fonts.googleapis.com/css?family=Lato:400,700|Karla:400,700|Raleway:400,600|Ubuntu:400,500|Open+Sans:400,600|Roboto:400,700|Quattrocento+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='css/typography.css' rel='stylesheet' />
</head>
<body>
<section class="mainbody">
<nav class="primary">
<ul class="links">
<li class="link home">
<a href="index.html" title="Home"> <span class="icon"></span> <span class="title">Home</span> <span class="sub-title">Starting page</span> </a>
</li>
<li class="link video">
<a href="video.html" title="Video on MMU and/or Manchester"> <span class="icon"></span> <span class="title">Video</span> <span class="sub-title">Promotional Ad</span> </a>
</li>
<li class="link stills">
<a href="stills.html" title="Stills"> <span class="icon"></span> <span class="title">Stills</span> <span class="sub-title">Photo slideshow</span> </a>
</li>
<li class="link about">
<a href="#about-me" title="About"> <span class="icon"></span> <span class="title">About</span> <span class="sub-title">Info</span> </a>
</li>
</ul>
</nav>
<section class="contentbody">
<section id="header">
<h1>Welcome to Manchester</h1>
<p>
Please be watching our video and checking the photo content on the most Manchester clips of all time.
Please be watching our video and checking the photo content on the most Manchester clips of all time.
</p>
</section>
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
<div id="blueimp-gallery" class="blueimp-gallery">
<!-- The container for the modal slides -->
<div class="slides"></div>
<!-- Controls for the borderless lightbox -->
<h3 class="title"></h3>
<a class="prev">‹</a>
<a class="next">›</a>
<a class="close">×</a>
<a class="play-pause"></a>
<ol class="indicator"></ol>
<!-- The modal dialog, which will be used to wrap the lightbox content -->
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" aria-hidden="true">
×
</button>
<h4 class="modal-title"></h4>
</div>
<div class="modal-body next"></div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left prev">
<i class="glyphicon glyphicon-chevron-left"></i>
Previous
</button>
<button type="button" class="btn btn-primary next">
Next
<i class="glyphicon glyphicon-chevron-right"></i>
</button>
</div>
</div>
</div>
</div>
</div>
<!-- The container for the list of example images -->
<div id="links">
<a href="stills/bbb-splash.jpg" title="Banana" data-gallery> <img src="stills/bbb-splash.jpg" alt="Banana"> </a>
<a href="stills/bunny-bow.jpg" title="Apple" data-gallery> <img src="stills/bunny-bow.jpg" alt="Apple" > </a>
<a href="stills/evil-frank.jpg" title="Orange" data-gallery> <img src="stills/evil-frank.jpg" alt="Orange" width="100"> </a>
<a href="stills/bbb-splash.jpg" title="Banana" data-gallery> <img src="stills/bbb-splash.jpg" alt="Banana"> </a>
<a href="stills/bunny-bow.jpg" title="Apple" data-gallery> <img src="stills/bunny-bow.jpg" alt="Apple" > </a>
<a href="stills/evil-frank.jpg" title="Orange" data-gallery> <img src="stills/evil-frank.jpg" alt="Orange" width="100"> </a>
</div>
</section>
</section>
<div id="footer">
<div class="container">
<p class="muted credit">
Credits <a href="http://clearerchanne.org">Mick Chesterman</a> for MMU.
</p>
</div>
</div>
</body>
</html>