-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·190 lines (172 loc) · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Khoj 2014</title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/flat-ui.css">
<!-- Using only with Flat-UI (free)-->
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/card_ui.css">
<link rel="stylesheet" href="css/parallax.css">
<link href="//fonts.googleapis.com/css?family=Roboto:600,500,400,300,200,100" rel="stylesheet">
</head>
<body>
<div class="page-wrapper">
<!-- Nav Bar -->
<header class="header-10" style="z-index:1">
<div class="container-n container">
<div class="navbar pull-left" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle"></button>
<a class="brand" href=""><img src="img/logo.png" style="height:50px"></a>
</div>
<div class="collapse navbar-collapse pull-left" style="margin-top:3px;">
<ul class="nav pull-left">
<li class="active"><a href="">Welcome!</a></li>
<li><a href="explore/index.html">Explore</a></li>
<li><a href="maps/index.html">Maps</a></li>
<li><a href="trailer/index.html">Trailer</a></li>
<li><a href="inter-school_events/index.html">Interschool Event</a></li>
<li><a href="contact-us/index.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</header>
<!-- Gear Bar -->
<section class="welcome-banner col-sm-12">
<div style="margin-top:30px"></div>
<span>
<img src="img/gears.png" style="margin-top:-20px;" class="pull-right"/>
</span>
</div>
</section>
<!-- Hero -->
<section id="second" class="header-10-sub v-center bg col-sm-12">
<div class="background bg">
</div>
<div style="text-align:center"></div>
<div class="container-n container row" style="width:100%">
<div id="Slide1" class="hero-unit">
<h1 style="text-align:center; font-weight:100">The Big Day is Almost Here!</h1>
<h1 id="countdown" style="text-align:center; font-size:68px; font-weight:200; text-shadow: 2px 2px 6px #000">00:00:00:00</h1>
</div>
</div>
</div>
</section>
<!-- What is Khoj -->
<section id="slide-2" class="slide story col-sm-12" style="min-height:700px;">
<div class="container" style="width:auto;">
<div class="row title-row">
<div class="col-sm-12 font-thin">What is<span class="font-semibold"> Khoj?</span></div>
</div><!-- /row -->
<div class="row line-row">
<div class="hr"> </div>
</div><!-- /row -->
<div class="row subtitle-row">
<div class="col-12 font-light">Khoj, the triennial science exhibition of NPS Koramangala is back again this year, to stimulate your scientific temper! From the first invention, the wheel, to the latest in nanotechnology; from Aryabhatta to Stephen Hawking, science has come a long, long way. This Khoj, experience the <span class="font-semibold">story of science</span> through exciting shows and astounding projects. Khoj is held at NPS, Koramangala once in 3 years. Khoj 2005, Khoj 2008 and Khoj 2011 were tremendous successes with our students being at their creative best! We are happy to inform you that Khoj 2014 is scheduled for 16th and 17th Oct 2014. With this exhibition we hope to stimulate scientific thought processes in students, provide exploratory experiences and encourage creative thinking through self designed models or simple apparatus.
</div>
</div><!-- /row -->
<a href="https://play.google.com/store/apps/details?id=test.material"><img src="img/google-badge.png" style="height:50px"></a>
<a href="http://www.windowsphone.com/en-in/store/app/khoj-2014/6e072aa3-3540-4ec7-8716-eb2572afd836"><img src="img/phone-badge.png" style="height:50px"></a>
</div>
</section>
<section class="header-10-sub v-center bg col-sm-12" style="height:300px;">
<div class="background" style="background:url('img/invest.jpg')">
</div>
<div style="text-align:center"></div>
<div class="container row" style="width:100%">
<div class="hero-unit">
</div>
</div>
</div>
</section>
<!-- Explore -->
<section id="slide-3" class="slide story col-sm-12" style="min-height:550px;">
<div class="container">
<div class="row" style="padding-top:0; width:100%;">
<section class="col-sm-12" style="padding:0px; margin-top:-50px">
<div class="col-sm-12 font-light" style="font-size:34px;color:#000">Explore</div>
<p>
<div class="card col-sm-3 container">
<img class="hero_img" src="img/countonme-web.png">
<p class="card-title">Count On Me</p>
<p class="card-subtitle" style="font:weight:300">Venue: 11A</p>
<p class="card-subtitle">There’s more math in our lives than we expect. And the unexpected math is always more fun that regular math.<br>
The students of grades 11 and 12 have put up a room full of math games and puzzles, from Game theory to the Mobius strip (scientific way to cut a cake)
Curious? Good!
</div>
<div class="card col-sm-3">
<img class="hero_img" src="img/comp-web.png">
<p class="card-title">While 1 < 2</p>
<p class="card-subtitle" style="font:weight:300">Venue: Computer Lab</p>
<p class="card-subtitle">From our reincarnation of classic 80’s games to the sophisticated modern world of Big Data and the Cloud, the cyber lab has it all.<br>
The students of Grade 11 & 12 present to you the world - in more than just "bits"!</p>
</div>
<div class="card col-sm-3">
<img class="hero_img" src="img/neuro-web.png">
<p class="card-title">Outta Your Mind</p>
<p class="card-subtitle" style="font:weight:300">Venue: Green Room</p>
<p class="card-subtitle">Explore the mysteries and marvels of the most complex organ – the human brain!
Our students explore the psychology of the mind, brain games that enhance mental capacities, as well as imaging techniques that allow us to peer into our own brains!
</p>
</div>
<div class="card col-sm-3">
<img class="hero_img" src="img/wmyk-web.png">
<p class="card-title">What Makes You Beautiful</p>
<p class="card-subtitle" style="font:weight:300">Venue: Green Room</p>
<p class="card-subtitle">Explore the story of life itself – from the first compound that metabolized and replicated, to disorders that affect generations of people, and spread through the very reason we live – our genes.
The students of grades 11 and 12 explain the structure, processes and problems of DNA, and how to treat and detect genetic disorders.
</p>
</div>
<div class="card col-sm-3">
<img class="hero_img" src="img/forensics-web.png">
<p class="card-title">Smooth Criminal</p>
<p class="card-subtitle" style="font:weight:300">Venue: AV Room</p>
<p class="card-subtitle">Murder. Mystery. Mayhem.
A well-known swimmer is found dead near a public pool. With absolutely no wounds on his body, no one can tell whether he was killed or if it was a drug overdose. The autopsy report surprisingly stated that the cause of death was a cardiac arrest and no drug was found in his system. How did a healthy athlete succumb to a heart attack? Did the killer really commit the perfect murder?
</p>
</div>
<div class="card col-sm-3">
<img class="hero_img" src="img/starstruck-web.png">
<p class="card-title">StarStruck</p>
<p class="card-subtitle" style="font:weight:300">Venue: Bio Tech Room</p>
<p class="card-subtitle">
An audiovisual presentation put together by our students explains the various phenomena we can (and cannot) see in the sky, from comets and asteroids, to black holes. The show attempts to explain the life of a star, from its birth to its death, and the various atomic and subatomic processes that take place within it.
</p>
</div>
</p>
</section>
<a class="pull-right" style="padding-top:20px; padding-right:40px; color: #000" href="explore/index.html">Explore more projects.</a>
</div><!-- /row -->
</div>
</section>
<!-- footer-3 -->
<footer class="footer col-sm-12" style="text-align:center;position:relative;">
<div class="container" style="height:270px;width:270px; margin:auto; margin-top:40px; position:relative;">
<img src="img/schoollogo.png" style=" margin:auto; opacity:1"/>
</div>
</footer>
</div>
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery.scrollTo-1.4.3.1-min.js"></script>
<script src="js/jquery.backgroundvideo.min.js"></script>
<script src="js/script.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.countdown.js"></script>
<script type="text/javascript">
$(function() {
$('#countdown').countdown({
date: "October 16, 2014 09:00:00"
});
});
</script>
</body>
</html>