-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
86 lines (67 loc) · 3.12 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
<!DOCTYPE html>
<html>
<head>
<title>School Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--
Navigation bar code here
-->
<nav class="navbar-inverse" style="position:sticky;top:0;z-index: index 99999">
<div class="navbar-header">
<button type="button" class="navbar-toogle" data-toogle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">West Woods Upper Elementary School</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="#campus_life">Campus Life</a></li>
<li><a href="#achievements">Achievements</a></li>
<li><a href="#new">What's New</a></li>
<li><a href="#contactUs">Contact Us</a></li>
</ul>
</div>
</nav>
<iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/Q0dsjoe5Y-Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="container">
<h2 class="page-header" id="campus_life">Campus Life</h2>
<center>
<div class="travel_mainDiv">
<img src="cafe.jpg">
<h4 class="text-capitalize"><kbd>School Cafeteria</kbd></h4>
<hr>
<h5 class="text-success text-capitalize">Was Established in 2003</h5>
<p class="text-muted">It is where we eat lunch. Fun fact: My Mom works as a cafeteria monitor, so she works there!</p>
</div>
</center>
<br><br>
<center>
<div class="travel_mainDiv">
<img src="library.jpg">
<h4 class="text-capitalize"><kbd>School Library</kbd></h4>
<hr>
<h5 class="text-success text-capitalize">Was Established in 2014</h5>
<p class="text-muted">It is pretty new and was suggested to the school by a group of students who love to read, it is a realy relaxing place, and you will always find your next read!</p>
</div>
</center>
<br><br>
<center>
<div class="travel_mainDiv">
<img src="gym.jpg">
<h4 class="text-capitalize"><kbd>School Gym</kbd></h4>
<hr>
<h5 class="text-success text-capitalize">Was Established in 2003</h5>
<p class="text-muted">It is the best place to have fun but you also have to follow the rules! My favorite game is dodgeball and capture the flag and somtimes we even dedicate multiple classes to on game. The P.E teacher is also realy nice!</p>
</div>
</center>
</body>
</html>