-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
195 lines (161 loc) · 9.59 KB
/
index.html
File metadata and controls
195 lines (161 loc) · 9.59 KB
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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!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>
<nav class="navbar-inverse my-nav-bar">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="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="#">Vikaasa Schools</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="#School name">School name</a></li>
<li><a href="#Campus life
">Campus life
</a></li>
<li><a href="#Achievements">Achievements</a></li>
<li><a href="#Whats New">Whats New</a></li>
<li><a href="#Contact us">Contact us</a></li>
</ul>
</div>
</nav>
<iframe id="video" width="853" height="480" src="https://www.youtube.com/embed/W1Yjh53Fp9s" title="The Vikasa International School Campus Tuticorin" 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="church.jpg">
<h4 class="text-capitalize"><kbd>School Church</kbd></h4>
<hr>
<h5 class="text-success text capitalize">Was extablished in 1978</h5>
<p class="text-muted">a school providing a general education but supported by a particular church in contrast to a public school or a nondenominational private school
an organization of officers, teachers, and pupils for purposes of moral and religious education under the supervision of a local church</p>
</div>
</center>
</div>
<br><br>
<center>
<div class="travel_mainDiv">
<img src="st2.jpg">
<h4 class="text-capitalize"><kbd>School Library</kbd></h4>
<hr>
<h5 class="text-success text capitalize">Was build in 1980</h5>
<p class="text-muted">A school library is a library within a school where students, staff, and often, parents of a public or private school have access to a variety of resources.</p>
</div>
</center>
<br><br>
<center>
<div class="travel_mainDiv">
<img src="st3.jpg">
<h4 class="text-capitalize"><kbd>School Auditorium</kbd></h4>
<hr>
<h5 class="text-success text capitalize">Was build in 1982</h5>
<p class="text-muted">a large room with rows of seats and often a stage which is used for performances and for public events or meetings, or a building containing such a room: a school/municipal auditorium.</p>
</div>
</center>
<h2 class="Page_header" id="achievements">School Achievements</h2>
<div class="bg-primary movie_head" data-toggle="collapse" data-target="#school_achievements">
Interschool debate on environment pollution<i class="fa fa-sort-desc"></i>
</div>
<div id="school_achievements" class="collapse">
<div class="achievement_text">
<img src="se1.jpg" class="img-responsive img-thumbnail">
<h5 class="text-success text-capitalize">Won first prize in interschool debate on environment pollution
<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>An achievement is a great accomplishment—something achieved with great effort or skill. Achieve and achievement often imply the completion of something important or difficult—a lofty goal or a great feat.
Graduating high school is an achievement. Learning a new language is an achievement. An award is an achievement.</p>
<div class="bg-primary movie_head" data-toggle="collapse" data-target="#school_achievements2">
Inter school football competition<i class="fa fa-sort-desc"></i>
</div>
<div id="school_achievements2" class="collapse">
<div class="achievement_text">
<img src="sm2.jpg" class="img-responsive img-thumbnail">
<h5 class="text-success text-capitalize">Came second in inter school football competion
<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>Congratulations Messages For Winning The Competition: – Winning any competition is the most wonderful accomplishment in life. It is an energizing time throughout life.
There is no substitute for diligent work, and it is a sweet fruit of your diligent work.</p>
<div class="bg-primary movie_head" data-toggle="collapse" data-target="#school_achievements3">
Inter School science project competition<i class="fa fa-sort-desc"></i>
</div>
<div id="school_achievements3" class="collapse">
<div class="achievement_text">
<img src="sm3.jpg" class="img-responsive img-thumbnail">
<h5 class="text-success text-capitalize">Won second prize in inter school science project competion
<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>On 16th April 2016, students of classes VI to XII attended Anveshan a science and technology fest held each year at the Gyan Bharti School.
Several schools from around Delhi were present to compete in the competitions organised at the event. These included a power point presentation contest, animation skills contest, ‘Test your quotient, treasure hunt and quiz.</p>
</div>
</div>
</div>
<h2 class="page-header" id="new">Whats new</h2>
<ul class="list-group">
<li class="list-group-item list-group-success col-lg-12 col-md-12 col-sm-12 col-xs-12 environment_li">
<h4>New School Canteen</h4>
<img src="canteen.jpg" class="img-responsive col-lg-5 col-md-5 col-sm-5 col-xs-12">
<p class="list-group-item-text col-lg-7 col-md-7 col-sm-7 col-xs-12">
A nutritious diet is essential to healthy brain development in children, which is critical to good learning.
Our school kitchen team prepares fresh meals every day on site. As well as a range of wholesome, nutritious and delicious snacks and meals for all, the team also provides for students with special dietary needs.
There is a daily morning snack, afternoon snack, and at lunchtime a soup starter and two main courses, one of each being a vegetarian option. Parents are provided with a menu in advance of each week and are able to select the food they would like their children to be served each day.
</p>
</li>
</ul>
<h2 class="page-header" id="new">Whats new</h2>
<ul class="list-group">
<li class="list-group-item list-group-success col-lg-12 col-md-12 col-sm-12 col-xs-12 environment_li">
<h4>Implimented Online Attendance Management System</h4>
<img src="attendance.jpg" class="img-responsive col-lg-5 col-md-5 col-sm-5 col-xs-12">
<p class="list-group-item-text col-lg-7 col-md-7 col-sm-7 col-xs-12">
An attendance management system is used by an organization to track staff's time and attendance details. You can save time and effort by calculating your employee's working hours with an accurate attendance management system.
Attendance management system keeps track of daily attendance, working hours, breaks, login, and logout time. It prevents staff's time theft. An attendance management system integrates all attendance devices such as smart cards, biometric, and facial recognition devices in real-time.
</p>
</li>
</ul>
<section id="contact">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3956240.447777482!2d71.69567279999998!3d14.455030399999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bba2587e5ecb0fd%3A0x7447619bfb166c96!2sWhitehat%20Jr%20-%20Davanagere!5e0!3m2!1sen!2sin!4v1670508695730!5m2!1sen!2sin"
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<hr>
<img src="sp.png" class="img-responsive img-circle col-lg-3 col-md-3 col-sm-3 col-xs-4">
<h3>Principal Name: </h3>
<h4>mr.Xavier John Dsosta</h4>
<div class="contact_1">
<a href="mailto:my@gmail.com?Subject=Hi">
<h5><i class="fa fa-envelope"> School@Gmail.com</i></h5>
</a>
<a href="#">
<h5><i class="fa fa-instagram"> SchoolId</i></h5>
</a>
<a href="#">
<h5><i class="fa fa-phone-square"> 9916001600</i></h5>
</a>
</div>
</section>
</div>
</body>
</html>