-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
344 lines (310 loc) · 16.7 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
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<!--/* Designed By PantherCodes https://goo.gl/vrrG1H */ -->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>E-Bot</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/templatemo-style.css">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
<script src="js/mbox.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="nav">
<div class="burger">
<div class="burger__patty"></div>
</div>
<ul class="nav__list">
<li class="nav__item">
<a href="#1" class="nav__link c-blue"><img src="img/home-icon.png" alt=""></a>
</li>
<li class="nav__item">
<a href="#2" class="nav__link c-yellow scrolly"><img src="img/about-icon.png" alt=""></a>
</li>
<li class="nav__item">
<a href="#3" class="nav__link c-red"><img src="img/projects-icon.png" alt=""></a>
</li>
<li class="nav__item">
<a href="#4" class="nav__link c-green"><img src="img/contact-icon.png" alt=""></a>
</li>
</ul>
</nav>
<section class="panel b-blue" id="1">
<article class="panel__wrapper">
<div class="panel__content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="home-content">
<div class="home-heading">
<h1><em>E-BOT</em></h1>
<h2 style="color:#f2f2f2;">Proudly Present By E-SOC </h2>
</div>
<div class="row">
<div class="col-md-12">
<div class="home-box-content">
<div class="left-text">
<h4>E-BOT <em style="color:red;">2017</em> Chalange</h4>
<p> The Electronic socity of Wayamba University of Srilanka (ESOC)
proudly presents it's maiden robotic challange
<em style="color:red;">E-BOT 2017</em>. The aim of the challange is to be a stepping
stone for the amateur robot enthusiasts and to be a platfoarm
where they can improve and one day become grate.
<em style="color:red;">E-BOT</em> will be held on <em style="color:yellow;">11<sup>th</sup> of November 2017</em>
</p>
<div class="primary-button">
<a href="#2">Discover More</a>
</div>
</div>
<div class="right-image">
<img width="200" height="150" src="img/icon2.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<section class="panel b-yellow" id="2">
<article class="panel__wrapper">
<div class="panel__content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="about-content">
<div class="heading">
<h4>About Event</h4>
</div>
<div class="row">
<div class="col-md-12">
<div class="about-box-content">
<img src="img/playb2.png" alt="" onclick="document.getElementById('id03').style.display='block'">
</div>
</div>
<div class="col-md-7 col-md-offset-5">
<div class="about-box-text">
<h4>E-BOT Games</h4>
<p>
The challange will be held in two categories, undergraduate event and the
Alumini event. The events will be open to current and past students
of Wayamba university of Sri Lanka. The objective of having an Alumini category
is to provide the amatures a chance to bond with their seniors and to gain invalable
experience and technological soundness from them.
</p>
<div class="primary-button">
<a href="#3">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<div id="id03" class="w3-modal">
<div class="w3-modal-content w3-animate-zoom w3-card-4">
<header class="w3-container w3-teal" >
<span onclick="document.getElementById('id03').style.display='none'"
class="w3-button w3-display-topright">×</span>
</header>
<div class="w3-container w3-black" >
<iframe width="800" height="600" frameborder="0" allowfullscreen src="https://www.youtube.com/embed/rGDVpbVCbdY">
</iframe>
</div>
</div>
</div>
<section class="panel b-red" id="3">
<article class="panel__wrapper">
<div class="panel__content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="projects-content">
<div class="heading">
<h4>Registrations</h4>
</div>
<div class="w3-container w3-half one">
<div class="w3-card-4 w3-dark-grey" onmouseover="document.getElementById('id01').style.display='block'" >
<div class="w3-container w3-center">
<h3>Undergraduate</h3>
<img src="img/undergraduate.png" alt="Avatar" style="width:100px; height:100px;">
<h5>Read more....</h5>
</div>
</div>
</div>
<div class="w3-container w3-half one">
<div class="w3-card-4 w3-dark-grey" onmouseover="document.getElementById('id02').style.display='block'" >
<div class="w3-container w3-center">
<h3>Postgraduate</h3>
<img src="img/pstgraduate.png" alt="Avatar" style="width:100px; height:100px;">
<h5>Read more....</h5>
</div>
</div>
</div>
<style type="text/css">
hover:one {
width:120%;
height:120%;
}
</style>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
</section>
<div id="id01" class="w3-modal">
<div class="w3-modal-content w3-animate-zoom w3-card-4">
<header class="w3-container w3-teal">
<span onmouseover="document.getElementById('id01').style.display='none'"
class="w3-button w3-display-topright">×</span>
<h2>Undergraduates Registration</h2>
</header>
<div class="w3-container w3-black">
<h2>Game Task<br/></h2>
<p> Download the hardcopy of the Game Task.</p>
<p>
<a class="w3-button w3-orange" target="blank" href="https://drive.google.com/open?id=1CC5zL8-DePT1OSc8DTCukjx3JqB--GbW">Click here</a>to download
<br/>
</p>
<h2>Awards</h2>
<p>All the participants will be awarded a participation certificate.<br/></p>
<h2>Registration</h2>
<p>Fill in the online registration form
<a class="w3-button w3-hover-purple" target="blank" href="https://goo.gl/forms/UCfJeBuD8L4GDS7D2">Click here</a>.</p>
<p>The applicants should certify their studentship by university ID card</p>
<p>
<br/> Mr.Kanishka Anuranga,
<br/> Co-ordinator E-Bot 17,
<br/> Faculty of Applied Sciences,
<br/> Sri Lanka Wayamba University,
<br/> Kuliyapitiya.
<br/>E-mail-: [email protected]
</p>
</div>
<footer class="w3-container w3-teal">
<p>Thanks..........</p>
</footer>
</div>
</div>
<div id="id02" class="w3-modal">
<div class="w3-modal-content w3-animate-zoom w3-card-4">
<header class="w3-container w3-teal">
<span onmouseover="document.getElementById('id02').style.display='none'"
class="w3-button w3-display-topright">×</span>
<h2>Postgraduates Registration</h2>
</header>
<div class="w3-container w3-black">
<h2>Game Task<br/></h2>
<p> Download the hardcopy of the Game Task.</p><p><a class="w3-button w3-orange" target="blank" href="https://drive.google.com/open?id=1WZ1OcWF5xzFCQoSwl2qd6VVMclWrf_d2">Click here</a>to download<br/></p>
<h2>Awards</h2>
<p>All the participants will be awarded a participation certificate.<br/></p>
<h2>Registration</h2>
<p>Fill in the online registration form <a class="w3-button w3-hover-purple" target="blank" href="https://goo.gl/forms/UCfJeBuD8L4GDS7D2">Click here</a>.</p>
<p>The applicants should certify their studentship by university ID card</p>
<p>
<br/> Mr. Kanishka Anuranga,
<br/> Co-ordinator E-Bot 17,
<br/> Faculty of Applied Sciences,
<br/> Sri Lanka Wayamba University,
<br/> Kuliyapitiya.
<br/>E-mail-: [email protected]
</p>
</div>
<footer class="w3-container w3-teal">
<p>Thanks..........</p>
</footer>
</div>
</div>
<section class="panel b-green" id="4">
<article class="panel__wrapper">
<div class="panel__content">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="contact-content">
<div class="heading">
<h4>Contact us</h4>
</div>
<div class="row">
<div class="col-md-8">
<div class="contat-form">
<form id="contact" action="" method="post">
<fieldset>
<input name="name" type="text" class="form-control" id="name" placeholder="Your Name" required="">
</fieldset>
<fieldset>
<input name="email" type="email" class="form-control" id="email" placeholder="Email" required="">
</fieldset>
<fieldset>
<textarea name="message" rows="6" class="form-control" id="message" placeholder="Message" required=""></textarea>
</fieldset>
<fieldset>
<button type="submit" id="form-submit" class="btn">Send Message</button>
</fieldset>
</form>
</div>
</div>
<div class="col-md-4">
<div class="more-info w3-black w3-round-xxlarge w3-hover-teal">
<p>Any Problom Please Contact Us.<br><br>
<em>Lional Jayathilake Mawatha,
<br/>Kanadulla,
<br/>Kuliyapitiya,
<br/>60200,Sri Lanka.</em>
<br/>(+94) 716-814-715</em>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12">
<div class="footer">
<p>Copyright © 2017 E-SOC
| Designed by <a href="https://goo.gl/vrrG1H" target="_parent">PantherCodes</a></p>
</div>
</div>
</div>
</div>
</div>
</article>
</section>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>