-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
266 lines (238 loc) · 18.2 KB
/
about.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KyZXEAg3QhqLMpG8r+8fhAXLRk2vvoC2f3B09zVXn8CA5QIVfZOJ3BCsw2P0p/We" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/4ef41755ef.js" crossorigin="anonymous"></script>
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<title>CodeHunter | Safari of Coding Jungle</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2&display=swap');
*{
font-family: 'Baloo Bhai 2', cursive;
}
.navbar{
box-shadow: 3px 3px 20px lightgrey;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container-fluid">
<a class="navbar-brand d-flex align-items-center" href="/CodeHunter_/">
<i class="fa fa-free-code-camp fa-2x"></i>
<b style="margin-left: 5px;">CodeHunter</b>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent" style="font-size: 1.1rem;">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/CodeHunter_/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/CodeHunter_/about.html">About</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Learn and Practice
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="/CodeHunter_/cpp.html">C++</a></li>
<li><a class="dropdown-item" href="/CodeHunter_/python.html">Python</a></li>
<li><a class="dropdown-item" href="/CodeHunter_/web.html">Web Development</a></li>
<li><a class="dropdown-item" href="/CodeHunter_/js.html">JavaScript</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="/CodeHunter_/android.html">Other..</a></li>
</ul>
</li>
<li class="nav-item">
<button id="cont" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#contact" onclick="register()">
Contact us
</button>
<button id="sign" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#signin" onclick="signin()">
Sign In
</button>
</li>
</ul>
<form class="d-flex align-items-center">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-light" type="submit">Search</button>
</form>
</div>
</div>
</nav>
<div class="my-5 container" style="height: 0.1vh;"></div>
<div class="container" style="box-shadow: 2px 2px 40px rgb(198, 242, 248); width: 80vw;">
<div class="container my-3" >
<img src="img/about.jpg" alt="..." style="width: 100%;">
</div> <hr>
<div><p style="padding: 1vw;">CodeHunter was started in 2021 as an educational initiative for the programming community by Directi, an Indian software products company. Today, CodeHunter is one of the world’s largest and popular global competitive programming platforms preferred by student & professional programmers. In 2021, CodeHunter was added under the aegis of the Unacademy brand.<br>
CodeHunter promotes constant learning and friendly programming competitions for its users, along with the support of its large community of problem curators.<br>
CodeHunter was created as a platform to help programmers make it big in the world of algorithms, computer programming, and programming contests. It hosts three featured contests every month (Long Challenge, CookOff, LunchTime & Starters) and gives away prizes and goodies to the winners as encouragement. Apart from these, the platform is also open to the entire programming community, especially academic institutes, and student bodies, to host their own contests. Major institutions & corporates across the globe use CodeHunter’s platform to host their contests, internal & external coding assessments. On average, 30+ external contests are hosted on CodeHunter’s platform every month. <br>
CodeHunter also partners with schools, colleges, and student groups to create local CodeHunter Chapters, meet-ups, orientation sessions & programming workshops. In addition, CodeHunter sponsors coding contests and teams of Indian programmers as part of its Go for Gold Initiative for ICPC & IOI.<br>
SnackDown by CodeHunter is a world-renowned annual programming competition that attracts participation from programmers from 140+ countries.<br>
Very recently, CodeHunter launched its new program - Learn Competitive Programming With CodeHunter - on Unacademy’s robust learning platform. Read more about this launch here.
<br>
CodeHunter’s YouTube Channels are also a source of free learning and knowledge for the community with video editorials and recorded problem-solving sessions from top-rated programmers.</p></div> <hr>
<div class="accordion accordion-flush" id="accordionFlushExample">
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingOne">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
<h4>How It All Started And When?</h4>
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">It was in the year 2021 that CodeHunter was founded in Mumbai, Maharashtra (India). The goal & the discussion point was - How to improve and expand the Indian programming community. This goal was shaped by the following turn of events: <br><br>
Directi had made its first visit to campus for hiring freshers in the year 2021. It was an active phase in Directi’s history when as an organization, it wanted to make a significant transition. Directi wanted to build some great products, and for that, it wanted to hire the best talent from across the country. It was a big leap for Directi. The only question was how? <br><br>
Key members at Directi were in a discussion and came to know about the ICPC through a few of their lateral hires. The members explored more about ICPC, and it was then that they figured out for the first time the value of competitive programming, also known as Sports Programming. <br><br>
It dawned on the team that there was a direct correlation between the best software engineers and the best competitive programmers. While the team did find a path towards their hunt for the best talent, they realized a bigger problem that India was facing. <br><br>
They came to know how poorly India had been performing at ICPC, the most prestigious international programming event across the globe. In spite of the vast amount of intellectual talent available in the country, India’s performance has not been close to top-notch. It was disheartening to see India lagging behind vis-a-vis other nations when it came to solving complex programming problems. The team launched CodeHunter as an experiment to address this situation. They wanted Indian students to have fun while learning & improving. It was also important for them to bring the global competition home so that Indian students can learn to compete with the best out there. <br><br>
In 2010, CodeHunter launched the Go For Gold program. The goal of the Go for Gold Project is ambitious: CodeHunter wanted an Indian college team to win the ICPC contest, the most competitive programming challenge in the world. In 2013, CodeHunter extended the Go For Gold program to cover the International Olympiad in Informatics for school students. And in the year 2020, the custodianship of CodeHunter was transferred from Directi to Unacademy. <br><br>
<b>More than a million programmers worldwide have joined CodeHunter so far, and we're always looking for more.</b> </div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
<h4>Initiatives Taken Up By Us</h4>
</button>
</h2>
<div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">
<ul >
<li><b>Host your own programming contest:</b> CodeHunter provides its platform to any educational institute and organization across the globe to conduct its own programming contests. Under this initiative, CodeHunter takes care of the infrastructure, platform, and support aspect of hosting the contest.</li>
<li><b>CodeHunter College Chapters:</b> College Chapters are programming clubs targeted specifically towards competitive programming, which are guided and mentored by CodeHunter. The idea behind forming College Chapters is to create a strong culture of competitive programming across all colleges and schools in India and exchange knowledge amongst themselves using the CodeHunter platform.</li>
<li><b>Learn Competitive Programming with CodeHunter:</b> CodeHunter has launched live courses on Competitive Programming, taught by the most passionate competitive programmers, and helped by a great team of teaching assistants. It was launched on Unacademy on 15th September.</li>
<li><b>Learn Competitive Programming with CodeHunter:</b> CodeHunter has launched live courses on Competitive Programming, taught by the most passionate competitive programmers, and helped by a great team of teaching assistants. It was launched on Unacademy on 15th September.</li>
<li><b>Conversations with CodeHunter:</b> CodeHunter has come up with a series of Ask Me Anything (AMA) live sessions called Conversations with CodeHunter. Here we talk with the leading figures in the corporate world and the people who have made significant progress in their programming careers, aiming to provide the viewers with all the insights about how they made it big in their fields.</li>
</ul></div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingThree">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
<h4>CodeHunter for Schools</h4>
</button>
</h2>
<div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">CodeHunter has started promoting competitive programming among school students by creating awareness about the International Olympiads in Informatics (IOI). It also has freely accessible learning resources for school students to prepare them for the Olympiad. Several workshops have been conducted in schools with the help of our ‘problem-solving through programming’ curriculum. A learning program was started by the team to help students preparing for the ICO.</div>
</div>
</div>
</div>
</div>
<!--Contact Modal -->
<div class="modal fade" id="contact" tabindex="-1" aria-labelledby="contactModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="contactModalLabel">Contact to CodeHunter</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<i class="fa fa-user"> </i>
<label for="exampleInputEmail1" class="form-label">Name</label>
<input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" required>
</div>
<div class="mb-3">
<i class="fa fa-envelope"> </i>
<label for="exampleInputEmail1" class="form-label">Email address</label>
<input type="email" class="form-control" id="InputEmail1" aria-describedby="emailHelp" required>
<div id="emailHelp" class="form-text">We'll never share your email with anyone else.</div>
</div>
<div class="mb-3">
<i class="fa fa-phone"> </i>
<label for="exampleInputEmail1" class="form-label">Mobile Number</label>
<input type="number" class="form-control" id="exampleInputPhone" aria-describedby="phoneHelp" required>
<div id="phoneHelp" class="form-text">We'll never share your number with anyone else.</div>
</div>
<div class="mb-3">
<i class="fa fa-comment"> </i>
<label for="message">Message</label>
<textarea name="message" id="message" cols="20" rows="5" class="form-control"></textarea>
</div>
<div class="modal-footer d-flex justify-content-evenly">
<button type="reset" class="btn btn-secondary" style="width: 45%;">Reset</button>
<button type="submit" class="btn btn-primary" style="width: 45%;">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- SignIn Modal -->
<div class="modal fade" id="signin" tabindex="-1" aria-labelledby="signin" aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<a href="/CodeHunter_/" style="color: orange;">
<i class="fa fa-free-code-camp fa-3x"></i>
</a>
<div style="text-align: center; width: 75%;">
<h3 class="modal-title" id="signinModalLabel"><b>Sign In</b></h3>
<a id="signup" href="#">New user? Register here</a>
</div>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" style="background-color:rgb(246, 246, 246);">
<form>
<div class="form-floating">
<input type="email" class="form-control" id="floatingInput" placeholder="[email protected]" autocomplete="username" required>
<label for="floatingInput">Email address</label>
</div> <br>
<div class="form-floating">
<input type="password" class="form-control" id="floatingPassword" placeholder="Password" autocomplete="current-password" required>
<label for="floatingPassword" >Password</label>
</div> <br>
<div class="checkbox mb-3" style="text-align: center;">
<label>
<input type="checkbox" value="remember-me"> Remember me
</label>
</div>
<div class="modal-footer">
<button class="btn btn-primary" type="submit" onclick="checkData()" style="width: 100%;" id="login" data-bs-dismiss="modal">Login</button>
<button class="btn btn-primary" type="submit" onclick="saveData()" style="width: 100%;" id="register" data-bs-dismiss="modal">Sign Up</button>
</form>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
<div class="col-md-4 d-flex align-items-center">
<a href="/CodeHunter_/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
<i class="fa fa-free-code-camp fa-2x"></i>
</a>
<span class="text-muted">© CodeHunter.com | 2021-2030</span>
</div>
<ul class="nav col-md-4 justify-content-end list-unstyled d-flex" style="font-size: 1.5rem;">
<li class="ms-3"><a class="text-muted" href="https://twitter.com" target="_blank"><i class="fa fa-twitter"></i></li>
<li class="ms-3"><a class="text-muted" href="https://instagram.com" target="_blank">
<i class="fa fa-instagram"></i></a></li>
<li class="ms-3"><a class="text-muted" href="https://facebook.com" target="_blank"><i class="fa fa-facebook-square"></i></a></li>
</ul>
</footer>
</div>
</footer>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj" crossorigin="anonymous"></script> -->
<!-- Option 2: Separate Popper and Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-eMNCOe7tC1doHpGoWe/6oMVemdAVTMs2xqW4mwXrXsW0L84Iytr2wi5v2QjrP/xp"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-cn7l7gDp0eyniUwwAZgrzD06kc/tftFf19TOAs2zVinnD/C7E91j9yyk5//jjpt/"
crossorigin="anonymous"></script>
<script src="app.js"></script>
</body>
</html>