-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
728 lines (647 loc) · 35.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
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>GirlScript Bilaspur</title>
<meta name="viewport" content="width=device-width">
<meta name="description" content="GirlScript aims to become the world's biggest tech community for learning technical skills and getting opportunities around the globe.Our Mission is to To empower people and especially underrepresented groups by education them on technology and related necessary skills.">
<!-- Custom CSS & Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
<link rel="stylesheet" href="style.css">
<!-- Custom Fonts -->
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">GirlScipt Bilaspur</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li>
<a class="page-scroll" href="#aboutt">About</a>
</li>
<li>
<a class="page-scroll" href="#about">Schedule</a>
</li>
<li>
<a class="page-scroll" href="#services">Hackathon</a>
</li>
<li>
<a class="page-scroll" href="#portfolio">Theme</a>
</li>
<li>
<a class="page-scroll" href="#team">Speaker</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
<li>
<a class="page-scroll" href="https://bit.ly/gsbspevent" target="_blank">Register Now</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header>
<div class="container">
<div class="intro-text">
<div class="intro-lead-in">Welcome To GirlScript Bilaspur!</div>
<div class="intro-heading">Front-End Workshop + Hackathon</div>
<a href="https://bit.ly/gsbspevent" target="_blank" class="page-scroll btn btn-xl">Register Now</a>
</div>
</div>
</header>
<!-- ---- About Section ---- -->
<section id="aboutt" class="bg-light-gray">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">About</h2>
</div>
</div>
<div class="row" style="padding: 10px 5px 15px 20px;">
<div class="col-md-3">
<img class="img-circle img-responsive" src="img/BILASPUR LOGO.png" alt="">
</div>
<div class="col-md-9">
<h3 class="section-heading">Who are we?</h3>
<p class="large text-muted" style="text-align: justify;">We are considered as a chapter of Girlscript India foundation, which is a section-8 non profit company, registered under the government of India on the 2nd June, 2017. Our aim is to spread awareness about technology and to provide a platform for everyone to generate an identity. With some innovative ideas our core team has 2 Chapter Leaders with 1 community manager, 6 leads, 8 coordinators and 23 members. We are looking forward to an awesome experience in learning new skills and building a better community.</p>
<br>
<h3 class="section-heading">Our Event</h3>
<p class="large text-muted" style="text-align: justify;">We, at Girlscript Bilaspur, have planned a City Level Hackathon(Frontend Technologies, for beginners) which is our first event. We are conducting this Hackathon for those who have the potential to usher their imagination to reality. This Hackathon is going to be out of the ordinary, even beginners can join to engage themselves in something productive.
We will be using GITHUB repository as a hackathon conducting platform, where a participant has to maintain a private directory and make a Pull Request(PR) to the master repository. The PR will have a basic template which will be provided on the fifth day of the Hackathon in the second session.</p>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Schedule</h2>
<h3 class="section-subheading text-muted">6 introductory sessions + 6 hands-on sessions</h3>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<ul class="timeline">
<li>
<div class="timeline-image">
<img class="img-circle img-responsive" src="img/about/1.png" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>July 12</h4>
<h4 class="subheading">Basics of Web Development and Basics of HTML<br /><br />(11AM-12PM)</h4>
</div>
<div class="timeline-body">
<p class="text-muted">This session will revolve around the basics of web, ranging from what browser,server,internet are.
We will be giving a brief overview of how structuring of webpage is done using HTML.<br /><b>[Hands On Evening Session(4PM - 5PM)]</b></p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="img-circle img-responsive" src="img/about/2.png" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>July 13</h4>
<h4 class="subheading">Basics of Styling and CSS<br /><br />(11AM-12PM)</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Style and Design are two main aspects of web development, that gives a life to the structure of
the webpage. In this session you will learn about the styling and designing using CSS(Cascasing Style Sheets) by linking
that to the main HTML code.<br /><b>[Hands On Evening Session(4PM - 5PM)]</b></p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<img class="img-circle img-responsive" src="img/about/33.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>July 14</h4>
<h4 class="subheading">Bootstrap Library<br /><br />(11AM-12PM)</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Bootstrap is a free and open-source CSS framework directed at responsive,
mobile-first front-end web development. It contains CSS- and JavaScript-based design templates
for typography, forms, buttons, navigation, and other interface components. This session will give
a brief overview of the usages of bootstrap.<br /><b>[Hands On Evening Session(4PM - 5PM)]</b></p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="img-circle img-responsive" src="img/about/4.jpg" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>July 15</h4>
<h4 class="subheading">Basics of Javascript<br /><br />(11AM-12PM)</h4>
</div>
<div class="timeline-body">
<p class="text-muted">How about giving some functionality to your HTML elements ? You may want your elements to rotate, to swing or to dance.
Javascript is the thing that makes it possible. This session will teach you the basics as well as will show you some of the important aspects
of Javascript in website development.<br /><b>[Hands On Evening Session(4PM - 5PM)]</b></p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<img class="img-circle img-responsive" src="img/about/55.png" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>July 16</h4>
<h4 class="subheading">Basics of GIT/GITHUB<br /><br />(11AM-12PM)</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Ever heared about VCS (Version Control System) and how that works ?
GITHUB provides hosting for software development and version control using GIT. This session will give you a complete basic overview of GITHUB
as well as give you an idea on how to upload your project in the main repository in this Hackathon.<br /><b>[Hands On Evening Session(4PM - 5PM)]</b></p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-image">
<img class="img-circle img-responsive" src="img/about/66.png" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>July 17</h4>
<h4 class="subheading">Designing and Entire Web App Demonstration<br /><br />(11AM-12PM)</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Before coding any product, designning is a must. In this session we will be discussing about
the wireframing Techniques and Designing using Adobe Xd and Canva as our tools. Also there is an evening session where
the entire demonstration of a web app will be shown along with the explanation.</p>
</div>
</div>
</li>
<li>
<div class="timeline-image">
<h4>Hackathon
<br>Begins!</h4>
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>July 18th - 19th</h4>
<h4 class="subheading">48 Hours Long Hackathon</h4>
</div>
<div class="timeline-body">
<p class="text-muted">Each participant must participate in this 48 hours long hackathon. We will be dividing the entire hackathon into four segments
of 12 hours each, where a problem statement will be provided. Participant has to submit some demonstration of their progress every 12 hours.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services">
<div class="container">
<div class="row">
<div class="col-lg-12">
<img src="img/HACKATHON BANNER.png" class="img-responsive img-centered" alt="">
<br><br>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Hackathon</h2>
<h3 class="section-subheading text-muted">We will be choosing top 3 participants as the winners and there will be perks for both winners as well as for participants.</h3>
</div>
</div>
<div class="row text-center">
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-certificate fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Certificate</h4>
<p class="text-muted">Certificate of Participation will be provided to every participant and Certificate of Achievement will be provided to our three winners.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-trophy fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Swags or Goodies</h4>
<p class="text-muted">Three winners will be getting exciting swags and goodies from the Girlscript Team.</p>
</div>
<div class="col-md-4">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x text-primary"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
</span>
<h4 class="service-heading">Social Media Recognition</h4>
<p class="text-muted">All the three winners will be given a social media recognization as a winner. Top participants other than the winners will also get a shoutout from Girlscript Bilaspur.</p>
</div>
</div>
</div>
</section>
<!-- Portfolio Grid Section -->
<section id="portfolio" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Theme for Hackathon</h2>
<h3 class="section-subheading text-muted">Problem Statements will be same for every theme, you have to choose only one of the three as your theme of interest.</h3>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/1.png" class="img-responsive img-centered" alt="">
</a>
<div class="portfolio-caption">
<h4>Made In India Product Landing Page</h4>
<p class="text-muted">Website Design</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/2.png" class="img-responsive img-centered" alt="">
</a>
<div class="portfolio-caption">
<h4>Memes Page</h4>
<p class="text-muted">Website Design</p>
</div>
</div>
<div class="col-md-4 col-sm-6 portfolio-item">
<a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
<div class="portfolio-hover">
<div class="portfolio-hover-content">
<i class="fa fa-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/3.png" class="img-responsive img-centered" alt="">
</a>
<div class="portfolio-caption">
<h4>Bakery or Restaurant</h4>
<p class="text-muted">Website Design</p>
</div>
</div>
</div>
</div>
</section>
<!-- Team Section -->
<section id="team" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Speakers</h2>
<h3 class="section-subheading text-muted">We have some awesome students as our speakers in the sessions.</h3>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="team-member">
<img src="img/team/2.png" class="img-responsive img-circle" alt="">
<h4>Abhijit Tripathy</h4>
<p class="text-muted">Chapter Lead<br>GirlScript Bilaspur</p>
<ul class="list-inline social-buttons">
<li>
<a href="https://twitter.com/AbhijitTripat13" target="_blank">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/abhijit-tripathy-415912187/" target="_blank">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li>
<a href="https://github.com/Abhijit2505" target="_blank">
<i class="fa fa-github"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<img src="img/team/4.png" class="img-responsive img-circle" alt="">
<h4>Ajay Kumar Shukla</h4>
<p class="text-muted">Skill Development Lead<br>GirlScript Bilaspur</p>
<ul class="list-inline social-buttons">
<li>
<a href="https://www.instagram.com/__aks20__/" target="_blank">
<i class="fa fa-instagram"></i>
</a>
</li>
<li>
<a href="https://github.com/Unknownone-af" target="_blank">
<i class="fa fa-github"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/ajayshukla19" target="_blank">
<i class="fa fa-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<img src="img/team/1.png" class="img-responsive img-circle" alt="">
<h4>Abhishek Kumar Gupta</h4>
<p class="text-muted">Community Manager<br>GirlScript Bilaspur</p>
<ul class="list-inline social-buttons">
<li>
<a href="https://www.instagram.com/abhishek.apk/" target="_blank">
<i class="fa fa-instagram"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/abhishekapk/" target="_blank">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li>
<a href="https://github.com/abhishekapk" target="_blank">
<i class="fa fa-github"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<img src="img/team/5.png" class="img-responsive img-circle" alt="">
<h4>Akash Krishna</h4>
<p class="text-muted">Mentor<br>GirlScript Bilaspur</p>
<ul class="list-inline social-buttons">
<li>
<a href="https://github.com/akrishna0" target="_blank">
<i class="fa fa-github"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/grep-akash/" target="_blank">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li>
<a href="https://github.com/akrishna0" target="_blank">
<i class="fa fa-github"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<img src="img/team/3.jpg" class="img-responsive img-circle" alt="">
<h4>Ruhi Awasthi</h4>
<p class="text-muted">Chapter Lead<br>GirlScript Bilaspur</p>
<ul class="list-inline social-buttons">
<li>
<a href="https://twitter.com/AwasthiRuhi" target="_blank">
<i class="fa fa-twitter"></i>
</a>
</li>
<li>
<a href="https://github.com/ruhiawasthi" target="_blank">
<i class="fa fa-github"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/ruhi-awasthi-5101b81a5/" target="_blank">
<i class="fa fa-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-4">
<div class="team-member">
<img src="img/team/6.png" class="img-responsive img-circle" alt="">
<h4>Deepesh Garg</h4>
<p class="text-muted">Skill Development Lead<br>GirlScript Bilaspur</p>
<ul class="list-inline social-buttons">
<li>
<a href="https://www.linkedin.com/in/deepeshgarg09" target="_blank">
<i class="fa fa-linkedin"></i>
</a>
</li>
<li>
<a href="https://github.com/deepeshgarg09" target="_blank">
<i class="fa fa-github"></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/deepesh_garg_/" target="_blank">
<i class="fa fa-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<p class="large text-muted">They will be speaking in the sessions as well as will be available as a mentor, every participant are allowed
to contact any of them in case they face any problem.</p>
</div>
</div>
</div>
</section>
<!-- Clients Aside -->
<aside class="clients">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12">
<a href="#">
<img src="img/logos/GS Cup Logo.png" class="img-responsive img-centered" style="height: 150px;width: 150px;"alt="">
</a>
</div>
<!-- <div class="col-md-4 col-sm-8">
<a href="#">
<img src="img/logos/BILASPUR LOGO.png" class="img-circle img-responsive img-centered" style="height: 250px;width: 250px;" alt="">
</a>
</div> -->
<div class="col-md-6 col-sm-12">
<a href="#">
<img src="img/logos/yay logo1.png" class="img-responsive img-centered" style="height: 150px;width: 250px;"alt="">
</a>
</div>
</div>
</div>
</aside>
<footer id="contact" class="bg-light-gray">
<div class="container">
<div class="row">
<div class="col-md-4">
<h2 class="section-heading">Contact Us</h2>
<h4 style="padding-top: 5px;">GirlScript Bilaspur</h4>
<span><strong>Email:-</strong> girlscriptbilaspur@gmail.com </span>
<br><h5>Chapter Leaders</h5>
<span> - Abhijit Tripathy</span> <br>
<span> - Ruhi Awasthi</span>
</div>
<div class="col-md-4">
<h2 class="section-heading">Social Media Handles</h2><br><br>
<ul class="list-inline social-buttons">
<li><a href="https://www.linkedin.com/company/girlscript-chapter-bilaspur/" target="_blank"><i class="fa fa-linkedin"></i></a>
</li>
<li><a href="https://github.com/Girlscript-Chapter-Bilaspur" target="_blank"><i class="fa fa-github"></i></a>
</li>
<li><a href="https://instagram.com/girlscript_bsp/"><i class="fa fa-instagram" target="_blank"></i></a>
</li>
<li><a href="https://twitter.com/gs_bsp"><i class="fa fa-twitter" target="_blank"></i></a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="list-inline quicklinks">
<a href="#">
<img src="img/logos/BILASPUR LOGO.png" class="img-circle img-responsive img-centered" style="height: 250px;width: 250px;" alt="">
</a>
</ul>
</div>
</div>
<div class="row">
<center><span class="copyright">Copyright © GirlScript Bilaspur</span></center>
</div>
</div>
</footer>
<!-- Portfolio Modals -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Made In India Product Landing Page</h2>
<h3>Problem Statement</h3>
<hr class="star-primary">
<img src="img/portfolio/Coming-Soon.jpg" class="img-responsive img-centered" alt="image-alt">
<!-- <p>Lorem ipsum dolor sit amet, usu cu alterum nominavi lobortis. At duo novum diceret. Tantas apeirian vix et, usu sanctus postulant inciderint ut, populo diceret necessitatibus in vim. Cu eum dicam feugiat noluisse.</p>
<ul class="list-inline item-details">
<li>Client:
<strong><a href="http://startbootstrap.com">Start Bootstrap</a>
</strong>
</li>
<li>Date:
<strong><a href="http://startbootstrap.com">April 2014</a>
</strong>
</li>
<li>Service:
<strong><a href="http://startbootstrap.com">Web Development</a>
</strong>
</li>
</ul> -->
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Memes Page</h2>
<h3>Problem Statement</h3>
<hr class="star-primary">
<img src="img/portfolio/Coming-Soon.jpg" class="img-responsive img-centered" alt="image-alt">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<h2>Bakery or Restaurant Page</h2>
<h3>Problem Statement</h3>
<hr class="star-primary">
<img src="img/portfolio/Coming-Soon.jpg" class="img-responsive img-centered" alt="image-alt">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery Version 1.11.0 -->
<script src="js/jquery-1.11.0.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="js/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/agency.js"></script>
</body>
</html>