This repository has been archived by the owner on May 2, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
340 lines (333 loc) · 22.3 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
---
layout: default
---
<body data-spy="scroll" data-target="#topnav">
<!--<div id="topnav" class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header"><button type="button" data-toggle="collapse" data-target=".navbar-collapse" class="navbar-toggle"><span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a href="#" class="navbar-brand">GDG Sri Lanka</a></div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="Events.html">Events</a></li>
<li><a href="../gallery.html">Gallery </a></li>
<li><a href="../team.html">Team</a></li>
<li><a href="Contact.html">Contact</a></li>
</ul>
</div>
<!– /.navbar-collapse–>
</div>
</div>-->
<div id="home" class="jumbotron">
<div class="container">
<div class="media">
<a id="gdg-logo" href="#" class="pull-right"><img src="../images/logo_gdg.png" styles="600px" class="media-object"></a>
<div class="media-body">
<div class="col-md-11"></div>
<h1 class="title">Google Developer Group <small class="sri-lanka">Sri Lanka</small></h1>
<p>GDG Sri Lanka is a community of enthusiasts and developers who are interested in Google technologies. </p>
<p><a class="btn btn-success btn-lg">Learn more <i class="icon icon-angle-right"></i></a></p>
</div>
</div>
</div>
</div>
<section id="gdg" class="gdg">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<p><h2><b>WHAT IS GOOGLE DEVELOPER GROUP(GDG)</b></h2> <h5><b>Something you should not miss out!</b></h5>
Google Developer Groups (GDGs) are for developers who are interested in Google’s developer technology; everything from the Android, Chrome, Drive, and Google Cloud platforms, to product APIs like the Cast API,Maps API, and YouTube API.
A GDG can take many forms — from just a few people getting together to watch our latest video, to large gatherings with demos and tech talks, to events like code sprints and hackathons.
However, at the core, GDGs are focused on developers and technical content, and the core audience should be developers.</p>
</div>
</div>
</div>
</section>
<section id="vision" class="vision">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<p><h2><b>VISION</b> / What we Intend</h2>
With the world becoming smarter and connected and technology being more sophisticated, computing technology is the latest buzz word which is set to play a defining role in the future. Computing Technology are expected to change the way we live our lives.
We encourage and invite Technology Enthusiasts/ Developers/Designers /Interested Students/Professionals to be a part of this awesome community of like minded personalities and come up with innovative and futuristic product ideas, that is set to re-define the digital culture and people’s lives.</p>
</div>
</div>
</div>
</section>
<div id="services" class="container">
<!-- Example row of columns-->
<div class="row features">
<div class="col-lg-4 text-center">
<div class="single-fet">
<div><img src="../images/GDG-Meetups.jpg"></div>
<h2><a href="../meetups.html">Meetups</a></h2>
<p>GDG Sri Lanka is planning to continue its monthly meetups soon...
</p>
</div>
</div>
<div class="col-lg-4 text-center">
<div class="single-fet">
<div><img src="http://placehold.it/360x210"></div>
<h2><a href="../gcollege.html">G-College</a></h2>
<p>G-College is a project initiated by GDG SL for the benefit of less IT literate students in the rural areas of the country.
</p>
</div>
</div>
<div class="col-lg-4 text-center">
<div class="single-fet">
<div><img src="http://placehold.it/360x210"></div>
<h2><a href="../codelanka.html">CodeLanka</a></h2>
<p>CodeLanka is an initiative to share knowledge on coding to less IT literate students in Sri Lanka by the use of tutorials and video lessons.
</p>
</div>
</div>
</div>
</div>
<section id="features" class="slider">
<div class="container">
<div class="inner-page">
<h2 class="page-headline large text-center">Events which we did</h2>
<p class="text-center">Here are some of our events
</p>
</div>
<div class="row inner-page">
<div class="col-md-8 col-md-push-4">
<div class="stories-slider">
<div><img src="../images/google-io-stage.jpg"></div>
<div><img src="http://placehold.it/735x345"></div>
</div>
</div>
<div class="col-md-4 col-md-pull-8">
<div class="list-group stories-list">
<a href="Events.html#io2015" class="list-group-item">
<h4 class="list-group-item-heading">Google IO 2015 Extended Sri Lanka</h4>
<p class="list-group-item-text">Google IO 2015 Extended was the latest event of the three extended events done in Sri Lanka parallel with the
Google IO in San Francisco. The participation in this event was more than 2000 enthusiasts. It was at Trace expert city, Maradana.
</p>
</a>
<a href="Events.html#AndroidJam" class="list-group-item">
<h4 class="list-group-item-heading">Android Jam Workshops</h4>
<p class="list-group-item-text">Done with the help of Google Student Ambassadors and WSO2 Inc., the Android Jam was a series of tutorial session which
aided students of several universities to develop an android application hands-on.
</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">DevFest 2014 Sri Lanka</h4>
<p class="list-group-item-text">The second DevFest to be held in Sri Lanka was held at Park Street Mews.
</p>
</a>
<a href="#" class="list-group-item">
<h4 class="list-group-item-heading">Android App Clinic 2014</h4>
<p class="list-group-item-text">
</p>
</a>
</div>
</div>
</div>
</div>
</section>
<!--<section id="keep_in_touch">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="page-headline large text-center">Keep in touch with us</h2>
<p class="text-center">
</p>
</div>
</div>
</div>
<div class="container">
<div class="row pricing-table">
<div class="col-md-4 text-center">
<img src="../images/social-networks-cloud.png" style="height: 165px">
<h3>Social Networks </h3>
<p>Keep eye on us for cool events. We'll be announcing them via our G+ & Fb pages. Of course via our twitter!</p>
</div>
<div class="col-md-4 text-center">
<img src="../images/Google_Games.png" style="height: 165px">
<h3>Participate & Rock </h3>
<p>Come, let you be visible to the community. Let's share the knowledge together, let's rock together. </p>
</div>
<div class="col-md-4 text-center">
<img src="../images/announce.png" style="height: 148px;margin: 8px">
<h3>Organize with us</h3>
<p>Like to organize an awesome event with us? Send us your cool proposals. Know more <a href="#">here</a></p>
</div>
</div>
</div>
</section>-->
<!--<section class="gray">
<div class="container">
<div class="row">
<div class="col-md-12">
<h3 class="text-center">Tell your projects awesome story.</h3>
</div>
</div>
</div>
</section>
<section id="clients" class="about">
<div class="dmask">
<div class="our-clients">
<div class="container">
<div class="row">
<div style="background-position: 50% 27px" class="client">
<div class="client-logo">
<div class="col-lg-8 col-md-8 col-sm-6 col-xs-12">
<div class="clients-title">
<h3 class="title">Our <span>Clients</span></h3>
<div class="carousel-controls pull-right">
<a data-slide="prev" href="#client-carousel" class="prev btn-mini"><i class="icon-angle-left"></i></a> <a data-slide="next" href="#client-carousel" class="next btn-mini"><i class="icon-angle-right"></i></a>
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
<div id="client-carousel" class="client-carousel slide">
<div class="carousel-inner">
<div class="item active">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 item animate_afc d1 animate_start">
<div class="item-inner"><a style="cursor: pointer"><img src="../images/logo-1.png" alt="Upportdash"></a></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 item animate_afc d2 animate_start">
<div class="item-inner"><a style="cursor: pointer"><img src="../images/logo-2.png" alt="Upportdash"></a></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 item animate_afc d3 animate_start">
<div class="item-inner"><a style="cursor: pointer"><img src="../images/logo-3.png" alt="Upportdash"></a></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 item animate_afc d4 animate_start">
<div class="item-inner"><a style="cursor: pointer"><img src="../images/logo-4.png" alt="Upportdash"></a></div>
</div>
</div>
<div class="item">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 item">
<div class="item-inner"><a style="cursor: pointer"><img src="../images/logo-5.png" alt="Upportdash"></a></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 item">
<div class="item-inner"><a style="cursor: pointer"><img src="../images/logo-4.png" alt="Upportdash"></a></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 item">
<div class="item-inner"><a style="cursor: pointer"><img src="../images/logo-3.png" alt="Upportdash"></a></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-6 item">
<div class="item-inner"><a style="cursor: pointer"><img src="../images/logo-2.png" alt="Upportdash"></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
<!– Testimonials Widget Start–>
<div class="row">
<div class="testimonials widget">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="testimonials-title">
<h3 class="title">Client <span>Testimonials</span></h3>
<div class="carousel-controls pull-right">
<a data-slide="prev" href="#testimonials-carousel" class="prev btn-mini"><i class="icon-angle-left"></i></a> <a data-slide="next" href="#testimonials-carousel" class="next btn-mini"><i class="icon-angle-right"></i></a>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div id="testimonials-carousel" class="testimonials-carousel slide animate_afr d5 animate_start">
<div class="carousel-inner">
<div class="item">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="testimonial item">
<p>Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type.
</p>
<div class="testimonials-arrow"></div>
<div class="author">
<div class="testimonial-image"><img src="../images/team-member-1.jpg" alt=""></div>
<div class="testimonial-author-info"><a style="cursor: pointer">Monica Sing/a> Template
Eden</a>
</div>
</div>
</div>
</div>
</div>
<div class="item active">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="testimonial item">
<p>Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type.
</p>
<div class="testimonials-arrow"></div>
<div class="author">
<div class="testimonial-image"><img src="../images/team-member-2.jpg" alt=""></div>
<div class="testimonial-author-info"><a href="#">John Doe Template Eden</a></div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="testimonial item">
<p>Lorem Ipsum is simply dummy text of the printing and
typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type.
</p>
<div class="testimonials-arrow"> </div>
<div class="author">
<div class="testimonial-image"><img src="../images/team-member-3.jpg" alt=""></div>
<div class="testimonial-author-info"><a style="cursor: pointer">Carol Johansen Template Eden</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="contact">
<div class="container">
<div class="row">
<!–<div class="col-md-6">
<div id="contactSuccess" class="alert alert-success hidden">strong Success! Your message has been sent to us. </div>
<div id="contactError" class="alert alert-error hidden">strong Error! There was an error sending your message.</div>
<h2 class="short"><strong>Contact Us </strong></h2>
<form accept-charset="utf-8" method="get" action="#" class="clearfix">
<div class="row">
<div class="col-sm-6 form-group"><label for="name">Name </label><input id="name" type="text" placeholder="" value="" name="name" class="form-control input-lg"></div>
<div class="col-sm-6 form-group"><label for="email">Email Address </label><input id="email" type="email" placeholder="" value="" name="email" class="form-control input-lg"></div>
</div>
<div class="row">
<div class="col-sm-12 form-group"><label for="message">Message </label><textarea id="message" rows="4" name="message" class="form-control"> </textarea></div>
</div>
<button type="submit" class="btn btn-success btn-xlg">Send Message </button>
</form>
</div>–>
<!– <div class="col-md-offset-1 col-md-5">
<br>
<h4 class="pull-top">Get in <strong>touch </strong></h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eget leo at velit imperdiet
varius. In eu ipsum vitae velit congue iaculis vitae at risus.
</p>
<hr>
<h4>The Office </h4>
<ul class="unstyled">
<li><i class="icon-map-marker"></i><strong>Address:</strong> 1234 Street Name, City Name, United States </li>
<li><i class="icon-phone"></i><strong>Phone: (123) 456-7890 </strong></li>
<li><i class="icon-envelope"> </i><strong>Email:</strong><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>–>
</div>
</div>
</section>-->
<!-- Bootstrap core JavaScript--><!-- ==================================================--><!-- Placed at the end of the document so the pages load faster-->
<script src="../js/jquery.js"></script><script src="../bootstrap/js/bootstrap.min.js"></script><script src="../js/slick/slick.min.js"></script><script src="../js/main.js"></script>
</body>