-
Notifications
You must be signed in to change notification settings - Fork 73
/
index.html
296 lines (261 loc) · 10.8 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
<!DOCTYPE html>
<html lang="en" data-theme="light">
<head>
<title>GirlScript Website Boilerplate</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
<meta name="google-site-verification" content="e0dcB4k63dAZ7bMt_F9jWwZadbNO18iuZ_NZKDEavJs" />
<meta
name="keywords"
content="tech events, women in tech, girl code, coding websites, girls way to coding, introduction to coding, computer coding for beginners, girls who code program, coding contest, coding competition, girls can code, introduction to programming, learn computer programming, open source, open sourcing, contributing to open source"
/>
<meta
name="description"
content="This website is a base for Chennai chapter, and serves a template for other chapters. All the channel-specific tech events, coding competitions, and other resources are mentioned in this website."
/>
<meta name="application-name" content="GirlScript Website Boilerplate" />
<meta name="author" content="Smaranjit Ghose" />
<meta name="robots" content="index,follow" />
<meta name="Googlebot" content="index,follow" />
<meta name="AdsBot-Google" content="index,follow" />
<meta name="designer" content="GirlScript Website Boilerplate" />
<meta name="copyright" content="Anush Bhatia" />
<meta
name="abstract"
content="This is an open source project for creating a website that shall serve as a boilerplate for various chapters of GirlScript."
/>
<meta name="topic" content="GirlScript Website Boilerplate" />
<meta
name="summary"
content="This is an open source project for creating a website that shall serve as a boilerplate for various chapters of GirlScript."
/>
<meta
name="msapplication-tooltip"
content="This is an open source project for creating a website that shall serve as a boilerplate for various chapters of GirlScript."
/>
<meta name="apple-mobile-web-app-title" content="GirlScript Website Boilerplate" />
<meta name="og:site_name" content="https://girlscriptboilerplate.netlify.app/" />
<meta name="og:title" content="GirlScript Website Boilerplate" />
<meta name="og:url" content="https://girlscriptboilerplate.netlify.app/" />
<meta name="og:image" content="assets/Images/logo/logo_for_boilerplate_1.png" />
<meta property="og:type" content="website" />
<link rel="icon" href="assets/Images/logo/gs.png" type="image/png" sizes="16x16" />
<link rel="index" title="GirlScript Website Boilerplater" href="https://girlscriptboilerplate.netlify.app/" />
<link rel="start" title="GirlScript Website Boilerplate" href="https://girlscriptboilerplate.netlify.app/" />
<link rel="prev" title="GirlScript Website Boilerplater" href="https://girlscriptboilerplate.netlify.app/" />
<link rel="next" title="GirlScript Website Boilerplate" href="https://girlscriptboilerplate.netlify.app/" />
<link
rel="search"
href="https://girlscriptboilerplate.netlify.app/"
type="application/opensearchdescription+xml"
title="GirlScript Website Boilerplate"
/>
<!-- Google Font Api -->
<link
href="https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,600,700,800,900&display=swap"
rel="stylesheet"
/>
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@600&display=swap" rel="stylesheet" />
<!-- Font Awesome -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<!-- JQuery -->
<!--JQuery minified-->
<script
src="https://code.jquery.com/jquery-3.5.0.min.js"
integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ="
crossorigin="anonymous"
></script>
<!-- Bootstrap -->
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" />
<!-- Css Styles -->
<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
<link rel="stylesheet" href="css/slicknav.min.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script>
document.getElementsByTagName('html')[0].className += ' Q_js'; // better than noscript
</script>
</head>
<body>
<div class="loader-box">
<div class="hollowLoader">
<div class="largeBox"></div>
<div class="smallBox"></div>
</div>
</div>
<!-- Header -->
<!-- ANIMATION START -->
<div class="sp-container">
<div class="sp-content">
<h2 class="frame-1">Welcome to</h2>
<h2 class="frame-2">India's Largest Tech Community</h2>
<h2 class="frame-3">
<span>GirlScript</span>
<span>Website</span>
<span>Boilerplate</span>
</h2>
</div>
<div class="img-front"></div>
</div>
<!-- ANIMATION END -->
<section class="newsection bg-lgt-grey pb-5 pb-5" id="aboutSection">
<div class="container p-3 myDiv">
<h2 class="pt-4 text-center fw-bold heading about-head">
ABOUT <span class="clr-theme fw-400">GIRLSCRIPT</span>
</h2>
<div class="row forScroll">
<div class="col-lg-9 col-md-8 col-sm-12 mt-5 dark-mode spacing">
<p class="mt-2 mb-3 fs-17px text-justify about-para">
<b>GirlScript Foundation</b> is a section-8 NON PROFIT company registered under the
government of India on 2nd June 2017. GirlScript started as a project has been selected by
Mozilla under Open Leadership program out of 51 open-source projects worldwide. GirlScript
hosts many tech events and coding competition to help you get started and learn computer
programming. <br /><br /><span class="italic"
>No matter whether you are a beginner or an experienced individual, GirlScript is open
for all.</span
><br />
<br />GirlScript's mission is to encourage individuals to learn how to code and stand out
among the crowd. Along with learning, GirlScript aims to create opportunities and growth via
technical education among various groups of people. <br /><br /><b>Goals</b>:
</p>
<ul style="padding-left: 15px;">
<li>
Encourage people to learn to program and make them capable of writing a simple computer
program to building a complex system.
</li>
<li>Empower people by providing an opportunity to showcase their technical skills.</li>
<li>Provide a platform to individuals by hosting coding competition and tech events.</li>
<li>
Share technical knowledge and content for helping individuals in the programming world.
</li>
</ul>
<br />
<p class="about-para">
<a href="#" class="clr-theme fw-bold">GirlScript Chennai</a> is India's fastest growing tech
community at the heart of Chennai. We believe in uplifting beginners in tech while promoting
diversity.
</p>
</div>
<div class="col-lg-3 col-md-4 col-sm-12 text-center">
<img
src="assets/Images/logo/logo_for_boilerplate_1.png"
class="mt-5 ml-2 img-logo"
alt="Girl Script Chennai Chapter Logo"
aria-label="Girl Script Chennai Chapter Logo"
/>
</div>
</div>
</div>
</section>
<div>
<div class="parallax1">
<div class="parashadow"></div>
</div>
</div>
<section class="newsection p-5" id="initiativesSection">
<h2 class="pt-2 pb-5 text-center fw-bold heading">OUR <span class="clr-theme fw-100">INITIATIVES</span></h2>
<div class="initiatives-cards forScrollCards">
<div class="upper" id="initiatives-upper">
<!-- Will be inserted dynamically -->
</div>
<div class="lower" id="initiatives-lower">
<!-- will be inserted dynamically -->
</div>
</div>
</section>
<div>
<div class="parallax1">
<div class="parashadow"></div>
</div>
</div>
<section class="pt-5 pb-5 newsection bg-lgt-grey" id="achievementsSection">
<div class="container myDiv1">
<canvas id="my-canvas"></canvas>
<h2 class="pt-5 pb-5 text-center fw-bold heading">
OUR <span class="clr-theme fw-100">ACHIEVEMENTS</span>
</h2>
<div class="row for-Scroll-Achievements">
<div class="col-lg-5">
<h3 class="text-center p-4 pb-4 achieve-content">Our Achievements Speak For Themselves</h3>
<a href="achievements.html" class="center-btn-settings btn btn-lg mt-2">Read More</a>
<br />
</div>
<div class="col-lg-1"></div>
<div class="col-lg-6 pt-3">
<div class="counter-item">
<div class="ci-number count">
100+
</div>
<div class="ci-text">
<h4>PROJECTS</h4>
<p class="dark-mode">
There are many innovative projects which are a part of GirlScript and many students
are contributing towards it with full enthusiasm.
</p>
</div>
</div>
<div class="counter-item">
<div class="ci-number count">
60+
</div>
<div class="ci-text">
<h4>EVENTS</h4>
<p class="dark-mode">
Many interactive and online events happens time to time in order to connect better
with people.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div>
<div class="parallax1">
<div class="parashadow"></div>
</div>
</div>
<section class="newsection p-5" id="newsSection">
<h2 class="pt-5 pb-2 text-center fw-bold heading">
WE CREATE TRENDS <span class="clr-theme fw-100">FOR THE WORLD </span>
</h2>
<h3 class="mb-5 text-center join-us">Join us and get a chance to learn</h3>
<div class="feature-cards scroll-feature-cards" id="trends-top">
<!-- Cards will be generated dynamically -->
</div>
<div class="feature-cards scroll-feature-cards" id="trends-bottom">
<!-- Cards will be generated dynamically -->
</div>
<a href="contactUs.html" class="center-btn-settings btn btn-lg mt-5">Get In Touch</a>
</section>
<script src="./scripts/app.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-164715490-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-164715490-1');
</script>
<!-- <script src="./scripts/optimization.js"></script> -->
<script type="module" src="./scripts/svg.js"></script>
<script type="module" src="./scripts/index.js"></script>
<script defer src="./scripts/confetti.min.js"></script>
<script src="./scripts/cacheImages.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</body>
</html>