-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (114 loc) · 6.06 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
<!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>
<h2 class="page-header" id="achievements">School Acheivements</h2>
<div class="bg-primary movies_head" data-toogle="collapse" data-target="#school_achievement1">
Soda Engineering Poster Contest<i class="fa fa-sort-desc"></i>
</div>
<div id="school_chievement1" class="collapse">
<div class="achievement_text">
<img src="soda_poster.jpg" class="img-responsive img-thumbnail">
<h5 class="text-success text-capitalize"> I Won 1st Place in The Contest!
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
</h5>
<p>My soda was called Thunder Mixation(Mutation and Mix), two weeks later after I had submitted it I was the winner. I was so happy since I had worked on the poster for months!</p>
</div>
</div>
<div class="bg-primary movies_head" data-toogle="collapse" data-target="#school_achievement2">
Math Olympiad Test<i class="fa fa-sort-desc"></i>
</div>
<div id="school_chievement2" class="collapse">
<div class="achievement_text">
<img src="test.jpg" class="img-responsive img-thumbnail">
<h5 class="text-success text-capitalize"> I got a High General Score!
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
</h5>
<p>We had only thirty minutes for the final test and each question was for 8th graders. I had gotten a 27/35 and this final test I could push that score up to 32/35 if I got all of the questions correct. After the test results came out I had gotten one question wrong, so i got a general score of 31/35 although that was still very impressive, so I am still proud of myself!</p>
</div>
<div class="bg-primary movies_head" data-toogle="collapse" data-target="#school_achievement3">
Becoming a Coder(BYJU'S)<i class="fa fa-sort-desc"></i>
</div>
<div id="school_chievement3" class="collapse">
<div class="achievement_text">
<img src="coding.jpg" class="img-responsive img-thumbnail">
<h5 class="text-success text-capitalize"> I was(And Still Am) Very Exited!
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
<span class="glyphicon glyphicon-star"></span>
</h5>
<p>When I first heard about BYJU'S, I loved coding and wanted to try it! After a while I loved doing coding even as a hobby I am glad to have Miss. Shivani, a wonderful teacher to teach me and Disha coding! </p>
</div>
</div>
</body>
</html>