forked from sparkachange/sparkachange.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·213 lines (203 loc) · 9.72 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
<!DOCTYPE HTML>
<!--
Ion by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>Spark a Change</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="Spark A Change: A charitable organization powered by students." />
<meta name="keywords" content="spark, change, spitha, seista, student, fundraiser, gameathon" />
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
<link rel="stylesheet" href="css/loader.css" />
</head>
<body id="top" onload="$('body').toggleClass('loaded');">
<!-- Header -->
<header id="header" class="skel-layers-fixed">
<h1><a href="#">Spark A Change</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="../events">Events</a></li>
<li><a href="upcoming-events.html">Upcoming Events</a></li>
<li><a class="typeform-share special" href="https://sparkachange.typeform.com/to/soffGf" data-mode="2" target="_blank">Participate in Spítha II</a>
<script>(function(){var qs,js,q,s,d=document,gi=d.getElementById,ce=d.createElement,gt=d.getElementsByTagName,id='typef_orm',b='https://s3-eu-west-1.amazonaws.com/share.typeform.com/';if(!gi.call(d,id)){js=ce.call(d,'script');js.id=id;js.src=b+'share.js';q=gt.call(d,'script')[0];q.parentNode.insertBefore(js,q)}id=id+'_';if(!gi.call(d,id)){qs=ce.call(d,'link');qs.rel='stylesheet';qs.id=id;qs.href=b+'share-button.css';s=gt.call(d,'head')[0];s.appendChild(qs,s)}})()</script>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>Spark A Change</h2>
<p>A charitable organization powered by students.</p>
<ul class="actions">
<li><a href="#one" class="button big alt">Learn More</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style1">
<header class="major">
<h2>What we do</h2>
<p></p>
</header>
<div class="container">
<div class="row">
<div class="4u">
<section class="special box">
<i class="icon fa-money major"></i>
<h3>Fundraisers</h3>
<p>Using our incredible team's varied interests as our driving force, we host events of a plethora of themes through which we raise funds for NGOs.</p>
</section>
</div>
<div class="4u">
<section class="special box">
<i class="icon fa-truck major"></i>
<h3>Collection Drives</h3>
<p><br>Where there is a need, there is a drive! Spark A Change collects and transports items of various types for NGOs.</p>
</section>
</div>
<div class="4u">
<section class="special box">
<i class="icon fa-medkit major"></i>
<h3>Relief</h3>
<p>In the dire event of a natural disaster, we raise funds and collect care packages to send with volunteers to help mitigate the pain of the affected areas.</p>
</section>
</div>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper style2">
<header class="major">
<h2>Our Projects</h2>
<p>Projects that are in the works.</p>
</header>
<div class="container">
<div class="row">
<div class="6u">
<section class="special">
<a href="events/spithaII" class="image fit"><img src="images/spithabanner.svg" alt="" /></a>
<h3>Spítha II</h3>
<p>The sequel to our maiden event Spítha, Spítha II promises to be a spectacular event. This talent show fundraiser is the perfect place to show off your talent, no matter what your skill level. More details about the event will be available soon!</p>
<ul class="actions">
<li><a href="events/spithaII" class="button alt">Learn More</a></li>
</ul>
</section>
</div>
<div class="6u">
<section class="special">
<a href="#" class="image fit"><img src="images/video-games-893225_1920.jpg" alt="" /></a>
<h3>Aussenseiter: The Gameathon</h3>
<p> Gamers unite! Bring your bloodthirsty, sports crazy, maddening skills over to compete for the ultimate glory! More details about this tech-savy event will be released shortly!</p>
<ul class="actions">
<li><a class="button alt">Coming Soon</a></li>
</ul>
</section>
</div>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1">
<div class="container">
<div class="row">
<div class="8u">
<section>
<h2>Our Previous Projects</h2>
<a href="#" class="image fit"><img src="images/10903823_978680415493853_568482165681449942_o.jpg" alt="" /></a><br>
<h3>Spítha I</h3>
<p>Our maiden event, a fundraising talent show where people of all skill levels came together to show off their talents! The show was the perfect platform for children of all ages to present their art in front of a vivacious audience. The money we raised was donated to the Samarthanam trust, a school for the blind. Spitha was a culmination of talent, showmanship and the joy of giving and its success confirmed our teams commitment towards helping make the world a better place.</p>
</section>
</div>
<div class="4u">
<section>
<h3>Siesta!</h3>
<p>A fundraising football tournament held at Kicks On Grass, Bellandur.</p>
<ul class="actions">
<li><a href="#" class="button alt">Learn More</a></li>
</ul>
</section>
<hr />
<section>
<h3 style="text-align:center">Special Thanks To All Our WellWishers</h3>
<ul class="alt" style="text-align:center">
<li>Brigade Hospitality</li>
<li>AECS Group of Institutions</li>
<li>Genesis</li>
</ul>
</section>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<div class="row double">
<div class="6u">
<div class="row collapse-at-2">
<div class="6u">
<h3>Our Executive Team</h3>
<ul class="alt">
<li>Susmith Sk - Co Founder/Chief Procrastinator</li>
<li>Bharath Kayyar - Co Founder</li>
<li>M Vedant Namboodiri - Co Founder</li>
<li>Rahul Tarak - Corporate title expert/Cheif of bad speling</li>
<li>R Chethan - MC (Missing)</li>
</ul>
</div>
<div class="6u">
<ul class="alt">
<li>Arnav Bansal - Head of Geekery and useless innovation</a></li>
<li>Pranav VR - Head of 'What are we even doing right now?</a></li>
<li>Tom Jose - CFO (in an alternate universe)</li>
<li>Rishub Podar - Anything but HRD</li>
<li>Sukanya Basu - Chief Designer (once upon a time)</li>
</ul>
</div>
</div>
</div>
<div class="6u">
<h2>Contact us</h2>
<p>Feel Free to Contact us at any of link below or email us at<br> <a href="mailto:info@wesparkachange.net" target="_blank">info@wesparkachange.net</a></p>
<ul class="icons">
<li><a href="https://twitter.com/WeSparkAChange" class="icon fa-twitter"target="-_blank"><span class="label">Twitter</span></a></li>
<li><a href="https://www.facebook.com/Spark-a-Change-951094288252466/" class="icon fa-facebook"target="-_blank"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/sparkachange" class="icon fa-github"target="-_blank"><span class="label">Github</span></a></li>
<li><a href="mailto:info@wesparkachange.net" class="icon fa-inbox"target="-_blank"><span class="label">Inbox</span></a></li>
</ul>
</div>
<ul class="copyright">
<li>© Spark a Change. All rights reserved.</li>
<li>Design: <a href="https://github.com/CryogenicPlanet">CryogenicPlanet</a></li>
</ul>
</div>
</footer>
<div id="loader">
<div id="spinner1" class="spinner">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="70" height="170">
<path class="torch-holder" d="M21.1 100.766l2.474 11.554c2.226 21.172 3.713 35.517 4.84 55.47h10.7c.996-18.555 2.55-35.483 5.16-55.34l1.885-11.715z" fill="#0f5546"/>
<path class="torch-guard" d="M18.268 93.69c-4.645 2.682-4.288 9.12 3.184 9.12s16.488-.022 24.29-.022c7.375 0 7.133-7.166 3.314-9.37-7.273.066-24.953.272-30.788.272z" fill="#1a9076"/>
<path class="fire-body" d="M34.147 0s-.696 23.636-20.894 42.526c-.307-12.548-3.38-15.337-3.38-15.337C.923 50.335-11.275 71.633 21.2 96.206c12.924 0 12.923.008 24.09.008 4.752-1.917 44.018-34.256 11.902-79.483.585 10.208-4.61 18.995-4.61 18.995S44.286 17.777 34.146 0z" fill="#1a90aa"/>
<path class="fire-core" d="M34.38 31.726s-.466 15.837-14 28.495c-.206-8.407-2.265-10.276-2.265-10.276-5.997 15.51-14.17 29.78 7.59 46.246 8.66 0 8.66.005 16.142.005 3.184-1.285 29.494-22.953 7.975-53.258.392 6.84-3.09 12.727-3.09 12.727S41.175 43.638 34.38 31.726z" opacity=".37" fill="#fff"/>
</svg> -->
</div>
<div id="spinner2" class="spinner"></div>
<div class="loader-shutter top"></div>
<div class="loader-shutter bottom"></div>
</div>
</body>
</html>