-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
374 lines (316 loc) · 23.6 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
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
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Reflux</title>
<link rel="shortcut icon" href="img/reflux_logo.jpg"/>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<link href="css/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://m.w3newbie.com/you-tube.css">
</head>
<script>
document.addEventListener('DOMContentLoaded', function() {
Home();
}, false);
function Home()
{
window.scrollTo(0, 0);
var x = document.getElementById("slides");
x.style.display = "block";
x = document.getElementById("youtube");
x.style.display = "block";
x = document.getElementById("barcodes");
x.style.display = "none";
var y = document.getElementById("Abouthead");
y.innerHTML = "WHAT'S REFLUX?";
var z = document.getElementById("Aboutbody");
z.innerHTML = "Engineer is the annual technical symposium of National Institute Of Technology Karnataka, Surathkal which has been organized since 2005 and is one of the largest of its kind in India. In the past, Engineer brought organizations such as CERN, MIT Media and Bell labs together while catering to a participation pool of over 6000 students from 150 colleges across 65 countries.<br><br>Bringing to you again this Engineer, Reflux 2.0, a coalescence of celebration and learning, conducts various events in the spirit of Chemical Engineering to create awareness of it's diversity and the opportunities in the field<br><br>We are collaborating with industry and academia like never before. Reflux is an event with something for every budding Chemical and Mechanical Engineer. Whoever thought Chemical Engineering isn't fun is in for a surprise!"
// x.style.display = "block";
var u = document.getElementById("up");
u.innerHTML = "<li><a style='color: #fff'>1 September, 2019</a><br><b><h5><i><a>Reflux website launched</a></i></h5></b><p>The official website for Reflux Committee 2019 has been launched</p></li>"+
"<li><a style='color: #fff'>15 September, 2019</a><br><b><h5><i><a>Registrations</a></i></h5></b><p>Registrations started from 15th of September. Follow our <a href='#contact'> social media handles</a> for further updates</p></li>"+
"<li><a style='color: #fff'>24 September, 2019</a><br>"+
"<b><h5><i><a>Capture Theme launched</a></i></h5></b>"+
"<p>The theme for Capture has been launched: <b>#SanrakshanEveryday</b></p></li>"+
"<li><a style='color: #fff'>28 September, 2019</a><br>"+
"<b><h5><i><a>Chem-E-talks speakers revealed</a></i></h5></b>"+
"<li><a style='color: #fff'>2nd October, 2019</a><br>"+
"<b><h5><i><a>Problem Statement for IDP released</a></i></h5></b>"+
"<li><a style='color: #fff'>16th October 2019</a><br>"+
"<b><h5><i><a>Spot Registrations are open for Reflux Breakdown</a></i></h5></b>";
}
function Func(n)
{
window.scrollTo(0, 0);
var head = ["IDP : Industry Defined Problem", "REFLUX BREAKDOWN", "CAPTURE", "CHEM-E-TALKS"];
var content = [
// Description
"A technical problem-solving contest amplifies analytical and thinking skills. A real-time problem statement will be provided which has to be solved by the group of participants and presented in front of professionals of the Industry giving the problem, who will judge you. 1st and 2nd-year students can participate in junior IDP while 3rd and 4th-year students can participate in senior IDP. The winning team will be awarded with cash prizes.<br><br>"+
// Rules
"<font color='white'><h3>Rules and Regulations</h3></font><ul><li>Participants are requested to bring their own laptops.<li>Teams can be of maximum 3 people.<li>Do not carry or misplace books and journals in the Library, strict action will be taken against defaulters.<li>NITK will not be responsible for the loss of Personal belongings like laptops, mobiles etc.<li>Keep the campus clean. <li>Decision taken by the judges shall be treated as final and binding to all.<li>List of participants selected to present their solutions will be updated and these participants will receive a unique Participant ID exclusive for IDP Event.<li>Participants who have duly submitted and presented a solution will only get their participation certificates<li>Reflux Committee reserve the rights to change any of the above rules as they deem fit without any prior intimation<br><br></ul>"+
//Prizes
"<font color='white' size = '6rem'>PRIZES!!<br>Senior IDP Winner gets 8k<br>Senior IDP Runners-up gets 5k<br><br>Junior IDP Winner gets 3k<br>Junior IDP Runners-up gets 1.5k </font><br><br>Number of Participants in a team: 3 or 4<br><br>Registration fees:₹150 per participant<br><br>Save the Date:19th October, 2019<br><br><Problem Statement coming soon!!<br><br>"+
//Problem Statement
"<br><font color='white'><h3>Problem Statement: </h3></font>Click to download:<a href='Junior IDP Statement.pdf' download>Junior IDP</a><br>Click to download:<a href='Senior IDP Statement.pdf' download>Senior IDP</a>"+
//shORTLIST
"<br><font color='white'><h3>SHORTLIST: </h3></font>Click to know this year's Junior IDP shortlist:<a href='JNR_IDP shortlist.pdf' download>Junior IDP</a><br>Click to know this year's Senior IDP shortlist:<a href='SNR_IDP shortlist.pdf' download>Senior IDP</a>"+
//Abstract
"<br><br><font color='white'><h3>Format for solution abstract</h3></font><ul><li>Send your solution abstracts in PDF format to [email protected]<li>File name must be: team_leader_name.pdf<li>PDF file should contain the following<li>All names of team members<li>Name of college/institute<br>Solution Abstract (max 500 words)<li>Idea background<li>Brief description of the method used<li>Software used</ul><br>"+
//imp dates
"<br><br><font color='white'><h3>IMPORTANT DATES</h3></font><ul><li>Last Date to register:<font color='white'>4th October 2019</font><li>Last date to send solution abstract is <font color='white'>October 11</font>.<li>List of shortlisted teams will be put up on <font color='white'>October 13</font>.<li>Presentation will be held on <font color='white'>October 19</font> at NITK."+
// Registration links
"<br><br><font size = '6rem'>Junior IDP: Register <a href='https://forms.gle/8G31caXA2cKtwxjo8'><font color='white'>here</font></a> !!<br><br>Senior IDP: Register <a href='https://forms.gle/eaojeaw54Bura2FA6'><font color='white'>here</font></a> !!</font>"+
"<font color='white'><br><br>For queries contact:<br>Ian-9686139876<br>Srihari-9482782705</font>",
// Description
"RBD is an exciting, inter-disciplinary event that tests general knowledge of the participants. This event is exclusively for the first-year students of all branches. It consists of three rounds; the first round is a <font color='white'>Quiz</font> round that requires participants to put on their thinking caps. The second round is the <font color='white'>Picture Connect</font> round in which the participants are expected to correctly guess what connects a set of three pictures. The final round is the <font color='white'>Coveted buzzer round</font>, that is sure to appeal to all the adrenaline junkies.<br><br>"+
// Rules
"<font color='white'><h3>Rules and Regulations</h3></font><ul><li>Mobile phones are not allowed <li>Maximum number of participants per team will be 3.<li>Last Date to register:<font color='white'>14th October 2019</font><li>Keep the campus clean.<li>Decision taken by the judges shall be treated as final and binding to all.<br><br>"+
"<font color='white' size = '6rem'>Prizes worth 7k </font><br><br>Registration fees:₹50 per team for Non-NITK students only<br><br>Save the Date:18th October, 2019<br><br>"+
// Registration links
"<font size = '6rem'>Register <a href='https://forms.gle/RCqfTiChqwcmGaXR8'><font color='white'>here</font></a> !!</font>"+
"<font color='white'><br><br>For queries contact:<br>Divya-9611589559<br>Sandip-8277683759</font>",
//CAPTURE
"Capture is designed to connect our knowledge of chemical engineering with the nature around us. It is an online photography contest open for all years. Participants will be required to submit a high-quality original picture."+
"<br><br><font color='white' size = '6rem'>CAPTURE THEME:#SanrakshanEveryday </font><br> Display your best shot and share with us your amazing story on what 'Sanrakshan' means to you and how you are contributing in conserving what we are blessed with -Mother Earth.<br><br><font color='white'><h3>Rules and Regulations</h3></font><ul><li>The participants should upload their photos and description in the Registration Form.<li>Do not write any text (e.g. Name, Date, etc.) on the photograph.<li>The photograph and its brief description must clearly correlate to the Task Statement.<li>Only one entry per person is allowed.<li>The following submissions are not eligible:<br>Photos violating another person's rights, including copyright issues.<br>Photos that contain objectionable or inappropriate content.<br>Images that involve putting any individual or animal in danger.<li>The last date to submit your entry is <font color='white'>October 15, 2019</font>.<li>On registering for the competition, the participants will allow:<br>Reflux to post their photographs on Facebook (@refluxnitk), Instagram (@reflux_nitk) and Twitter (@reflux_nitk).<br>Third parties to share their photographs on social media platforms.<li>Any changes in the Task Statement and updates regarding the competition will be notified to the registered participants via email and displayed in updates section.<li>The decision concerning the selection of participants during screening rests with Reflux Committee.<li>No further correspondence shall be entertained.<li>Reflux Committee, Engineer 2019, NITK Surathkal reserve the rights to change any of the above rules as they deem fit without any prior intimation."+
" <br><br><font color='white' size = '6rem'>Prizes worth 5k </font><br><br>Number of Participants in a team: 1<br><br>Save the Date:20th October, 2019<br><br> <br><br><font size = '6rem'>Register <a href='https://forms.gle/7drjogvAQyAH8a8aA'><font color='white'>here</font></a> !!</font>"+
//CET
"<font color='white'><br><br>For queries contact:<br>Shreya-9392915714<br>Priyanka-9148550529</font>",
" Do you want to meet international academicians, researchers, entrepeneurs and industrialists? Do you want to interact with these dignitaries and gain knowledge through their experience? Then come join us at the Chem-E-talks, which is a unique series of talks brought to you Reflux featuring experts in from various domains of chemical engineering. These are the people in the forefront of both the research and the industrial arms of this field and explore the world of chemical engineering and take home an inspiring and encouraging experience.<br>Previous years' editions have included speakers from Yokogawa, MRPL, the Faculty of the Department of Chemical Engineering, NITK among others.<br><br>Presenting to you the Speakers for this year's Edition of CHEM-E-TALKS: <br><br><font color='white'>Subramanya Katti :</font>A devoted and adept professional with nearly three decades of understanding about the Chemical Engineering industry, Mr Katti is a Asset Support Manager, East Coast Australia at Shell Corporation Ltd - one of the world's biggest petroleum and petrochemicals company. He also has experience in many areas of the industry including Refining, Process Simulation, P&ID among others. Mr Katti has a vast knowledge of and expertise in various chemical engineering processes and is surely the go-to person for aspiring, young chemical engineers.<br>"+
"<br><font color='white'>Cheluva Kumar :</font>He has bachelor’s degree in Chemical Engineering from India’s reputed institute, NITK Surathkal and has over 30+ years of experience in Process Safety Management, Process Engineering, Plant Operations, Technical Services and Capital Projects execution. Mr.Kumar's International assignments include working in Saudi Arabia for more than a decade and extensively travelled to Europe, USA and South East Asia. Mr.Kumar ’s worked for Owner operator companies in India and abroad including National Fertilizers, Nagarjuna Fertilizers, SABIC and, Shell Technology India.<br>"+
"<br><font color='white'>Nandakumar V :</font>He is currently working as Chief General Manager (Petchem and R&D) at Mangalore Refinery and Petrochemical Limited (MRPL). With an experience of 25 years in various process plants , his profile mainly focuses on new business development project conceptualization, energy conservation, and value maximisation. In addition to this, he assists Bureau of Indian Standards as convener to subcommittee PCS 3:2 which sets specifications on Aromatic products and Petroleum Coke. Moreover application of IT tools at chemical engineering is of special interest to him.<br>"+
"<br><font color='white'>Kumar Ganapathy :</font>He is currently working as an independent consultant dealing with process control, process solution and project management at Kaygee Consultancy.With an experience spanning over three decades, he has worked as a consultant in various industrial automation companies like Petroedge, Yokogawa and many more.His contribution towards chemical engineering has always been inspiring and will continue to do so.<br><br><font color='white'><h3>ABSTRACT </h3></font>Click to download:<a href='ABSTRACT OF CHEM.pdf' download>Abstract</a><br><br>Save the Date:<font color='white'>20th October, 2019</font><br><br>Registration fees:₹50 for Non-NITK students <br><br>Last Date to register:<font color='white'>17th October 2019</font><br><br><font size = '6rem'>Register <a href='https://forms.gle/n9vYDyhyUrnMgYfV8'><font color='white'>here</font></a> !!</font>"+
"<font color='white'><br><br>For queries contact:<br>Shweta-9880954725<br>Varsha-9164068684</font>",
];
var x = document.getElementById("slides");
x.style.display = "none";
x = document.getElementById("youtube");
x.style.display = "none";
x = document.getElementById("barcodes");
x.style.display = "block";
var y = document.getElementById("Abouthead");
y.innerHTML = head[n - 1];
var z = document.getElementById("Aboutbody");
z.innerHTML = content[n - 1];
upd = [
"<li><a style='color: #fff'>1 September, 2019</a><br>"+
"<b><h5><i><a>Reflux website launched</a></i></h5></b>"+
"<p>The official website for Reflux Committee 2019 has been launched</p></li>"
,
"<li><a style='color: #fff'>1 September, 2019</a><br>"+
"<b><h5><i><a>Reflux website launched</a></i></h5></b>"+
"<p>The official website for Reflux Committee 2019 has been launched</p></li>"
,
"<li><a style='color: #fff'>1 September, 2019</a><br>"+
"<b><h5><i><a>Reflux website launched</a></i></h5></b>"+
"<p>The official website for Reflux Committee 2019 has been launched</p></li>"+
"<li><a style='color: #fff'>24 September, 2019</a><br>"+
"<b><h5><i><a>Capture Theme launched</a></i></h5></b>"+
"<p>The theme for Cpature has been launched: <b>#SanrakshanEveryday</b></p></li>"
,
"<li><a style='color: #fff'>1 September, 2019</a><br>"+
"<b><h5><i><a>Reflux website launched</a></i></h5></b>"+
"<p>The official website for Reflux Committee 2019 has been launched</p></li>"
]
var u = document.getElementById("up");
u.innerHTML = upd[n - 1];
}
function contact()
{
window.scrollTo(0,document.body.scrollHeight);
}
</script>
<body >
<!-- Navigation -->
<nav class = "navbar navbar-expand-md navbar-light bg-light sticky-top text-center" id="navigationbar">
<div class = "container-fluid" >
<a class = "navbar-brand" href = "#">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<img id="logo" src="img/reflux_logo.png" style="width: 50px; height: 50px; float: left;">
</li>
<li class="nav-item">
<h1 style="color:black">REFLUX 2019</h1>
</li>
</ul>
</a>
<button class = "navbar-toggler" type="button" data-toggle = "collapse" data-target="#navbarResponsive">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#" onclick="Home();return false;">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" id = "ev1" onclick="Func(1);return false;">IDP</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" id = "ev2" onclick="Func(2);return false;">REFLUX BREAKDOWN</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" id = "ev3" onclick="Func(3);return false;">CAPTURE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" id = "ev4" onclick="Func(4);return false;">CHEM-E-TALKS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact" onclick="Contact();return false;">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!--- Image Slider -->
<div id="slides" class="carousel slide expand-md" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#slides" data-slide-to="0" class="active"></li>
<li data-target="#slides" data-slide-to="1"></li>
<li data-target="#slides" data-slide-to="2"></li>
</ul>
<div class="carousel-inner">
<div class="carousel-caption">
<h1 class="display-1">Reflux 2.0</h1>
<h4 class="display-4">Ideate * Innovate * Implement</h4>
</div>
<div class="carousel-item active">
<img src="img/bny.jpg" >
</div>
<div class="carousel-item">
<img src="img/bny1.png">
</div>
<div class="carousel-item">
<img src="img/ind.jpg">
</div>
</div>
</div>
<!--- About -->
<div class="container-fluid" id="about">
<div class=" row jumbotron" style="background-color: #000;">
<h3 class="display-4" id="Abouthead"> </h3>
<p class="lead" id="Aboutbody"> </p>
</div>
</div>
<!--Youtube-->
<div class="iframe-container" id="youtube">
<iframe width="1536" height="864" src="https://www.youtube.com/embed/j7Rtizrgchk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<hr>
<!-- Barcodes -->
<div class="bar" id="barcodes">
<img src="img/Paytm.jpg"><b><font size="5">Paytm</font>
<img src="img/google pay.jpg"><font size="5"><a href="upi://pay?pa=abdulbasithashraf-1@okicici&pn=Abdul%20Basith%20Ashraf">UPI</b></font></a>
</div>
<!---Updates-->
<div class="container mt-5 mb-5" id="updates">
<div class="row">
<div class="col-xs-12 col-s-12 col-md-12">
<h3 class="display-4">Updates</h3>
<ul class="timeline" id="up">
<!-- <li>
<a style="color: #fff">1 September, 2019</a><br>
<b><h5><i><a>Reflux website launched</a></i></h5></b>
<p>The official website for Reflux Committee 2019 has been launched</p>
</li>
<li>
<b><h5><i><a>Registrations</a></i></h5></b>
<p>Registrations start from 15th of September. Follow our <a href="#contact"> social media handles</a> for further updates</p>
</li> -->
</ul>
</div>
</div>
</div>
<hr>
<!---Event Cards-->
<div class = "container-fluid padding">
<a href="#events"></a>
<div class="row welcome">
<div class="col-12">
<h3 class="display-4">Events</h3>
</div>
<hr>
</div>
</div>
<div class="container-fluid padding">
<div class = "row padding">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card text-center">
<img class = "card-img-top" src="img/IDP_poster.jpeg">
<div class="card-body">
<h4 class="card-title" >IDP</h4>
<p class="card-text">Industrial problem-solving contest that amplifies the participants analytical and thinking skills.</p>
<a href="#" class="btn btn-outline-secondary" onclick="Func(1);return false;">Details</a>
<a href="https://forms.gle/eaojeaw54Bura2FA6" class="btn btn-outline-secondary">Register</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card text-center">
<img class = "card-img-top" src="img/RBD_poster.jpeg">
<div class="card-body">
<h4 class="card-title" >REFLUX BREAKDOWN</h4>
<p class="card-text">Inter-disciplinary event that tests basic chemistry and general knowledge of the participants.</p>
<a href="#" class="btn btn-outline-secondary" onclick="Func(2);return false;">Details</a>
<a href="https://forms.gle/RCqfTiChqwcmGaXR8" class="btn btn-outline-secondary">Register</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card text-center">
<img class = "card-img-top" src="img/CAPTURE_poster.jpeg">
<div class="card-body">
<h4 class="card-title">CAPTURE</h4>
<p class="card-text">An online photography contest that connects the knowledge of Chemical Engineering to Nature.</p>
<a href="#" class="btn btn-outline-secondary" onclick="Func(3);return false;">Details</a>
<a href="https://forms.gle/7drjogvAQyAH8a8aA" class="btn btn-outline-secondary">Register</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="card text-center">
<img class = "card-img-top" src="img/CET_poster.jpeg">
<div class="card-body">
<h4 class="card-title">CHEM-E-TALKS</h4>
<p class="card-text">A unique series of talks featuring experts working on cutting-edge domains of Chemical Engineering.</p>
<a href="#" class="btn btn-outline-secondary" onclick="Func(4);return false;">Details</a>
<a href="https://forms.gle/n9vYDyhyUrnMgYfV8" class="btn btn-outline-secondary">Register</a>
</div>
</div>
</div>
</div>
</div>
<!---Footer--->
<footer id = "contact">
<div class="container-fluid padding">
<div class="row text-center">
<div class="col-lg-4 col-md-12 social padding text-center">
<h3>Connect</h3>
<hr class="light">
<a href="https://www.facebook.com/refluxnitk/"><i class = "fab fa-facebook"></i></a>
<a href="https://twitter.com/reflux_nitk"><i class = "fab fa-twitter"></i></a>
<a href="https://www.instagram.com/reflux_nitk/"><i class = "fab fa-instagram"></i></a>
<a href="https://www.youtube.com/channel/UCMhKFZhgTPXeTT5xa-iGPnA"><i class = "fab fa-youtube"></i></a>
</div>
<div class="col-lg-4 col-md-12">
<h3>Contact Us</h3>
<hr class="light">
<p>Srihari: 9482782705</p>
<p>Shreya: 9392915714</p>
<p>[email protected]</p>
<!-- <p>Address line 1</p>
<p>Address line 2</p> -->
<!-- <p>Address line 3</p> -->
</div>
<div class="col-lg-4 col-md-12">
<img class="footer-img" src="img/reflux_logo.png">
</div>
</div>
</div>
</footer>
</body>
</html>