forked from fossasia/codeheat.org
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
235 lines (193 loc) · 10.5 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<title>openNGO.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="code-logo.ico" type="image/x-icon" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/flexslider.min.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/elegant-icons.min.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/pe-icon-7-stroke.min.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/theme-sulphur.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/custom.css" rel="stylesheet" type="text/css" media="all"/>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,300' rel='stylesheet' type='text/css'>
</head>
<body class="no-loader">
<div class="loader">
<div class="strip-holder">
<div class="strip-1"></div>
<div class="strip-2"></div>
<div class="strip-3"></div>
</div>
</div>
<a id="top"></a>
<div class="nav-container">
<nav class="overlay-nav">
<div class="container">
<div class="row">
<div class="col-md-2">
<p style="color:white;font-weight:bolder;font-size: 20px;font-family:'open sans';">Open<span style="color:orange;">NGO</span></h1>
</div>
<div class="col-md-10 text-right">
<ul class="menu">
<li><a class="inner-link" href="#about" target="_self">About</a></li>
<li><a class="inner-link" href="#participate" target="_self">Join Us</a></li>
<li class="social-link"><a href="https://twitter.com/#" target="_self"><i class="icon social_twitter"></i></a></li>
<li class="social-link"><a href="http://facebook.com/#" target="_self"><i class="icon social_facebook"></i></a></li>
</ul>
<div class="mobile-menu-toggle"><i class="icon icon_menu"></i></div>
</div>
</div>
</div>
<div class="bottom-border"></div>
<div class="sidebar-menu">
<img alt="Logo" class="logo" src="img/logo.png">
<div class="bottom-border"></div>
<div class="sidebar-content">
<div class="widget">
<ul class="menu">
<li><a class="inner-link" href="#top">Home</a></li>
<li><a class="inner-link" href="#about-scroll">About</a></li>
<li><a class="inner-link" href="#home">Schedule</a></li>
<li><a class="inner-link" href="#home">Tickets</a></li>
<li><a class="inner-link" href="#home">Register</a></li>
<li><a class="inner-link" href="#home">Visitors</a></li>
<li><a class="inner-link" href="#home">Subscribe</a></li>
</ul>
</div>
<div class="widget">
<ul class="social-profiles">
<li><a href="#"><i class="icon social_twitter"></i></a></li>
<li><a href="#"><i class="icon social_facebook"></i></a></li>
<li><a href="#"><i class="icon social_dribbble"></i></a></li>
<li><a href="#"><i class="icon social_instagram"></i></a></li>
<li><a href="#"><i class="icon social_googleplus"></i></a></li>
</ul>
</div>
<div class="copy-text">
<span>© Copyright 2014 Meetup Inc.</span>
</div>
</div>
</div>
</nav>
</div>
<div class="main-container"><section class="hero-slider">
<ul class="slides">
<li class="video-header">
<div class="background-image-holder parallax-background">
<img class="background-image" alt="OpenNGO" src="img/DSC_0525_0.JPG">
</div>
<div class="video-wrapper">
<video autoplay="" muted="" loop="">
<source src="video/video.webm" type="video/webm">
<source src="video/video.mp4" type="video/mp4">
<source src="video/video.ogv" type="video/ogg">
</video>
</div>
<div class="container">
<div class="row">
<div class="col-md-offset-2 col-sm-10 col-sm-offset-1 text-center col-md-8">
<h1 class="large-h1" style="color:white;font-weight:bolder;font-size: 900%;font-family:'open sans';">Open<span style="color:orange;">NGO</span></h1>
<!-- <span class="uppercase text-white">openNGO will host a one-month long contest during December 2017.</span> -->
<h2 class="large-h2 text-white"><br><br>OpenNGO is a platform where NGOs will host their problems/projects , students/developers come and contribute to projects and work on them.<br><br><br></h2>
<a href="#about" class="btn btn-hollow inner-link" target="_self">Learn More</a>
</div>
</div>
</div>
</li>
</ul>
</section>
<section class="sponsors">
<div class="row">
<div class="col-sm-12 text-center">
<span>Interested in becoming a partner or sponsor? <a href="mailto:openNGOindia@gmail.com" target="default">Get in touch</a></span>
</div>
</div>
<!-- </div> -->
</section>
<a id="about" class="in-page-link"></a>
<section class="image-with-text background-dark preserve-3d">
<div class="container vertical-align">
<div class="row">
<div class="col-sm-7 col-md-7">
<h1 class="text-white">About "In the Winter of Code"</h1>
<p class="lead text-white">
There are many NGOs looking for experts in web or app development at a reduced price. Moreover, there are many NGOs situated as close as within a city, or as far apart as around the globe, that require similar or the same kind of apps. But most of the time NGOs are not able to afford a developer to complete their goals.<br><br>
We at OpenNGO intend to bring NGOs, Developers, students and sponsors onto one single collaborative platform and solve the problems of NGOs. We intend to achieve this by being an Open Source Organisation to which projects can be proposed by various NGOs. We obtain contributors who could work on these projects which could in fact be used by other NGOs as well. Hence, workforce divided.<br><br>
In the Winter of Code is a coding contest for projects by some NGO's. Contributors/Students could collaborate with our projects and help various NGOs with their technical requirements. These projects undoubtedly would help NGOs work and grow better, hence enabling you to contribute towards betterment of our nation. You also stand a chance of winning stipends, prizes and many more exciting goodies. <br>
</p>
</div>
</div>
</div>
<div class="go-right side-image col-sm-4 col-md-4">
<div class="background-image-holder">
<img class="background-image" alt="About Image" src="img/Back.jpg">
</div>
</div>
</section>
<a id="participate" class="in-page-link"></a>
<section class="speakers duplicatable-content">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1>Be a part of openNGO</h1>
</div>
<div class="col-sm-12">
<h2>1. <a href="https://goo.gl/forms/eORLYSlwPlIfnB5M2"><span style="color:red;"><u>Register</u></span></a> as a Volunteer:</h2><br>
<h3>You can tell us about your requirements of all technical applications you need. These would become the projects that our contributors would work on.Moreover, you could let us know if you have any trouble sharing your software with other NGOs as well.</h3><br>
<a href="https://goo.gl/forms/eORLYSlwPlIfnB5M2" class="btn btn-hollow inner-link">Register</a>
<br><br></div>
<div class="col-sm-12">
<h2>2. <a href="https://goo.gl/forms/cuOF2IXqcrsUWWQb2"><span style="color:red;"><u>Register</u></span></a> as an NGO:</h2><br>
<h3>You could collaborate with our projects and help various NGOs with their technical requirements. These projects undoubtedly would help NGOs work and grow better, hence enabling you to contribute towards betterment of our nation. You also stand a chance of winning stipends, prizes and many more exciting goodies.</h3><br>
<a href="https://goo.gl/forms/cuOF2IXqcrsUWWQb2" class="btn btn-hollow inner-link">Register</a>
<br><br></div>
<div class="col-sm-12">
<h2>3. <a href="https://goo.gl/forms/YYeBRy6JRQb3VkBE3"><span style="color:red;"><u>Register</u></span></a> as a Sponsor:</h2><br>
<h3>Now sponsor your own NGO, but for the same amount, you can sponsor three projects. Since this is a collaborative platform, each project will be sponsored by many, and will in turn be used by many NGOs. Thereby, tripling the value of your help.</h3><br>
<a href="https://goo.gl/forms/YYeBRy6JRQb3VkBE3" class="btn btn-hollow inner-link">Register</a>
<br><br></div>
<br>
<br>
</div>
</div>
</section>
</div>
<div class="footer-container">
<footer class="short footer">
<div class="container">
<div class="row ui-sortable">
<div class="col-sm-9 text-right">
<ul class="menu">
<li><a href="#" target="_self">OpenNGO</a></li>
<li><a href="https://github.com/openngo" target="_self">GitHub</a></li>
<li><a href="#about" class="inner-link" target="_self">About</a></li>
<li><a href="mailto:openngoindia@gmail.com" target="_self">Contact</a></li>
<li><a href="#" target="_self">Blog</a></li>
<li><a class="inner-link back-to-top" href="#top">Back To Top <i class="icon pe-7s-angle-up-circle"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script> -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/skrollr.min.js"></script>
<script src="js/spectragram.min.js"></script>
<script src="js/flexslider.min.js"></script>
<script src="js/jquery.plugin.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/lightbox.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/twitterfetcher.min.js"></script>
<script src="js/placeholders.min.js"></script>
<script src="js/scripts.js"></script>
</body>
</html>