-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (145 loc) · 6.44 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>Swimming</title>
<meta charset="UTF-8">
<meta name="google-site-verification" content="ghH5upma2-aWTxk4RdqOx_i5DpO20P_xJCwmmMTR7TU" />
<meta name="description" content="A webpage related to swimming">
<meta name="author" content="Mohammad Shahdad">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/jquery.bsPhotoGallery.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="shortcut icon" href="assets/media/favicon.png" type="image/png">
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js" charset="utf-8"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.bsPhotoGallery.js"></script>
<script>
$(document).ready(function(){
$('ul.first').bsPhotoGallery({
"classes" : "col-sm-3",
"hasModal" : true
});
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-106185758-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="50">
<div id="header">
</div>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="assets/media/pool.jpg" alt="Pool" width="1200" height="700">
<div class="carousel-caption">
<h3>Olympic Pools</h3>
<p>An Olympic size swimming pool can hold 700,000-850,000 gallons of water.</p>
</div>
</div>
<div class="item">
<img src="assets/media/mp.jpg" alt="Michael Phelps" width="1200" height="700">
<div class="carousel-caption">
<h3>Olympic Entry</h3>
<p>Swimming became an Olympic event in 1896.</p>
</div>
</div>
<div class="item">
<img src="assets/media/dive.jpg" alt="Dive" width="1200" height="700">
<div class="carousel-caption">
<h3>Fitness</h3>
<p>Swimming works out all the body’s main muscles.</p>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div id="about-container">
</div>
<div id="divevid-container">
</div>
<div id="health-container">
</div>
<div id="pools-container">
</div>
<div id="biscoe-container">
</div>
<!-- Container (Gallery) -->
<div id="gallery">
<div class="container gallery-padding">
<ul class="row first">
<li class="gallery-list">
<img alt="Tyndale Biscoe School Swimming Pool." src="assets/media/img1.jpg">
<div class="caption-thumbnail">Tyndale Biscoe School Swimming Pool.</div>
</li>
<li class="gallery-list">
<img alt="A student resting before coming out of the lake after completing Dal Re-Cross." src="assets/media/img2.jpg">
<div class="caption-thumbnail">Dal Swims.</div>
</li>
<li class="gallery-list">
<img alt="Students exercising before going into the lake for the annual Dal Swims." src="assets/media/img3.jpg">
<div class="caption-thumbnail">Students exercising.</div>
</li>
<li class="gallery-list">
<img alt="Boats in line escorting the swimmers throughout the lake that contain biscuits and juice to feed the swimmers or pull those out who can't continue or are unable to complete the swim." src="assets/media/img4.jpg">
<div class="caption-thumbnail">Boats in line with the swimmers.</div>
</li>
<li class="gallery-list">
<img alt="A student swimming in the lake for the annual Dal swims." src="assets/media/img5.jpg">
<div class="caption-thumbnail">A student swimming in the lake for the annual Dal swims.</div>
</li>
<li class="gallery-list">
<img alt="Inter-House Water Polo Matches." src="assets/media/img6.jpg">
<div class="caption-thumbnail">Inter-House Water Polo Matches.</div>
</li>
<li class="gallery-list">
<img alt="Winners of the Inter-House Water Polo Matches." src="assets/media/img7.jpg">
<div class="caption-thumbnail">Winners of the Inter-House Water Polo Matches.</div>
</li>
<li class="gallery-list">
<img alt="The officials for the Inter-House Water Polo Matches." src="assets/media/img8.jpg">
<div class="caption-thumbnail">The officials for the Inter-House Water Polo Matches.</div>
</li>
</ul>
</div>
</div>
<div id="footer-index">
</div>
<script type="text/javascript">
$(document).ready(function(){
$("#header").load("header.html #nav1");
$("#about-container").load("about.html #about");
$("#divevid-container").load("divevid.html");
$("#health-container").load("health.html #health");
$("#pools-container").load("pools.html #pools");
$("#biscoe-container").load("biscoe.html #biscoe");
$("#footer-index").load("footer.html");
});
</script>
</body>
</html>