-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
260 lines (225 loc) · 17.9 KB
/
index.php
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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!DOCTYPE html>
<!-- saved from url=(0025) -->
<html class=" js flexbox canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths" style="height: 419px;"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Summer Technovation</title>
<meta name="description" content="Summer technovation">
<link rel="stylesheet" href="assets/main.css">
<script src="./assets/modernizr-2.6.2.min.js"></script><style type="text/css"></style>
<meta name="viewport" content="width=device-width, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<link rel="icon" type="image/png" href="http://technovation.stab-iitb.org/assets/favicon.ico">
<meta property="og:image" content="http://www.stab-iitb.org/summer_technovation/assets/brain.jpg">
<?php
include 'cssmenu.php';
?>
</head>
<body cz-shortcut-listen="true">
<!--[if lt IE 9]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<div id="main" class="collapsfix relative" style="opacity: 1;">
<header id="video" class="scrolling">
<div class="logo"></div>
<div id='cssmenu'>
<ul>
<li class='active'><a href='./'><span>Home</span></a></li>
<li><a href='./about.php'><span>About</span></a></li>
<li class='has-sub'><a href='#'><span>Ongoing Projects</span></a>
<ul>
<li><a href='http://stab-iitb.org/wiki/CNC_Laser_Cutting_Machine' target="_blank"><span>CNC Laser Cutting Machine</span></a></li>
<li><a href='http://stab-iitb.org/wiki/DUT' target="_blank"><span>DUT</span></a></li>
<li><a href='http://stab-iitb.org/wiki/Foetal_Heartrate_Measurement' target="_blank"><span>Foetal Heartrate Measurement</span></a></li>
<li><a href='http://stab-iitb.org/wiki/Blue-Ray' target="_blank"><span>Blue-Ray</span></a></li>
<li class='last'><a href='http://stab-iitb.org/wiki/Tilt-Rotor' target="_blank"><span>Tilt-Rotor</span></a></li>
</ul>
</li>
<li class='has-sub last'><a href='#'><span>What You can Do...</span></a>
</li>
<li><a href='./contacts.php'><span>Contact</span></a></li>
</ul>
</div>
<div class="video relative" style="height: 490px;opacity:100;" >
<div id="youtube" class="relative" style="height: 490px;">
<div class="close absolute"><a href="#"></a></div>
</div>
<div class="description centerAbsolute" style="margin-top: -145px;">
<h1 class="proximaBold antialiased">Summer Technovation</h1>
<h2 class="proximaLite antialiased">Dont think out of the box. Just break the box</h2>
<a href="#" onclick="return false;" class="play clearfix proximaBold relative"><span class="cta floatL">Registration over</span></a>
<div class="share clearfix">
<ul class="shareList ul-nostyle clearfix">
<li class="floatL fb"><a href="#facebook"><img src="./assets/[email protected]" width="7" height="18" alt="Facebook"></a></li>
<li class="floatL tw"><a href="#twitter"><img src="./assets/[email protected]" width="18" height="18" alt="Twitter"></a></li>
<li class="floatL in"><a href="#linkedin"><img src="./assets/[email protected]" width="18" height="18" alt="LinkedIn"></a></li>
<li class="floatL g"><a href="#google"><img src="./assets/[email protected]" width="18" height="18" alt="Google+"></a></li>
</ul>
</div>
</div>
</div>
</header>
<nav class="pagination">
<ul class="ul-nostyle">
<li><a href="#video" style="background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;"><span class=""></span></a></li>
<li><a href="#whatisbigdata" style="background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;"><span class=""></span></a></li>
<li><a href="#whynow" style="background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;"><span class=""></span></a></li>
<li><a href="#howbig" style="background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;"><span class=""></span></a></li>
<li><a href="#howpeople" style="background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;"><span class=""></span></a></li>
<li><a href="#ourambition" style="background-color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial;"><span class="navSelect"></span></a></li>
</ul>
</nav>
<div class="scroll1 proximaBold collapsfix">
<h4 class="scrollText">What is Summer Technovation?</h4>
<div class="next"><a href="#whatisbigdata"></a></div>
</div>
<div id="01" class="number proximaBold"><div>1</div></div>
<section id="whatisbigdata" class="collapsfix scrolling mainWidth sectionPadding">
<h1 class="proximaLite apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">What is <strong class="keyword">Summer Technovation</strong>?</h1>
<figure class="apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);"></figure>
<p class="apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">Technovation is an expressway to innovation, a platform for students to float innovative projects, recruit teams, get funded, find mentors and realize their dream projects..</p>
<br>
<p>Team Technovation introduces to you <strong>'Summer Technovation'</strong>, where you can come up with your own ideas and turn them into reality during the summer with full support in terms of <strong>funding</strong>, infrastructure, mentoring and lot more. The project can be inspired from real-life problems around us or can be driven by your whims and fancies. It is expected that the teams complete their projects and come up with working prototype of the product that they propose to make</p>
</section>
<div class="scroll proximaBold collapsfix">
<div class="next"><a href="#whynow"></a></div>
</div>
<div class="number proximaBold"><div>2</div></div>
<section id="whynow" class="collapsfix scrolling mainWidth sectionPadding">
<h1 class="proximaLite apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);"><strong>Why</strong> to pursue <br><strong>Summer Technovation</strong>?</h1>
<div class="clearfix">
<div class="cul apear floatL" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<figure class="img01"></figure>
<h2 class="proximaBold">Fulfilment of <br>tech at heart</h2>
<div class="line"></div>
<p>You spend your summer doing something close to your heart with full funding and at an excellent workplace- Tinkerers' Lab.</p>
</div>
<div class="cul apear floatL" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<figure class="img02"></figure>
<h2 class="proximaBold">Get known and valued in the world</h2>
<div class="line"></div>
<p>You may end up turning your product into market reality with the support of SINE, E-Cell etc.</p>
<p>You will get full support to get your innovative projects patented.</p>
</div>
<div class="cul apear floatL" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<figure class="img03"></figure>
<h2 class="proximaBold">Achieve glory</h2>
<div class="line"></div>
<p>You will be provided opportunity to showcase your project in exhibitions and symposiums at national level.<br><br>You can take up your idea to a next level in Technovation in the upcoming year.</p>
</div>
</div>
</section>
<div class="scroll proximaBold collapsfix">
<div class="next"><a href="#howbig"></a></div>
</div>
<div class="number proximaBold"><div>3</div></div>
<section id="howbig" class="collapsfix scrolling mainWidth sectionPadding">
<h1 class="proximaLite apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">Am I <strong>Eligible</strong>?</h1>
<div class="clearfix">
<div class="cul floatL apear" style="opacity: 0; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
</div>
<div class="cul floatL apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<figure class="img02"></figure>
<h2 class="proximaBold">Post Graduate</h2>
<p>All <strong>PG students</strong> (completed at least one semester in the Institute) and </p>
</div>
<div class="cul floatL apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<figure class="img03"></figure>
<h2 class="proximaBold">Under Graduate</h2>
<p>All <strong>UG students</strong> (completed at least 3 semesters in the Institute) are eligible for Summer Technovation. </p>
</div>
</div>
<h2>Selection Procedure:</h2>
<p>We believe passion, desire and willpower are the most important qualities to be successful and hence instead of floating projects, we are inviting students to pitch in their ideas and be team leaders. These ideas need to be submitted in the form of an abstract detailing the technical aspects. Best innovative ideas with technologically sound solutions would be selected on by the review committee.</p>
<h2>Team Structure</h2><p> The project can be done individually or in a team with maximum four members. People from any domain can work together.</p>
<h2>Project Duration</h2><p> The project must be minimum one month long and can extend up to full summer. After a month of the start of project, it is expected that a demonstrable prototype should be ready.</p>
</section>
<div class="scroll proximaBold collapsfix">
<div class="next"><a href="#howpeople"></a></div>
</div>
<div class="number center proximaBold"><div>4</div></div>
<section id="howpeople" class="collapsfix scrolling mainWidth sectionPadding">
<h1 class="proximaLite apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">What should be in <strong>Abstract</strong>?</h1>
<div class="clearfix">
<div class="cul floatL apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<figure class="img01"></figure>
<h2 class="proximaBold">Problem Statement</h2>
<div class="line"></div>
<p>This section describes what exactly is the problem solved by the project. It should also include the expected outcome after successful completion of the project.</p>
</div>
<div class="cul floatL apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<figure class="img02"></figure>
<h2 class="proximaBold">Solution</h2>
<div class="line"></div>
<p>This would describe how the team wishes to tackle the problem. It should be detailed and technically sound. It should also highlight the possible challenges and how they would be overcome.</p>
</div>
<div class="cul floatL apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<figure class="img03"></figure>
<h2 class="proximaBold">Costs</h2>
<div class="line"></div>
<p>Expected costs to be incurred.<br>It should reflect the seriousness with which you have done your groundwork.</p>
</div>
<div class="cul floatL apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<figure class="img04"></figure>
<h2 class="proximaBold">Timeline</h2>
<div class="line"></div>
<p>Rough timeline which breaks down project into verifiable targets.</p>
</div>
</div>
</section>
<div class="scroll proximaBold collapsfix">
<div class="next"><a href="#ourambition"></a></div>
</div>
<div class="number center proximaBold"><div>5</div></div>
<section id="ourambition" class="scrolling clearfix mainWidth">
<h1 class="proximaLite apear" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">How to <strong>Apply</strong> ?</h1>
<div class="clearfix">
<div class="cul apear floatL" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<div class="verticalLine"></div>
<figure class="diamond relative"><img class="centerAbsolute" src="./assets/diamond01.jpg" alt="Experiences"></figure>
<h2 class="proximaBold">Register yourself</h2>
<div class="line"></div>
<p>For registering your team fill the form at <a target=_blank href="https://stab.typeform.com/to/ZjkE8g">Registration form</a></p>
<div class="space"></div>
<div class="verticalLine"></div>
<figure class="diamond relative"><img class="centerAbsolute" src="./assets/diamond04.jpg" alt="Reward Influence"></figure>
<h2 class="proximaBold">Submit Abstracts</h2>
<div class="line"></div>
<p>You can mail your abstracts along with the rough timeline later at <strong>[email protected]</strong></p>
</div>
<div class="cul center apear floatL" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<div class="verticalLine"></div>
<figure class="diamond relative"><img class="centerAbsolute" src="./assets/diamond02.jpg" alt="Barclays Kiosk"></figure>
<h2 class="proximaBold">Deadline</h2>
<div class="line"></div>
<p>Deadline for registration is <br><strong>15th April, 11:59 pm.</strong>
</p>
</div>
<div class="cul apear floatL" style="opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0);">
<div class="verticalLine"></div>
<figure class="diamond relative"><img class="centerAbsolute" src="./assets/diamond03.jpg" alt="Retail"></figure>
</div>
</div>
</section>
<footer class="relative" style="top: 0px; opacity: 1;">
<div class="cont">
<div class="line" style="margin-bottom:10px;margin-top:10px"></div>
Presented by <strong>STAB</strong>
<div class="line" style="margin-bottom:10px;margin-top:10px"></div>
<p>Send your queries to:
<div>Apurv Mittal (9167768604 | [email protected])</div>
<div>Shyam Sunder Prasad ( 7738450101 | [email protected] )</div>
<div>Dewashish Dey (7738258332 | [email protected] )</div>
<div>Manmohan (9769486341 | [email protected] )</div>
</p>
<br>
<p>Site built by <strong><a href="http://www.cse.iitb.ac.in/~prateekchandan/">Prateek chandan</a></strong><br>and Akash Kishore</p>
</div>
<div class="trinagle"></div>
</footer>
</div>
<div id="fb-root"></div>
<script src="./assets/jquery.min.js"></script>
<script src="./assets/plugins.js"></script>
<script src="./assets/main.js"></script>
</body></html>