-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
384 lines (342 loc) · 15.7 KB
/
Copy pathindex.html
File metadata and controls
384 lines (342 loc) · 15.7 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
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
375
376
377
378
379
380
381
382
383
384
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<!-- BASICS -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Maker Party Chennai</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<link rel="icon" type="image/png" href="img/res/favicon.png" />
<link rel="shortcut icon" href="img/res/favicon.png" />
<link rel="stylesheet" type="text/css" href="css/isotope.css" media="screen" />
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/bootstrap-theme.css">
<link rel="stylesheet" href="css/style.css">
<!-- skin -->
<link rel="stylesheet" href="skin/default.css">
</head>
<body data-spy="scroll" data-target="#navbar">
<section id="header" class="appear"></section>
<div id="navbar" class="navbar navbar-fixed-top" role="navigation" data-0="line-height:100px; height:100px; background-color:rgba(0,0,0,0.3);" data-300="line-height:60px; height:60px; background-color:rgba(0,0,0,1);">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="fa fa-bars color-white"></span>
</button>
<h1><a class="navbar-brand" href="index.html" data-0="line-height:90px;" data-300="line-height:50px;"> MAKER PARTY CHENNAI
</a></h1>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav" data-0="margin-top:20px;" data-300="margin-top:5px;" role="tablist">
<li class="active"><a href="#header">Home</a></li>
<li><a href="#section-about">About</a></li>
<li><a href="#speaker">Speakers</a></li>
<li><a href="#section-agenda">Agenda</a></li>
<li><a href="#section-works">Partners</a></li>
<li><a href="#section-venue">Venue</a></li>
<li><a href="#section-contact">Contact</a></li>
</ul>
</div><!--/.navbar-collapse -->
</div>
</div>
<section class="featured">
<div class="container">
<div class="row mar-bot40">
<div class="col-md-6 col-md-offset-3">
<div class="align-center">
<img src="img/res/MakerPartyLogo.png" alt="" class="img-responsive center-block" width="300">
<h2 class="slogan">September 17</h2>
<h3>9:00 AM - 4:30 PM</h3>
<h4>SRM University, Ramapuram</h4>
<p><strong>
Maker Party is Mozilla's global campaign to teach the web. Through thousands of community-run events around the world, Maker Party unites educators, organizations and enthusiastic web users with hands-on learning and making. </strong>
</p>
</br>
<div class="row mar-bot40 show-grid align-center">
<a href = "http://bit.ly/2cCQxhL" target="_blank" style="color:#fff">
<button type="button" class="btn btn-primary btn-lg center-block" style="text-decoration:none;">Participant Registration</button></a>
</div>
<h4>Entry Free!</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- services -->
<section id="section-about" class="section appear pad-bot30 bg-white">
<div class="container">
<!-- <div class="row mar-bot40" style="margin-bottom:20px;">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="align-center">
<img src="img/res/MakerPartyImpTri.png" alt="" width="250" class="img-responsive center-block">
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-8">
<div class="row">
<div class="col-md-12">
<h2>Learn By Teaching</h2>
<p>The best way to learn the web is to teach it. Hosting a Maker Party is not only personally rewarding, it contributes to the greater goal of increasing web literacy for everyone, everywhere in the world. Expanding it beyond the scope of just the web, and providing a chance for the purpose of education is what MakerParty intends. The goal is to celebrate local leadership, support them in growing local networks, and to weave together a global story about Maker Party.</p>
</div>
</div>
</div>
</div>
-->
<br/>
<!-- <hr class="intro-divider"> -->
<br/>
<div class="row mar-bot40" style="margin-bottom:20px">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="align-center">
<img src="img/team/mplogo.png" alt="" width="240" class="img-responsive center-block">
</div>
</div>
<div class="col-lg-8 col-md-8 col-sm-8">
<div class="row">
<div class="col-md-12">
<h2>What is a Maker Party?</h2>
<p><a href='http://mozilla.org/'>Mozilla</a> Maker Party is a place for artists to connect with educators; for activists to trade ideas with coders; and for entrepreneurs to chat with makers. It’s a place to network, innovate and make a difference.
This year, we’ll come together with this same spirit, and also with a mission — to challenge outdated copyright laws.
The internet’s potential for innovation and collaboration is exceptional. But restrictive copyright laws can undermine these traits. By educating and inspiring more people to take action together, we can make a real difference.</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-12">
<!-- <h3>Learn more about how you can make a difference</h3> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="speaker" class="section appear clearfix" data-stellar-background-ratio="0.5">
</section>
<section id="section-agenda" class="section appear clearfix" data-stellar-background-ratio="0.0">
<div class="container">
<div class="row mar-bot40">
<div class="col-md-offset-3 col-md-6">
<div class="section-header">
<h2 class="section-heading animated" data-animation="bounceInUp">Agenda for the Event</h2>
<hr class="intro-divider">
</div>
</div>
</div>
<div class="row mar-bot40 show-grid align-center">
<iframe src="https://docs.google.com/document/d/1MT6uCGBnwtOAD2ib_rc5AUqhs2oG6mAEI89u7X_UqQU/pub?embedded=true" width=100% height="798" frameborder="0"></iframe>
</div>
</div>
</section>
<!-- spacer section:testimonial -->
<section id="testimonials" class="section" data-stellar-background-ratio="0.5"
<div class="container" style="background-color:rgba(0,0,0,0.7);">
<div class="row">
<div class="col-lg-12">
<div class="align-center">
<div class="testimonial pad-top40 pad-bot40 clearfix">
<h5><blockquote class="bigquote color-white">
"Maker Parties are really incredibly unique because, there are people who wanna learn about the web, how to make a video on the web or how to make a web page - it gives them a place where they can come and do that in a hands on way."
</h5></blockquote>
<br/>
<span class="author">— <em>MARK SURMAN</em><br/>Executive Director<br/>Mozilla Foundation</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- about -->
<section id="section-works" class="section appear clearfix">
<div class="container">
<div class="row mar-bot40">
<div class="col-md-offset-3 col-md-6">
<div class="section-header">
<h2 class="section-heading animated" data-animation="bounceInUp">Partner Organizations</h2>
<p>Our Sponsers and Partners</p>
<hr class="intro-divider">
<br/>
</div>
</div>
</div>
<div class="row mar-bot40 show-grid align-center">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="team-member">
</br>
</br>
<a href="https://www.mozilla.org/en-US/" target="_blank">
<img src="img/team/member1.png" alt="" class="center-block" /></a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="team-member">
</br>
</br>
<a href="http://www.gdgchennai.com/" target="_blank">
<img src="img/team/member3.png" alt="" class="center-block"/></a>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-4">
<div class="team-member">
<img src="img/team/IoTGeeks.png" alt="" class="center-block" />
</div>
</div>
</div>
<!-- <div class="row mar-bot40 show-grid align-center">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="team-member">
<a href="http://www.gdgchennai.com/" target="_blank">
<img src="img/team/member3.png" alt="" class="center-block"/></a>
</div>
</div>
<div class="col-lg-4 col-sm-4 col-md-4">
<br/>
<div class="team-member">
<a href="http://redd.co.in/" target="_blank">
<img src="img/team/member4.png" alt="" class="center-block"/></a>
</div>
</div>
</div> -->
</div>
</section>
<!-- /about -->
<!-- spacer section:stats -->
<section id="section-venue" class="section appear clearfix" data-stellar-background-ratio="0.5">
<div class="container" style="background-color:rgba(0,0,0,0.7);">
<div class="align-center pad-top40 pad-bot40">
<blockquote class="bigquote color-white">Venue - SRM University, Ramapuram</blockquote>
<p class="color-white">Address : SRM University, Bharathi Salai, Ramapuram, Chennai, Tamil Nadu 600089</p>
</div>
</div>
</section>
<!-- contact -->
<section id="section-contact" class="section appear clearfix">
<div class="container">
<div class="row mar-bot40">
<div class="col-md-offset-3 col-md-6">
<div class="section-header">
<h2 class="section-heading animated" data-animation="bounceInUp">Contact Us</h2>
<p>Allow us to learn from your suggestions, and clarify your queries if any!</p>
<hr class="intro-divider">
<br/>
</div>
</div>
</div>
<div class="row mar-bot40 show-grid align-center">
<div>
<h2>S Jayakumar</h2>
<p>Faculty</br>Mob: +919791141125</p>
</div>
<div>
<h2>Arkodyuti Saha</h2>
<p>Student Organiser</br>Mob: +91 917689694</br><a href="mailto:arkodyutisaha10@gmail.com?Subject=Maker%20Party" target="_top">Email: arkodyutisaha10@gmail.com</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--<section id="section-contact" class="section appear clearfix">
<div class="container">
<div class="row mar-bot40">
<div class="col-md-offset-3 col-md-6">
<div class="section-header">
<h2 class="section-heading animated" data-animation="bounceInUp">Contact us</h2>
<p>Allow us to learn from your suggestions, and clarify your queries if any! Leave us a message, or <br/>Contact: Shreyas(Mob: +919791141125)</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="cform" id="contact-form">
<div id="sendmessage">
Your message has been sent. Thank you!
</div>
<form action="contact/contact.php" method="post" role="form" class="contactForm">
<div class="form-group">
<label for="name">Your Name</label>
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="maxlen:4" data-msg="Please enter at least 4 chars" />
<div class="validation"></div>
</div>
<div class="form-group">
<label for="email">Your Email</label>
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email" />
<div class="validation"></div>
</div>
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="maxlen:4" data-msg="Please enter at least 8 chars of subject" />
<div class="validation"></div>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us"></textarea>
<div class="validation"></div>
</div>
<button type="submit" class="btn btn-theme pull-left">SEND MESSAGE</button>
</form>
</div>
</div>
</div>
</div>
</section>-->
<!-- map -->
<section id="section-map" class="clearfix">
<div id="map" style="width:100%;height:500px"></div>
<script>
function myMap() {
var mapCanvas = document.getElementById("map");
var myCenter = new google.maps.LatLng(13.032772, 80.180877);
var mapOptions = {center: myCenter, zoom: 17};
var map = new google.maps.Map(mapCanvas,mapOptions);
var marker = new google.maps.Marker({
position: myCenter,
animation: google.maps.Animation.BOUNCE
});
marker.setMap(map);
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?callback=myMap"></script>
</section>
<section id="footer" class="section footer">
<div class="container">
<div class="row animated opacity mar-bot20" data-andown="fadeIn" data-animation="animation">
<div class="col-sm-12 align-center">
<p class="clearfix" style="color:#fff;font-size:20px;">Follow us on:</p>
<ul class="social-network social-circle">
<li><a href="https://www.facebook.com/makerpartychennai" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="https://twitter.com/search?q=%23makerpartychennai2016" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
</ul>
</div>
</div>
<hr class="section-heading-spacer">
<div class="row align-center clearfix" style="color:#d2d2d2;font-size:15px;">
<p>Credits: Mozilla</p>
</div>
</div>
</section>
<a href="#header" class="scrollup"><i class="fa fa-chevron-up"></i></a>
<script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="js/jquery.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyASm3CwaK9qtcZEWYa-iQwHaGi3gcosAJc&sensor=false"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/fancybox/jquery.fancybox.pack.js"></script>
<script src="js/skrollr.min.js"></script>
<script src="js/jquery.scrollTo-1.4.3.1-min.js"></script>
<script src="js/jquery.localscroll-1.2.7-min.js"></script>
<script src="js/stellar.js"></script>
<script src="js/jquery.appear.js"></script>
<script src="js/validate.js"></script>
<script src="js/main.js"></script>
</body>
</html>