-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
335 lines (301 loc) · 16.9 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
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
<!DOCTYPE html>
<html>
<head>
<title>IIT BBS PLACEMENT AND INTERNSHIP EXPERIENCE</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito&family=Roboto&family=Roboto+Slab&display=swap" rel="stylesheet">
</style>
</head>
<body>
<div id="header">
<div id="bigheading">
<p id="mainHeading">IIT BBS Placement and Internship Experience Sharing Portal </p>
</div>
<div id="smallheading">
<p id="submainHeading">IIT BBS Placement and Internship Experience Sharing Portal </p>
<button id="homeBTN" onclick="goHome()">Home</button>
<span id="submainResults">IIT BBS Placement and Internship Experience Sharing Portal </span>
</div>
</div>
<div id="loader">
<div class="sk-chase" id="loaderAnime">
<div class="sk-chase-dot"></div>
<div class="sk-chase-dot"></div>
<div class="sk-chase-dot"></div>
<div class="sk-chase-dot"></div>
<div class="sk-chase-dot"></div>
<div class="sk-chase-dot"></div>
</div>
</div>
<div id="fakeheader">
<p id="mainHeading">IIT BBS Placement and Internship Experience Sharing Portal </p>
</div>
<!-- <div id="intermediateStatusBar">
Welcome
</div> -->
<!-- login part -->
<div class="main-block" id="mailLoginBlock">
<div class="form">
<hr>
<div class="account-type">
<h1>Sign-in</h1>
</div>
<hr>
<div class="account-type">
Welcome to <br>IIT BBS Placement and Internship experience sharing portal
<br>
<br>
<div class="account-type" id="loginResultId">
Enter your IIT BBS mail to sign in
</div>
</div>
<hr>
<!-- <input type="text" name="name" id="email" placeholder="IIT BBS mail" required/> -->
<div id="mailBlock">
<label id="icon" for="name" class="added"><i class="fas fa-envelope-square"></i></label>
<input type="text" name="name" id="mailId" placeholder="mail" required/>
</div>
<div id="otpBlock">
<label id="icon" for="name" class="added"><i class="fas fa-unlock-alt"></i></label>
<input type="text" name="otp" id="otp" placeholder="OTP" required/>
</div>
<hr>
<div class="btn-block" id="mailSubmitBtnId">
<button class="loginbtnclass" onclick="check_mail_and_send_OTP_fun()">Sent OTP</button>
</div>
<div class="btn-block" id="otpSubmitBtnId">
<button class="loginbtnclass" onclick="checkOTP()">Submit OTP</button>
</div>
<hr>
<p>This is portal only for IIT BBS Students</p>
</div>
</div>
<!-- main menu -->
<div class="main-block" id="main-menu">
<h1>Home</h1>
<div class="form">
<hr>
<div class="account-type">
Welcome to <br>IIT BBS PLACEMENT AND INTERNSHIP PORTAL
</div>
<hr>
<div class="btn-block" id="mailSubmitBtnId1">
<button type="submit" onclick="writeExperience()">Write Internship or Placement Experience</button>
</div>
<hr>
<div class="btn-block" id="mailSubmitBtnId2">
<button type="submit" onclick="loadAllDataInternship()">Read Internship Experience</button>
</div>
<hr>
<div class="btn-block" id="mailSubmitBtnId3">
<button type="submit" onclick="loadAllDataPlacement()">Read Placement Experience</button>
</div>
<hr>
<!-- <p>By clicking Register, you agree on our Privacy Policy for W3Docs.</p> -->
</div>
</div>
<!-- experience form html -->
<div id="expform">
<div class="testbox">
<div class="banner">
<h1>Example Form for reference</h1>
</div>
<hr>
<div id="referenceForm">
<p class="top-info">This a just a reference form. Go through it once and then fill the form.</p>
<div class="class">
<input class="inputClass" type="text" name="mail" placeholder="Mail - [email protected]"/>
</div>
<div class="item">
<div class="name-item">
<input class="inputClass" type="text" name="name" placeholder="Name"/>
</div>
</div>
<div class="label">
<div class="question-answer">
<label><input type="radio" value="none" checked="true" name="gender" required/> <span>Placement</span></label>
<br><br>
<label><input type="radio" value="none" name="gender" required/> <span>Internship</span></label>
</div>
</div>
<div class="item">
<input class="inputClass" type="text" name="name" placeholder="Branch - Computer science" required/>
</div>
<div class="item">
<input class="inputClass" type="text" name="name" placeholder="CGPA - 8.00" required/>
</div>
<div class="item">
<input class="inputClass" type="text" name="graduationYear" placeholder="Year of Graduation - 2020" required/>
</div>
<div class="item">
<input class="inputClass" type="text" name="name" placeholder="Company - Amazon" required/>
</div>
<div class="item">
<input class="inputClass" type="text" name="name" placeholder="Profile - SDE (Software development engineer)" required/>
</div>
<div class="item">
<textarea class="textarea inputClass" name="Placement" rows="4" cols="100%" placeholder="Procedure -
On-Campus through CDC. Online Test followed by two interviews. The number of interviews rounds was different for each candidate.(offline mode)" required></textarea>
</div>
<div class="item">
<textarea class="textarea inputClass" name="Placement" rows="5" cols="100%" placeholder="Online test pattern -
The online test had 3 coding questions and 12 MCQs where the MCQs were concentrated on DBMS, Aptitude and some basic output questions" required></textarea>
</div>
<div class="item">
<textarea class="textarea inputClass" name="Placement" rows="10" cols="100%" placeholder="Interveiw Experience -
There were 2 rounds, a Tech PI and HR round. Round 1(Technical Interview): In the starting of technical interview, I was asked to explain my resume and after which I was asked 4 following questions: 1) Given an integer, find the nearest square number to the given integer and I was asked to write the code for it. 2) Merge sort explanation and it's code 3) Find the maximum consecutive occurrence of any character in a given string. After answering these questions, I was asked about some basics about Java which is my preferred language and some questions on HashSet, hashmap and OOPS concepts Round 2(HR Interview): After the technical interview, I had an HR Interview where I was asked some basic HR questions such as where do I see myself in 5 years, about my family background, what if not engineering, what keeps me grounded motivated, etc" required></textarea>
</div>
<div class="item">
<textarea class="textarea inputClass" name="Placement" rows="5" cols="100%" placeholder="Links to questions or related sites -:
https://www.geeksforgeeks.org/quick-sort/
https://practice.geeksforgeeks.org/problems/check-for-bst/1
https://www.geeksforgeeks.org/" id="experience" required></textarea>
</div>
<div class="item">
<textarea class="textarea inputClass" name="Placement" rows="5" cols="100%" placeholder="Topics Concentrated On -
Data Structure and Algorithm, Operating System, Database Management, probability and statistics, Puzzles, OOPs, Core concept of java and python " required></textarea>
</div>
<div class="item">
<textarea class="textarea inputClass" name="Placement" rows="7" cols="100%" placeholder="Suggestion to the Juniors -
1. well prepare with coding and standard computer science topics (Data structure and algorithm, OOPs, Database Management ), puzzles, probability.
2. Practice writing code in a simple text editor or in the paper . In the interview, you will write your code in a similar environment without syntax highlighting or auto-completion. Always try to add a diagram when you are solving as it helps you to express your thinking process.
3. Start practicing coding in online platforms like Hackerrank, GeeksforGeek(Must do questions), interviewbit . Do participate in online competitions like LeetCode weekly contest,
Codechef competitions. It really helps you out during the online test. " required></textarea>
</div>
<div class="item">
<input class="inputClass" type="text" name="name" placeholder="Link to your resume (Google drive or any link with access for IITBBS students to veiw)" required/>
</div>
<div class="item">
<input class="inputClass" type="text" name="name" placeholder="LinkedIn Url (Your LinkedIn Profile url)" required/>
</div>
<div class="item">
<input class="inputClass" type="text" name="name" placeholder="Contact Number (Optional)"/>
</div>
<!-- <div class="btn-block">
<button type="submit" href="/">Apply</button>
</div> -->
</div>
</div>
<hr>
<div class="testbox">
<!-- <form id="formid"> -->
<div class="banner">
<h1>Experience form<h1>
</div>
<hr>
<div id="actualForm">
<p class="top-info">Want to become a member of our Gym? Then start by filling our form to complete registration. We will contact you shortly to notify you about your membership card.</p>
<div class="class">
<input class="inputClass" type="text" name="mail" id="mailInFormId" placeholder="Mail"/>
</div>
<div class="item">
<div class="name-item">
<input type="text" name="name" placeholder="Name" id="nameFormId" required/>
</div>
</div>
<div class="label">
<div class="question-answer">
<label><input type="radio" value="placement" name="type" required/> <span class="typeclass">Placement</span></label>
<br><br>
<label><input type="radio" value="internship" name="type" required/> <span class="typeclass">Internship</span></label>
</div>
</div>
<div class="item">
<input type="text" name="name" placeholder="Branch" id="branchFormId" required/>
</div>
<div class="item">
<input type="text" name="CGPA" placeholder="CGPA" id="cgpaFormId" required/>
</div>
<div class="item">
<input type="text" name="graduationYear" placeholder="Year of Graduation" id="graduationYear" required/>
</div>
<div class="item">
<input type="text" name="Company" placeholder="Company Placed in" id="companyFormId" required/>
</div>
<div class="item">
<input type="text" name="Profile" placeholder="Profile Offered" id="profileFormId" required/>
</div>
<div class="item">
<textarea class="textarea" name="Placement" rows="4" cols="100%" placeholder="Procedure" id="procedureFormId" required></textarea>
</div>
<div class="item">
<textarea class="textarea" name="Placement" rows="5" cols="100%" placeholder="Online test pattern and kind of questions asked" id="onlineTestFormId" required></textarea>
</div>
<div class="item">
<textarea class="textarea" name="Placement" rows="10" cols="100%" placeholder="Interveiw Experience" id="interveiwExpFormId" required></textarea>
</div>
<div class="item">
<textarea class="textarea" name="Placement" rows="10" cols="100%" placeholder="Links to questions or related sites" id="linksFormId" required></textarea>
</div>
<div class="item">
<textarea class="textarea" name="Placement" rows="5" cols="100%" placeholder="Topics Concentrated On" id="topicsConcentratedFormId" required></textarea>
</div>
<div class="item">
<textarea class="textarea" name="Placement" rows="5" cols="100%" placeholder="Suggestion to the Juniors" id="suggestionsFormId" required></textarea>
</div>
<div class="item">
<input type="text" name="name" placeholder="Link to your Resume" id="ResumeURLFormId" required/>
</div>
<div class="item">
<input type="text" name="name" placeholder="LinkedIn Url" id="linkedinURLFormId" required/>
</div>
<div class="item">
<input type="text" name="name" placeholder="Contact Number (Optional)" id="contactNumberFormId"/>
</div>
<div class="btn-block">
<button type="submit" onclick="addExperience()">Apply</button>
</div>
</div>
<!-- </form> -->
</div>
</div>
<!-- results form in html -->
<div id="results">
<!-- <div class="actualResult">
<div class="oneShow">
<p class="show1">Intern at Amazon</p>
<p class="show1">Role : SDE ROLE</p>
<p class="show1">Sree vidhya</p>
<span class="show3">Electrical </span>
<span class="show3"> 8.04</span>
<span class="show3"> 2021 graduate</span>
<p class="show2"><b>Procedure : </b><br></p>
<p class="show2"><b>Online test :</b><br></p>
<p class="show2"><b>Interveiw Experience :</b><br></p>
<div class="show2">
<b>Related links</b><br>
<a href=""><button class="questionLinkbtn">url here</button></a>
</div>
<p class="show2"><b>Topics Concentrated on :</b><br></p>
<p class="show2"><b>Suggestion to juniors :</b><br></p>
<span class="show4">
<a href=""><button class="questionLinkbtn">Mail Id</button> </a>
<a href=""><button class="questionLinkbtn">Contact Number</button></a>
<a href=""><button class="questionLinkbtn">LinkedIn URL</button> </a>
<a href=""><button class="questionLinkbtn">Link to resume</button> </a>
</span>
</div>
</div>
-->
</div>
<div id="experienceFormResult">
<p id="expsubmittedid">Your response has been recorded<br><br>Thanks for filling the response :)</p>
</div>
</body>
<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-analytics.js"></script>
<script src="https://smtpjs.com/v3/smtp.js"></script>
<script src="script.js"></script>
</html>