forked from Open-Source-Contributors-JSS/Hacktoberfest2019
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
272 lines (226 loc) · 12.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-148947040-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-148947040-1');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>GIT-INIT</title>
<!--meta tags-->
<!-- COMMON TAGS -->
<meta charset="utf-8">
<title>Hacktoberfest 2019</title>
<!-- Search Engine -->
<meta name="description" content="Happy Hacktober! This is a beginner friendly website made specifically for Hacktoberfest that helps you get your first PR.">
<meta name="image" content="https://hacktoberfest.netlify.com/assets/img/hactoberfest.png">
<!-- Schema.org for Google -->
<meta itemprop="name" content="Hacktoberfest 2019">
<meta itemprop="description" content="Happy Hacktober! This is a beginner friendly website made specifically for Hacktoberfest that helps you get your first PR.">
<meta itemprop="image" content="https://hacktoberfest.netlify.com/assets/img/hactoberfest.png">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta name="og:title" content="Hacktoberfest 2019">
<meta name="og:description" content="Happy Hacktober! This is a beginner friendly website made specifically for Hacktoberfest that helps you get your first PR.">
<meta name="og:image" content="https://hacktoberfest.netlify.com/assets/img/hactoberfest.png">
<meta name="og:url" content="https://hacktoberfest.netlify.com/">
<meta name="og:site_name" content="Hacktoberfest2019">
<meta name="og:type" content="website">
<meta name="twitter:title" content="Hacktoberfest 2019 ">
<meta name="twitter:description" content="Happy Hacktober! This is a beginner friendly website made specifically for Hacktoberfest that helps you get your first PR.">
<meta name="twitter:image" content="https://hacktoberfest.netlify.com/assets/img/hactoberfest.png">
<meta name="twitter:card" content="https://hacktoberfest.netlify.com/assets/img/hactoberfest.png">
<!--meta tags-->
<!-- favicon -->
<link rel="shortcut icon" href="./assets/img/hactoberfest.png" type="image/x-icon">
<!-- bulma -->
<link rel="stylesheet" href="./libraries/bulma-0.7.5/bulma-0.7.5/css/bulma.min.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="css/menu.css">
<!--bootstrap-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!--bootstrap-->
<script src="https://unpkg.com/scrollreveal"></script>
<script src="https://kit.fontawesome.com/22be60108b.js" crossorigin="anonymous"></script>
</head>
<body>
<!--navbar-->
<div class="menu-wrap">
<input type="checkbox" class="toggler">
<div class="hamburger"><div></div></div>
<div class="menu">
<div class="row">
<div class="col-md-12">
<div class="row text-center" style="margin:auto;">
<div class="list1 col-md-4">
<ul style="list-style: none;">
<h2 class="menu-head">What we do??</h2>
<li><a href="./index.html">Home</a></li>
<li><a href="https://digitalocean.com/community/tutorials/how-to-use-git-a-reference-guide" target="_blank">Learn about Git and GitHub</a></li>
<li><a href="https://github.com/Open-Source-Contributors-JSS" target="_blank">Organisation</a></li>
<li><a href="./other-pages/colorlib-wizard-18/instruction.html" target="_blank">Instructions to Contribute</a></li>
<li><a href="./other-pages/gitinit.html">Git CheatSheet</a></li>
<li><a href="./other-pages/contributors.html">Contributors list</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="social">
<a href="mailto:[email protected]?Subject=Hacktoberfest%202019" target="_blank"><i class="fas fa-envelope-open-text fa-2x"></i></a>
<a href="https://github.com/Open-Source-Contributors-JSS" target="_blank"><i class="fab fa-github fa-2x"></i></a>
<a href="https://gitter.im/Open-Source-Contributors-JSS" target="_blank"><i class="fab fa-gitter fa-2x"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--navbar-->
<div class="hero">
<div class="header">
<div class="block header-content">
<img src="./assets/img/hactoberfest.png" alt="">
<br>
<h3 class="title is-3" style="color: rgb(255, 228, 73) !important;">Happy Hacktober!! Contribute and win an exclusive t-shirt and cool swags.</h3>
<div>
<a href="https://digitalocean.com/community/tutorials/how-to-use-git-a-reference-guide" target="_blank"><button class="button is-outlined is-medium is-rounded">Learn about Open Source</button></a>
<a href="./other-pages/colorlib-wizard-18/instruction.html" target="_blank"><button class="button is-outlined is-medium is-rounded">Instructions To Contribute</button></a>
</div>
</div>
</div>
</div>
<div class="">
<div class="about-hacktoberfest">
<div class="columns">
<div class="column is-1"></div>
<div class="column about-event">
<h3 class="title">What is Hacktoberfest?</h3>
<p class="subtitle ptb is-4">Hacktoberfest is a month-long celebration of open source software hosted by DigitalOcean, in partnership with Github and Twilio. It is all about encouraging meaningful contributions to the open source ecosystem, for beginners and veterans alike. It provides scope for personal growth, professional opportunities, as well as community building. The best part of it all is, your contributions have a long term impact on the community, so it leads to a great sense of accomplishment!</p>
</div>
<div class="column">
<div class="block has-image-centered">
<img src="assets/img/hacktoberfest_logo.jpg" type="png" class="logo-2018">
</div>
</div>
<div class="column is-1"></div>
</div>
</div>
</div>
<div class="container countdown">
<h1 id="head" class="title is-1 font-weight-bold">Countdown For The Hack To End!!!</h1>
<ul>
<li><span id="days"></span>days</li>
<li><span id="hours"></span>Hours</li>
<li><span id="minutes"></span>Minutes</li>
<li><span id="seconds"></span>Seconds</li>
</ul>
</div>
<div class="about-repo-contributions">
<div class="columns">
<div class="column is-1"></div>
<div class="column">
<div class="block">
<img src="./assets/img/goodies.jpg" class="goodies">
</div>
</div>
<div class="column about-event">
<h3 class="title">How to Contribute?</h3>
<p class="subtitle ptb is-4" style="margin-bottom: 0px;">If you are a beginner, and looking for your first contribution, we are here to help. Just append your favorite git command and its short description in our <strong>git-commands.json</strong> and that counts as your first PR.In case you are an <strong>intermediate</strong> or <strong>advanced</strong> level programmer or developer, we have got you covered too!! Step to our <strong>intermediate folder</strong> and make contributions as per as your interests.</p>
<a href="./other-pages/contributors.html"><button class="button is-outlined is-medium is-rounded">Contributors List</button></a>
</div>
<div class="column is-1"></div>
</div>
</div>
<div class="contribute" style="margin: 13px 0; padding: 2rem 0.3rem;">
<div class="container">
<div class="columns">
<div class="column is-8 join-event">
<div class="block">
<h1 class="title">Become A Part Of The Open Source Community</h1>
<p class="subtitle is-6">The best thing about open source is that there are no failures. Being a part of the community, you gain the required knowledge and experience for collaborating with people to build amazing things.</p>
<div class="block">
<a href="https://hacktoberfest.digitalocean.com/" target="_blank"><button class="button is-outlined is-medium is-rounded">Register Here</button></a>
<a href="https://gitter.im/Open-Source-Contributors-JSS/community?utm_source=share-link&utm_medium=link&utm_campaign=share-link" target="_blank"><button class="button is-outlined is-medium is-rounded">Discuss on Gitter</button></a>
<a href="https://github.com/Open-Source-Contributors-JSS/Hacktoberfest2019" target="_blank"><button class="button is-outlined is-medium is-rounded">Contribute Here</button></a>
</div>
</div>
</div>
<div class="column is-4">
<img src="./assets/img/octacat-celebrating.png" alt="octacat" >
</div>
</div>
</div>
</div>
<!-- start count stats -->
<section id="counter-stats" class="wow fadeInRight" data-wow-duration="1.4s">
<div class="container">
<div class="row">
<div class="col-lg-3 stats">
<i class="fa fa-code fa-2x" aria-hidden="true"></i>
<div class="counting" data-count="106582">0</div>
<h5>Participating Repositries</h5>
</div>
<div class="col-lg-3 stats">
<i class="fas fa-globe-africa fa-2x"></i>
<div class="counting" data-count="143">0</div>
<h5>Participating Countries</h5>
</div>
<div class="col-lg-3 stats">
<i class="fas fa-code-branch fa-2x"></i>
<div class="counting" data-count="412324">0</div>
<h5>Pull Requests from all participants</h5>
</div>
<div class="col-lg-3 stats">
<i class="fas fa-folder-open fa-2x"></i>
<div class="counting" data-count="12090">0</div>
<h5>Repo with most PRs - <a href="https://github.com/freeCodeCamp/freeCodeCamp" target="_blank">Freecodecamp</a></h5>
</div>
</div>
<!-- end row -->
</div>
<!-- end container -->
</section>
<!-- end cont stats -->
<div class="text-center is-centered" style="margin: auto;">
<a href="/other-pages/gitinit.html" target="_blank" rel="noopener noreferrer"><button class="button is-outlined is-medium is-rounded">Contribute to the Git CheatSheet <span class="code-logo"> <i class="fa fa-code"></i></span></button></a>
</div>
<!--footer-->
<footer>
<div class="container" id="about-us">
<div class="block">
<div class="columns footer-container">
<div class="column is-5">
<h3 class="ptb">About Us</h3>
<p class="subtitle text-white">We are the open source enthusiasts of JSS Academy Of Technical Education, Noida. This event is a small gesture of thanks to the entire open source community and a warm welcome to the beginners and contributors who are there to help it grow.</p>
</div>
<div class="column is-4 text-center">
<div class="block">
<h3>Contact Us</h3>
<ul class="d-flex">
<li><a href="https://github.com/Open-Source-Contributors-JSS/Hacktoberfest2019" target="_blank"><i class="fab fa-github fa-2x"> </i><p> Star Us on GitHub</p></a></li>
<li><a href="mailto:[email protected]?Subject=Hacktoberfest%202019" target="_blank"><i class="fas fa-envelope-open-text fa-2x"> </i><p> Email Us</p></a></li>
<li><a href="https://gitter.im/Open-Source-Contributors-JSS" target="_blank"><i class="fab fa-gitter fa-2x"></i><p> Chat on Gitter</p></a></li>
</ul>
</div>
</div>
<div class="column is-4 footer-logo">
<img src="assets/img/hactoberfest.png" >
</div>
</div>
</div>
</div>
</footer>
<!--footer-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="./js/index.js"></script>
</body>
</html>