forked from yashmali702/hactoberfest-web
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
234 lines (217 loc) · 13.2 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
<link rel="manifest" href="img/site.webmanifest">
<title>Hacktoberfest Web</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Nova+Square&family=Ubuntu&display=swap" rel="stylesheet">
</head>
<body>
<div class="back_balls">
<section id="navbar ">
<nav class="navbar navbar-dark bg-dark fixed-top">
<img class="logo mr-3" src="img\logo.jpg" alt="">
<a class="navbar-brand" href="#">Hacktoberfest 2022</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav ml-auto">
<li class="nav-item ">
<a class="nav-link" href="https://github.com/MLSC-BSOITR/hactoberfest-web">@Repo <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://hacktoberfest.com/about/">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://hacktoberfest.com/participation/">Participate</a>
</li>
</ul>
</div>
</nav>
</section>
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">New message</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form method="POST" id="form-modal" data-netlify="true">
<div class="mb-3">
<label for="recipient-name" class="col-form-label" placeholder="Enter Your Name">Name:</label>
<input type="text" class="form-control" id="recipient-name">
</div>
<div class="mb-3">
<label for="recipient-phone" class="col-form-label" placeholder="Enter Your Phone">Phone:</label>
<input type="number" class="form-control" id="recipient-phone">
</div>
<div class="mb-3">
<label for="recipient-email" class="col-form-label" placeholder="Enter Your Email">Email:</label>
<input type="email" class="form-control" id="recipient-email">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<input type="submit" class="btn btn-primary" value="Send Message" id="send-but">
</div>
</form>
</div>
</div>
</div>
</div>
<section class="middle">
<div class="row mt-5 banner">
<div class="col-lg-6">
<img src="img\fDlbfDDmjA1wMhzq.jpg" alt="">
</div>
<div class="row mt-6 banner">
<div class="col">
<img src="https://www.perl.com/article/hacktoberfest-2019/" alt="">
</div>
<div class="col-lg-6">
<img src="img\opengraph.da6e44c0.png" alt="">
</div>
</div>
</section>
<div class="container">
<section class="mt-5 p-2 rounded shadow " id="Contribution">
<div class="mt-5 ">
<h2>How to CONTRIBUTE ?</h2>
<ol>
<li>Search about the the topic or domain on which you want to contribute like changes in style, resizing, changing fonts, etc.</li>
<li>Take the reference from below example and structure your information similar to that .</li>
<li>Check whether the contribution you are providing is valid.</li>
<li>Commit your change and go for pull request.</li>
<ul style="list-style-type: disc">
<li>Contribution must be done in the given format. Pull request wont be accepted if the format is wrong.</li>
<li>Contribution you are providing must be applicable in web and valid.</li>
</ul>
</ol>
</div>
<div class="Hacktober Completed">
<!-- write the single line info about 'Hacktoberfest' in para tag ? -->
<p class="SiddhantaDutta">- Hacktoberfest is a oper source contributing and moderating event </p>
<p class="Prahlad">- Hacktoberfest is a coding event with great swags . </p>
<p class="gaurav">- Hacktoberfest is a open source program . </p>
<p class="vinit">- Hacktoberfest is a open source community program, organised in october . </p>
<p class="shreyash">- Hacktoberfest is a great program to learn how open source platforms work. </p>
<p class"=shreyash">- Hacktoberfest is a great program to learn how open source platforms work. </p>
</div>
<div class="anikkkkettt">
<h2 class="anikkkkettt">Types of Contributors in Hacktoberfest 2022 :</h2>
<p class="anikkkettt">- Code Contributors</p>
<p class="anikkkettt">- No Code Contributors</p>
</div>
<h2>Contribute here...</h2>
<div class="you">
<!-- write the single line info about 'Hacktoberfest' in para tag ? -->
<p class="Shayanika">- Hacktoberfest is a yearly event to encourage people to contribute to open source. </p>
<p class="VishDroid-dev">- Hacktoberfest helps to get started with opensource contribution. </p>
<p class="Vishal">- Hacktoberfest is a coding event with great swags . </p>
<p class="gaurav">- Hacktoberfest is a open source program . </p>
<p class="yash mali">- Hacktoberfest love you . </p>
<p class="Alok">- Hacktoberfest is an all month event for open source enthusiasts.</p>
<p class="Abhishek">- Hacktoberfest is open source event in the month of October Every year!</p>
<p class"=shreyash">- Hacktoberfest is a great program to learn how open source platforms work. </p>
<p class="Shreya">- Hactoberfest is a great way to kick-start our opensource journey. </p>
<p class="Nishant">- Hacktoberfest is the greatest event i have ever known.</p>
<p class="shrey">- Hacktoberfest is great event to get a kickstart in open source journey.</p>
<p class="Ayroti">- Hacktoberfest is a festivals for opensource contibutors.</p>
<p class="Soham">- Hacktoberfest is a month long event with great opportunities for open source enthusiasts.</p>
<p class="Pradeep">- Hacktoberfest PRESENTED BY DigitalOcean logoAppwrite logoDocker logo.</p>
<p class="Shantanu">- Hacktoberfest is a Great incitive by DIGITALOCEAN.</p>
<marquee><p class="Rahul">- Hacktoberfest is a coding event with FREE Developer swags. </p></marquee
<marquee><p class="souptik">- Hacktoberfest is a coding event where more then 100k developers participate </p></marquee>
<p class="Omkar">- Hacktoberfest is a coding event with great swags . </p>
<p class="Kunal">- Hacktoberfest provides tshirts or they plant a tree by your name.</p>
<p class="Abhinav">- Hacktoberfest is open source event in the month of October Every year!</p>
<p class="Varun">- Hacktoberfest is a great program to learn how you can contribute to open source projects.</p>
<p class="Ayesha">- Anyone who is participating must Have 4 pull/merge requests accepted between October 1 and October 31 to complete Hacktoberfest</p>
<p class="vishaaal">- Hacktoberfest is for everyone. Whether it’s your first time—or your ninth—it’s almost time to hack out four pristine pull/merge requests and complete your mission for open source</p>
<p class="YashRajSingh">- it is not necessary to know coding to contribute for Hacktoberfest there are Non code contribution for the Non Coders</p>
<p class="sudhanshu">Hacktoberfest is a month-long celebration of open source software in partnership with Github.</p>
<p class="anurag"> Start your journey in open-source this Hacktoberfest, even you know coding or not doesn't matter, just do it.</p>
</div>
<p class="average">- Hacktoberfest is a great, just 4 PR and free merch.</p>
<p class="subhojeet">-Hacktoberfest is the best event for open source beginners.</p>
</div>
</section>
</div>
<-- MLSC -->
<h1 class="jt --debug">
<span class="jt__row">
<span class="jt__text">Hacktoberfest is a open source program</span>
</span>
<span class="jt__row jt__row--sibling" aria-hidden="true">
<span class="jt__text">Hacktoberfest is a open source program</span>
</span>
<span class="jt__row jt__row--sibling" aria-hidden="true">
<span class="jt__text">Hacktoberfest is a open source program</span>
</span>
<span class="jt__row jt__row--sibling" aria-hidden="true">
<span class="jt__text">Hacktoberfest is a open source program</span>
</span>
</h1>
<--BSIOTR-->
<!-- footer -->
<footer >
<h4 class="text-center text-white mt-4">Made with ♥ by <a href="https://github.com/MLSC-BSOITR/hactoberfest-web">MLSC-BSOITR</a></h4>
</footer>
<!-- Bootstrap Link's -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</div>
</body>
</html>
<!-- <nav class="navbar navbar-dark bg-dark fixed-top">
<div class="container-fluid">
<img class="logo" src="img\logo.jpg" alt="">
<a class="navbar-brand" href="#">Hacktoberfest</a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">Hacktoberfest</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu dropdown-menu-dark">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</div>
</div>
</div>
</nav> -->