-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
442 lines (433 loc) · 43.4 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
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
<!DOCTYPE html>
<html>
<head>
<title>SU Tech Team</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="src/logo.png">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="loader.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://unpkg.com/simplebar@latest/dist/simplebar.css" />
<link href="fontawesome/css/all.css" rel="stylesheet">
</head>
<body>
<div class="loader-container">
<svg
id="svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="400"
height="400"
viewBox="0, 0, 400,400"
>
<g id="svgg">
<path
class="box"
id="path0"
d="M110.668 165.458 C 110.669 165.527,111.025 165.965,111.460 166.431 C 111.894 166.897,112.775 167.868,113.417 168.589 C 114.058 169.310,114.808 170.133,115.083 170.417 C 115.358 170.702,115.876 171.268,116.233 171.676 C 116.971 172.518,119.333 175.123,120.083 175.923 C 120.358 176.217,121.108 177.048,121.750 177.770 C 122.392 178.492,123.372 179.571,123.929 180.167 C 124.486 180.762,125.236 181.582,125.596 181.988 C 125.956 182.393,126.362 182.848,126.500 182.998 C 126.638 183.148,127.388 183.976,128.167 184.838 C 128.946 185.700,129.696 186.526,129.833 186.673 C 130.952 187.868,133.212 190.359,133.602 190.826 C 133.867 191.143,134.308 191.634,134.583 191.919 C 134.858 192.203,135.683 193.105,136.417 193.923 C 137.150 194.742,138.162 195.857,138.667 196.402 C 139.171 196.947,139.696 197.518,139.833 197.671 C 140.150 198.023,142.307 200.414,142.750 200.904 C 143.254 201.462,146.215 204.695,146.500 205.000 C 146.637 205.146,147.044 205.600,147.403 206.008 C 147.762 206.416,148.662 207.419,149.403 208.236 C 151.152 210.166,151.112 210.122,152.083 211.180 C 152.542 211.679,153.479 212.714,154.167 213.481 C 154.854 214.247,155.604 215.076,155.833 215.325 C 156.063 215.573,156.887 216.480,157.667 217.341 C 158.446 218.201,159.196 219.025,159.333 219.170 C 159.471 219.316,160.221 220.142,161.000 221.006 C 161.779 221.870,162.763 222.953,163.187 223.413 C 163.610 223.874,164.285 224.619,164.687 225.069 C 165.088 225.520,165.604 226.086,165.833 226.327 C 166.063 226.569,166.887 227.470,167.667 228.331 C 168.446 229.192,169.196 230.019,169.333 230.169 C 169.471 230.319,170.183 231.110,170.917 231.926 C 171.650 232.743,172.662 233.860,173.167 234.408 C 174.262 235.599,174.204 235.535,175.249 236.722 L 176.080 237.667 203.707 237.667 C 223.054 237.667,231.333 237.614,231.333 237.490 C 231.333 237.393,230.940 236.888,230.458 236.369 C 229.977 235.849,229.208 235.017,228.750 234.520 C 228.292 234.022,227.729 233.416,227.500 233.172 C 227.271 232.928,226.558 232.135,225.917 231.411 C 225.275 230.687,224.637 229.974,224.500 229.827 C 223.644 228.911,220.959 225.964,219.495 224.333 C 218.549 223.279,217.731 222.379,217.677 222.333 C 217.622 222.287,216.910 221.500,216.093 220.583 C 215.276 219.667,213.882 218.129,212.995 217.167 C 212.109 216.204,210.986 214.967,210.500 214.417 C 210.013 213.867,209.158 212.925,208.599 212.325 C 208.041 211.724,206.946 210.524,206.167 209.658 C 205.388 208.792,204.675 208.001,204.583 207.900 C 202.968 206.120,201.361 204.355,199.818 202.667 C 198.771 201.521,197.653 200.292,197.332 199.935 C 197.012 199.578,196.674 199.203,196.582 199.102 C 196.489 199.000,195.705 198.129,194.839 197.167 C 193.974 196.204,192.918 195.042,192.493 194.583 C 192.068 194.125,191.390 193.379,190.985 192.926 C 190.581 192.473,190.137 191.981,190.000 191.832 C 189.687 191.495,187.057 188.600,185.833 187.245 C 185.001 186.325,183.315 184.466,181.083 182.008 C 180.376 181.230,179.450 180.218,178.333 179.005 C 178.196 178.856,177.790 178.400,177.432 177.992 C 177.074 177.584,176.324 176.758,175.766 176.156 C 175.207 175.554,174.150 174.393,173.417 173.575 C 172.683 172.758,171.671 171.640,171.167 171.092 C 170.662 170.544,170.175 170.010,170.083 169.906 C 169.992 169.803,169.317 169.054,168.583 168.243 C 167.850 167.432,166.959 166.446,166.604 166.051 L 165.958 165.333 138.312 165.333 C 123.107 165.333,110.667 165.390,110.668 165.458 M172.361 165.478 C 172.420 165.631,174.176 167.593,176.022 169.568 C 176.630 170.218,177.342 171.009,177.605 171.326 C 177.868 171.643,178.271 172.100,178.500 172.341 C 178.729 172.583,179.249 173.149,179.656 173.599 C 180.062 174.049,180.850 174.906,181.406 175.504 C 181.962 176.103,182.942 177.187,183.583 177.914 C 184.225 178.640,184.975 179.469,185.250 179.755 C 185.525 180.041,186.050 180.609,186.417 181.019 C 188.602 183.459,189.809 184.792,190.250 185.251 C 190.525 185.538,191.043 186.105,191.401 186.511 C 192.186 187.402,194.752 190.222,195.333 190.833 C 195.563 191.074,196.044 191.604,196.403 192.011 C 196.983 192.668,199.343 195.282,200.000 195.994 C 200.137 196.143,200.887 196.971,201.667 197.833 C 202.446 198.696,203.196 199.522,203.333 199.668 C 203.471 199.815,204.221 200.642,205.000 201.506 C 206.208 202.846,207.163 203.894,208.333 205.166 C 208.720 205.586,211.495 208.645,212.333 209.575 C 212.746 210.033,213.383 210.739,213.750 211.143 C 214.117 211.548,214.492 211.965,214.583 212.070 C 214.675 212.176,215.162 212.710,215.667 213.259 C 216.171 213.807,217.183 214.925,217.917 215.743 C 218.650 216.561,219.475 217.465,219.750 217.751 C 220.025 218.038,220.543 218.605,220.902 219.011 C 222.059 220.322,224.236 222.723,224.750 223.255 C 225.025 223.540,225.775 224.365,226.417 225.089 C 227.058 225.813,227.696 226.527,227.833 226.675 C 229.197 228.141,231.220 230.365,232.667 231.986 C 233.354 232.756,234.104 233.584,234.333 233.826 C 234.563 234.068,235.275 234.860,235.917 235.586 C 236.558 236.312,237.263 237.077,237.483 237.286 L 237.882 237.667 265.441 237.667 C 283.506 237.667,293.000 237.610,293.000 237.502 C 293.000 237.371,291.589 235.691,291.179 235.333 C 291.126 235.287,290.446 234.541,289.667 233.674 C 288.887 232.807,288.137 231.977,288.000 231.829 C 287.862 231.681,287.489 231.265,287.169 230.905 C 286.652 230.322,283.647 227.024,283.000 226.328 C 282.862 226.180,282.489 225.765,282.171 225.405 C 281.658 224.825,279.506 222.454,277.585 220.352 C 277.217 219.950,276.842 219.535,276.750 219.429 C 276.658 219.323,276.133 218.752,275.582 218.160 C 275.031 217.568,274.018 216.451,273.332 215.678 C 272.645 214.905,271.971 214.154,271.833 214.008 C 271.583 213.743,267.274 208.990,266.171 207.762 C 265.848 207.402,265.127 206.614,264.568 206.012 C 264.010 205.409,263.151 204.467,262.660 203.917 C 262.169 203.367,261.688 202.833,261.592 202.731 C 261.344 202.469,258.967 199.842,258.667 199.498 C 258.529 199.340,257.704 198.435,256.833 197.486 C 254.577 195.026,253.437 193.773,251.917 192.082 C 251.183 191.266,250.171 190.143,249.667 189.586 C 246.729 186.342,245.646 185.148,244.750 184.170 C 244.200 183.569,243.075 182.336,242.250 181.430 C 241.425 180.523,240.674 179.700,240.582 179.599 C 240.489 179.499,239.705 178.629,238.841 177.667 C 237.976 176.704,237.225 175.879,237.173 175.833 C 237.121 175.787,236.029 174.588,234.747 173.167 C 233.465 171.746,232.375 170.546,232.323 170.500 C 232.272 170.454,231.822 169.963,231.323 169.408 C 230.825 168.853,229.791 167.709,229.026 166.866 L 227.635 165.333 199.970 165.333 C 184.380 165.333,172.330 165.397,172.361 165.478 M162.583 172.628 C 162.675 172.695,163.275 173.346,163.917 174.075 C 164.558 174.803,165.308 175.632,165.583 175.917 C 165.858 176.201,166.646 177.066,167.333 177.838 C 168.021 178.611,169.001 179.695,169.512 180.247 C 170.023 180.798,170.735 181.583,171.095 181.991 C 171.455 182.398,171.975 182.964,172.250 183.248 C 172.525 183.532,172.967 184.024,173.231 184.341 C 173.695 184.896,176.132 187.572,177.333 188.846 C 177.654 189.186,178.169 189.754,178.478 190.107 C 178.934 190.629,180.743 192.625,182.000 193.993 C 182.137 194.143,182.887 194.970,183.667 195.831 C 184.446 196.692,185.271 197.598,185.500 197.845 C 186.013 198.397,188.046 200.656,188.930 201.656 C 189.289 202.062,189.808 202.627,190.083 202.911 C 190.527 203.369,191.911 204.899,193.917 207.150 C 194.625 207.945,194.632 207.952,195.917 209.350 C 196.945 210.469,197.996 211.625,199.833 213.659 C 200.612 214.521,201.475 215.461,201.750 215.747 C 202.025 216.033,202.662 216.747,203.167 217.333 C 203.671 217.919,204.308 218.631,204.583 218.916 C 204.858 219.200,205.721 220.137,206.500 220.998 C 207.279 221.859,208.292 222.976,208.750 223.479 C 209.208 223.982,209.696 224.518,209.833 224.669 C 209.971 224.820,210.458 225.350,210.917 225.847 C 211.375 226.344,212.388 227.462,213.167 228.332 C 213.946 229.202,214.690 230.027,214.821 230.165 C 215.034 230.389,213.122 230.422,197.321 230.462 L 179.583 230.507 179.101 229.962 C 178.545 229.334,175.980 226.515,174.738 225.167 C 174.274 224.663,173.599 223.918,173.238 223.513 C 172.878 223.107,172.171 222.323,171.667 221.770 C 171.162 221.217,170.300 220.271,169.750 219.668 C 168.720 218.538,167.226 216.891,164.082 213.417 C 163.086 212.317,161.922 211.042,161.496 210.583 C 161.070 210.125,160.390 209.376,159.985 208.920 C 159.115 207.938,159.293 208.134,157.417 206.075 C 154.323 202.680,153.882 202.195,152.489 200.658 C 151.704 199.792,150.247 198.183,149.252 197.083 C 148.257 195.983,147.362 195.008,147.263 194.917 C 147.164 194.825,146.558 194.154,145.917 193.425 C 145.275 192.696,144.637 191.979,144.500 191.830 C 143.913 191.196,141.169 188.183,140.490 187.426 C 140.083 186.973,139.637 186.481,139.500 186.332 C 139.362 186.184,138.612 185.359,137.833 184.500 C 137.054 183.640,135.929 182.404,135.333 181.751 C 134.737 181.099,133.612 179.863,132.833 179.004 C 130.644 176.592,129.918 175.792,129.422 175.250 C 129.170 174.975,128.514 174.244,127.965 173.625 L 126.966 172.500 144.691 172.503 C 154.440 172.504,162.492 172.560,162.583 172.628 M224.450 172.737 C 224.523 172.867,224.958 173.373,225.417 173.862 C 226.350 174.856,228.615 177.362,229.602 178.491 C 229.959 178.898,230.475 179.466,230.750 179.753 C 231.025 180.040,231.582 180.644,231.987 181.096 C 234.066 183.411,235.299 184.772,235.750 185.246 C 236.025 185.536,236.775 186.364,237.417 187.086 C 238.058 187.809,238.808 188.636,239.083 188.924 C 239.637 189.505,241.864 191.948,242.471 192.641 C 243.231 193.507,245.296 195.784,246.667 197.265 C 247.171 197.810,248.183 198.924,248.917 199.740 C 250.386 201.377,250.394 201.386,251.583 202.679 C 252.042 203.177,252.979 204.216,253.667 204.986 C 254.354 205.756,255.104 206.587,255.333 206.831 C 255.563 207.076,256.387 207.983,257.166 208.846 C 259.021 210.902,259.825 211.788,260.333 212.333 C 261.931 214.045,262.718 214.906,263.667 215.983 C 264.262 216.660,264.975 217.452,265.250 217.743 C 265.525 218.034,266.275 218.864,266.917 219.586 C 267.558 220.309,268.308 221.135,268.583 221.422 C 268.858 221.709,269.646 222.574,270.333 223.344 C 271.021 224.113,272.033 225.229,272.583 225.823 C 273.133 226.417,273.658 226.989,273.750 227.093 C 273.842 227.197,274.517 227.941,275.250 228.746 C 275.983 229.551,276.608 230.276,276.639 230.355 C 276.670 230.437,268.944 230.500,258.991 230.500 L 241.288 230.500 240.936 230.115 C 240.742 229.902,239.946 229.025,239.167 228.164 C 238.387 227.303,237.637 226.476,237.500 226.327 C 236.726 225.489,234.643 223.191,234.340 222.841 C 234.145 222.616,233.595 222.012,233.117 221.500 C 232.640 220.988,231.688 219.945,231.000 219.183 C 230.313 218.421,229.600 217.633,229.417 217.431 C 229.233 217.230,228.521 216.437,227.833 215.669 C 227.146 214.901,226.471 214.152,226.333 214.004 C 225.018 212.592,222.467 209.792,221.000 208.151 C 220.313 207.382,219.300 206.264,218.750 205.666 C 218.200 205.067,217.188 203.952,216.500 203.188 C 214.747 201.238,214.578 201.052,213.435 199.820 C 212.875 199.216,211.817 198.055,211.083 197.238 C 209.578 195.562,208.447 194.319,207.833 193.666 C 207.410 193.216,205.331 190.904,204.784 190.275 C 204.620 190.086,204.095 189.510,203.617 188.996 C 203.140 188.481,202.188 187.434,201.500 186.670 C 199.616 184.574,199.526 184.475,198.775 183.667 C 198.391 183.254,197.372 182.129,196.510 181.167 C 195.647 180.204,194.486 178.924,193.929 178.322 C 193.372 177.721,192.587 176.858,192.183 176.406 C 191.780 175.953,190.814 174.890,190.038 174.042 L 188.626 172.500 206.471 172.500 C 221.712 172.500,224.336 172.535,224.450 172.737 "
stroke="#74c4ec"
stroke-width="3"
stroke-linecap="square"
stroke-miterlimit="10"
fill="none"
fill-rule="evenodd"
></path>
<path
class="box"
id="path1"
d="M237.215 240.363 C 236.239 241.438,236.145 241.541,235.167 242.597 C 234.662 243.141,233.725 244.176,233.083 244.896 C 232.442 245.615,231.678 246.464,231.386 246.781 C 230.930 247.275,230.238 248.037,228.141 250.348 C 227.926 250.585,227.188 251.409,226.500 252.178 C 225.813 252.947,224.833 254.028,224.323 254.580 C 223.813 255.132,223.063 255.951,222.656 256.401 C 222.249 256.851,221.729 257.418,221.500 257.660 C 221.271 257.902,220.558 258.691,219.917 259.413 C 219.275 260.136,218.525 260.962,218.250 261.248 C 217.809 261.708,216.596 263.048,214.417 265.481 C 214.050 265.891,213.525 266.462,213.250 266.752 C 212.975 267.041,212.188 267.909,211.502 268.681 C 210.815 269.452,209.835 270.533,209.323 271.083 C 208.811 271.633,208.098 272.415,207.738 272.821 C 207.378 273.227,206.971 273.680,206.833 273.829 C 206.696 273.977,205.946 274.803,205.167 275.664 C 204.387 276.525,203.563 277.429,203.333 277.673 C 202.709 278.338,200.466 280.825,199.819 281.572 C 199.506 281.932,198.950 282.541,198.583 282.925 C 198.217 283.308,197.354 284.250,196.667 285.017 C 195.558 286.254,194.748 287.143,193.333 288.673 C 192.798 289.251,190.665 291.618,190.317 292.019 C 190.024 292.356,187.231 295.413,186.833 295.832 C 186.696 295.976,186.058 296.687,185.417 297.411 C 184.775 298.135,184.025 298.962,183.750 299.248 C 183.475 299.534,182.987 300.065,182.667 300.426 C 181.930 301.257,179.386 304.077,178.833 304.675 C 178.604 304.924,177.854 305.754,177.167 306.522 C 176.480 307.289,175.465 308.404,174.913 309.000 C 172.838 311.239,172.333 311.824,172.333 311.993 C 172.333 312.195,227.308 312.241,227.583 312.039 C 227.675 311.972,228.387 311.208,229.167 310.341 C 229.946 309.474,230.696 308.646,230.833 308.499 C 230.971 308.353,231.683 307.564,232.417 306.745 C 233.991 304.988,235.511 303.325,235.762 303.087 C 235.860 302.993,236.984 301.754,238.259 300.333 C 239.534 298.912,240.621 297.712,240.674 297.667 C 240.765 297.588,245.153 292.738,246.242 291.512 C 246.522 291.198,246.862 290.820,247.000 290.673 C 247.137 290.526,247.887 289.701,248.667 288.839 C 249.446 287.978,250.308 287.034,250.583 286.742 C 250.858 286.450,251.346 285.919,251.667 285.562 C 252.905 284.181,255.095 281.752,255.333 281.494 C 255.626 281.176,256.871 279.821,258.167 278.409 C 258.671 277.859,259.683 276.740,260.417 275.921 C 261.150 275.103,261.862 274.313,262.000 274.167 C 262.137 274.021,262.887 273.196,263.667 272.334 C 264.446 271.472,265.308 270.530,265.583 270.240 C 265.858 269.950,266.533 269.196,267.083 268.565 C 267.633 267.933,268.533 266.932,269.083 266.340 C 269.633 265.748,270.158 265.179,270.250 265.076 C 270.342 264.972,271.061 264.182,271.848 263.319 C 272.635 262.456,273.719 261.262,274.257 260.667 C 274.794 260.071,275.544 259.246,275.923 258.833 C 276.302 258.421,277.055 257.591,277.598 256.989 C 278.140 256.388,279.296 255.115,280.167 254.161 C 281.037 253.207,282.086 252.049,282.496 251.588 C 282.907 251.127,283.657 250.297,284.163 249.744 C 285.836 247.916,286.741 246.922,287.500 246.076 C 288.537 244.922,291.253 241.948,292.204 240.928 C 292.636 240.464,292.993 239.990,292.995 239.875 C 292.999 239.709,287.376 239.667,265.423 239.667 L 237.847 239.667 237.215 240.363 M276.667 246.907 C 276.667 247.009,275.480 248.381,274.270 249.676 C 273.709 250.277,272.688 251.398,272.000 252.167 C 271.313 252.936,270.573 253.757,270.356 253.991 C 270.139 254.225,269.426 255.012,268.772 255.739 C 267.389 257.277,267.369 257.298,266.167 258.598 C 265.662 259.143,264.650 260.258,263.917 261.077 C 263.183 261.895,262.358 262.798,262.083 263.085 C 261.808 263.371,261.289 263.938,260.929 264.344 C 259.665 265.774,257.912 267.725,257.500 268.162 C 257.271 268.405,256.446 269.308,255.667 270.169 C 254.887 271.030,254.137 271.856,254.000 272.003 C 253.234 272.824,250.803 275.511,250.317 276.074 C 250.005 276.435,249.525 276.963,249.250 277.247 C 248.741 277.772,246.584 280.149,245.402 281.489 C 245.043 281.895,244.525 282.466,244.250 282.757 C 243.975 283.048,243.487 283.581,243.167 283.941 C 242.846 284.302,241.833 285.419,240.917 286.423 C 240.000 287.427,239.175 288.332,239.083 288.435 C 238.603 288.971,237.329 290.368,236.511 291.254 C 236.001 291.807,235.021 292.891,234.333 293.664 C 233.646 294.437,232.971 295.190,232.833 295.338 C 231.234 297.060,230.577 297.781,229.583 298.904 C 228.942 299.629,228.229 300.420,228.000 300.661 C 227.771 300.902,226.946 301.804,226.167 302.664 C 225.387 303.525,224.619 304.365,224.458 304.531 C 224.135 304.866,188.736 305.018,188.861 304.685 C 188.892 304.603,189.479 303.916,190.167 303.159 C 191.752 301.412,191.487 301.702,193.353 299.666 C 194.235 298.704,195.248 297.586,195.603 297.182 C 196.401 296.276,196.679 295.968,198.408 294.083 C 199.165 293.258,200.114 292.212,200.517 291.759 C 200.920 291.305,201.475 290.701,201.750 290.416 C 202.025 290.131,202.505 289.602,202.816 289.241 C 203.128 288.879,204.065 287.840,204.900 286.932 C 205.734 286.024,206.492 285.197,206.583 285.094 C 207.725 283.819,210.456 280.807,213.100 277.909 C 214.191 276.713,215.683 275.065,216.417 274.246 C 217.949 272.535,219.540 270.789,219.678 270.667 C 219.730 270.621,220.441 269.833,221.259 268.917 C 222.076 268.000,222.788 267.212,222.840 267.167 C 222.892 267.121,223.642 266.296,224.507 265.333 C 225.372 264.371,226.156 263.503,226.248 263.404 C 226.341 263.306,226.979 262.603,227.667 261.842 C 228.354 261.082,229.179 260.181,229.500 259.840 C 230.072 259.233,232.037 257.063,232.805 256.191 C 233.018 255.948,233.806 255.083,234.555 254.268 C 235.304 253.453,235.992 252.702,236.083 252.600 C 237.179 251.378,239.138 249.206,239.333 248.997 C 239.471 248.850,239.935 248.348,240.366 247.882 C 240.796 247.415,241.246 246.995,241.366 246.947 C 241.628 246.842,276.667 246.802,276.667 246.907 "
stroke="#ec141c"
stroke-width="3"
stroke-linecap="square"
stroke-miterlimit="10"
fill="none"
fill-rule="evenodd"
></path>
<path
class="box"
id="path2"
d="M175.652 91.461 C 175.339 91.806,174.446 92.796,173.667 93.662 C 172.887 94.527,172.137 95.356,172.000 95.503 C 170.905 96.676,168.672 99.137,168.333 99.543 C 168.104 99.818,167.579 100.395,167.167 100.826 C 166.754 101.257,165.892 102.199,165.250 102.919 C 164.608 103.639,163.906 104.420,163.690 104.656 C 163.474 104.891,162.761 105.677,162.107 106.402 C 161.452 107.127,160.729 107.919,160.500 108.162 C 160.271 108.406,159.790 108.937,159.431 109.344 C 159.072 109.751,158.360 110.539,157.848 111.096 C 155.355 113.807,153.990 115.308,153.478 115.898 C 153.169 116.255,152.689 116.780,152.410 117.065 C 152.131 117.350,150.968 118.629,149.826 119.906 C 148.684 121.184,147.525 122.464,147.250 122.752 C 146.975 123.039,146.225 123.869,145.583 124.595 C 144.529 125.789,143.496 126.925,142.333 128.168 C 142.104 128.413,141.354 129.244,140.667 130.014 C 139.516 131.304,138.380 132.549,137.333 133.668 C 136.640 134.409,134.450 136.844,133.917 137.465 C 133.642 137.786,133.042 138.440,132.583 138.920 C 132.125 139.399,131.225 140.381,130.583 141.102 C 129.238 142.612,127.933 144.049,127.333 144.678 C 126.950 145.081,125.168 147.064,124.524 147.805 C 124.251 148.119,121.308 151.329,120.833 151.830 C 120.696 151.976,120.058 152.687,119.417 153.411 C 118.775 154.135,118.025 154.962,117.750 155.248 C 117.475 155.534,116.955 156.102,116.595 156.509 C 115.865 157.334,115.101 158.177,112.971 160.504 C 111.093 162.557,110.667 163.056,110.667 163.208 C 110.667 163.277,123.098 163.330,138.292 163.325 L 165.917 163.317 166.898 162.200 C 167.437 161.586,168.302 160.633,168.820 160.083 C 169.337 159.533,170.768 157.958,172.000 156.583 C 173.232 155.208,175.095 153.146,176.142 152.000 C 177.188 150.854,178.616 149.284,179.314 148.511 C 180.012 147.737,181.071 146.573,181.667 145.923 C 185.199 142.072,185.946 141.254,186.220 140.936 C 186.477 140.638,188.557 138.333,189.083 137.763 C 189.345 137.480,192.659 133.816,193.241 133.167 C 193.529 132.846,194.655 131.608,195.743 130.417 C 198.720 127.158,200.398 125.315,200.583 125.100 C 200.766 124.888,201.627 123.940,203.917 121.430 C 204.742 120.526,205.529 119.658,205.667 119.502 C 205.977 119.149,208.277 116.599,208.811 116.015 C 209.028 115.777,209.740 114.993,210.394 114.272 C 211.048 113.551,211.808 112.719,212.083 112.423 C 212.358 112.127,213.183 111.221,213.917 110.410 C 214.650 109.599,215.700 108.441,216.250 107.838 C 219.690 104.063,220.828 102.803,221.917 101.567 C 222.008 101.463,222.462 100.974,222.925 100.480 C 223.388 99.987,224.542 98.721,225.491 97.667 C 227.070 95.911,228.559 94.272,230.561 92.083 C 230.981 91.625,231.326 91.156,231.329 91.042 C 231.332 90.876,225.713 90.833,203.777 90.833 L 176.220 90.833 175.652 91.461 M214.654 98.625 C 214.432 98.877,214.137 99.205,214.000 99.353 C 213.862 99.501,213.262 100.171,212.667 100.841 C 212.071 101.511,211.358 102.294,211.083 102.582 C 210.808 102.870,210.290 103.438,209.932 103.844 C 209.574 104.251,208.824 105.076,208.266 105.678 C 207.707 106.280,206.650 107.439,205.917 108.253 C 205.183 109.067,204.406 109.924,204.189 110.158 C 203.973 110.392,203.298 111.140,202.689 111.820 C 202.081 112.500,201.126 113.550,200.568 114.153 C 200.009 114.757,199.259 115.583,198.901 115.989 C 198.543 116.395,198.025 116.962,197.750 117.248 C 197.475 117.534,196.960 118.102,196.605 118.509 C 196.250 118.917,195.612 119.626,195.188 120.087 C 194.764 120.547,193.779 121.630,193.000 122.494 C 192.221 123.358,191.471 124.184,191.333 124.330 C 191.138 124.537,189.068 126.829,188.083 127.928 C 187.992 128.030,187.204 128.886,186.333 129.829 C 185.463 130.773,184.625 131.689,184.473 131.865 C 184.057 132.345,181.713 134.920,180.645 136.072 C 180.128 136.628,179.491 137.342,179.228 137.659 C 178.965 137.976,178.525 138.466,178.250 138.748 C 177.975 139.030,177.150 139.931,176.417 140.752 C 175.683 141.572,174.671 142.692,174.167 143.241 C 173.662 143.789,173.175 144.323,173.083 144.427 C 172.992 144.531,172.317 145.273,171.583 146.076 C 170.850 146.879,170.100 147.701,169.917 147.902 C 169.733 148.103,169.021 148.897,168.333 149.666 C 167.646 150.435,166.626 151.556,166.068 152.157 C 165.509 152.758,164.759 153.584,164.401 153.992 C 164.043 154.400,163.436 155.056,163.051 155.450 L 162.353 156.167 144.668 156.167 C 129.457 156.167,127.002 156.134,127.117 155.931 C 127.190 155.801,127.591 155.332,128.007 154.889 C 128.424 154.446,129.541 153.221,130.489 152.167 C 132.269 150.189,134.831 147.371,135.417 146.747 C 135.600 146.552,136.042 146.061,136.398 145.655 C 136.755 145.249,137.468 144.467,137.984 143.917 C 138.500 143.367,139.558 142.204,140.336 141.333 C 141.114 140.462,141.791 139.712,141.842 139.667 C 141.892 139.621,143.015 138.383,144.336 136.917 C 145.658 135.450,146.817 134.166,146.911 134.064 C 147.006 133.961,147.683 133.216,148.417 132.408 C 149.150 131.600,149.862 130.816,150.000 130.666 C 152.037 128.449,154.887 125.320,155.222 124.935 C 155.671 124.416,156.705 123.274,158.255 121.583 C 159.918 119.769,160.207 119.452,161.728 117.762 C 162.871 116.490,163.584 115.707,165.750 113.337 C 166.300 112.735,167.350 111.573,168.083 110.754 C 169.227 109.477,171.438 107.046,173.695 104.584 C 174.032 104.217,174.444 103.759,174.612 103.567 C 175.077 103.033,177.475 100.404,178.456 99.352 C 178.936 98.838,179.330 98.360,179.331 98.292 C 179.332 98.223,187.371 98.167,197.196 98.167 L 215.058 98.167 214.654 98.625 "
stroke="#fcb40c"
stroke-width="3"
stroke-linecap="square"
stroke-miterlimit="10"
fill="none"
fill-rule="evenodd"
></path>
<path
class="box"
id="path3"
d=""
stroke="#b8c8bc"
stroke-width="3"
stroke-linecap="square"
stroke-miterlimit="10"
fill="none"
fill-rule="evenodd"
></path>
<path
class="box"
id="path4"
d=""
stroke="#b8c8bc"
stroke-width="3"
stroke-linecap="square"
stroke-miterlimit="10"
fill="none"
fill-rule="evenodd"
></path>
</g>
</svg>
</div>
<div class="hamburger" onclick="navbar()"> <span style="transform: translateY(-1vh)" class="hand"></span>
<span class="hand"></span>
<span style="transform: translateY(1vh)" class="hand"></span>
</div>
<div class="sidenav">
<div class="ham-links">
<a href="#about" onclick="closenav()">About</a>
<a href="#projects" onclick="closenav()">Projects</a>
<a href="team.html">Timeline</a>
<a href="#team-mob" onclick="closenav()">Our Team</a>
<a href="recruitments.html" onclick="closenav()">Recruitments</a>
</div>
<div class="ham-logo"></div>
</div>
<div class="hamburgerx" onclick="navbarx()"> <span style="transform: translateY(-1vh)" class="handx"></span>
<span class="handx"></span>
<span style="transform: translateY(1vh)" class="handx"></span>
</div>
<div class="sidenavx">
<div class="ham-links"> <a href="#about" onclick="closenavx()">About</a>
<a href="#projects" onclick="closenavx()">Projects</a>
<a href="team.html">Timeline</a>
<a href="recruitments.html">Recriutments</a>
<a href="#team" onclick="closenavx()">Our Team</a>
</div>
<div class="ham-logo"></div>
</div>
<div class="navbar">
<div class="logo"></div>
</div>
<div class="area" >
<ul class="circles">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div >
<div class="sec1">
<div class="heading"> <span class="data">Students' Union Technical Team</span>
<p>BITS Pilani, Rajasthan</p>
<div class="vector-img"></div>
</div>
<div class="intro-div">
<div class="work"></div>
<div class="work"></div>
<div class="work"></div>
</div>
</div>
<div class="sec2">
<div class="pic1"></div>
<div class="aboutus" id="about">
<div class="content" onmouseover="scaleup()" onmouseout="scaledown()"> <span>About Us</span>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repudiandae culpa, in voluptatum, impedit dolore blanditiis aperiam sint porro quo iste cum quidem minus, ullam eaque non corporis nulla Lorem ipsum dolor sit amet consectetur adipisicing elit. Sint explicabo provident ratione velit qui eum sunt. Velit voluptatem impedit ab provident illum, maiores voluptas! Autem consequatur perspiciatis sunt temporibus necessitatibus. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Incidunt hic doloribus quos, excepturi corrupti ea labore quam sapiente dolore sint praesentium? Exercitationem, cum nam. Alias saepe facilis accusamus aspernatur dicta?</p>
</div>
</div>
</div>
<div class="sec3" id="projects">
<div class="projects-link"> <span>Our Achievments</span>
<div class="project-box"> <a href="javascript:void(0);" onclick="bringp1()" class="bring-link">Project 1</a>
<a href="javascript:void(0);" onclick="bringp2()" class="bring-link">Project 2</a>
<a href="javascript:void(0);" onclick="bringp3()" class="bring-link">Project 3</a>
<a href="javascript:void(0);" onclick="bringp4()" class="bring-link">Project 4</a>
</div>
</div>
<div class="project-des">
<div class="color-div"></div>
<div class="project-name">Project 1</div>
<div class="project-bio">Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo perferendis, voluptate mollitia harum aut ipsam suscipit consequuntur ad vero! Odio, dignissimos autem laborum corporis quia explicabo unde tempore quaerat nobis!</div>
</div>
</div>
<div class="team-sec">
<span id="team">Team</span>
<div class="team1" >
<div class="member">
<div class="pic" onmouseover="liftup()" onmouseout="liftdown()"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<span>Technical Team</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="member">
<div class="pic"></div> <span>Moksh Garg</span>
<span>Head</span>
<span>Graphics Designing</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="member">
<div class="pic"></div> <span>Nayan Khanna</span>
<span>Head</span>
<span>Web Development</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="member">
<div class="pic"></div> <span>Rohit K Bhardwaj</span>
<span>Head</span>
<span>App Development</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
</div>
<div class="team2">
<div class="member">
<div class="pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="member">
<div class="pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="member">
<div class="pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="member">
<div class="pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="member">
<div class="pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
</div>
<div class="team3">
<div class="member">
<div class="pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="member">
<div class="pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="member">
<div class="pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="member">
<div class="pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="member">
<div class="pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="social-links"> <a href="#" style="color: white;text-decoration:none;font-size:1.5em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1.5em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
</div>
</div>
<div class="team-heading"><span>Our Team</span></div>
<div class="team-mobile" id="team-mob">
<div class="mob-mem">
<div class="mob-pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<span>Technical Team</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Moksh Garg</span>
<span>Head</span>
<span>Graphics Designing</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Nayan Khanna</span>
<span>Head</span>
<span>Web Development</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Rohit K Bhardwaj</span>
<span>Head</span>
<span>App Development</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
<div class="mob-mem">
<div class="mob-pic"></div> <span>Abhishek Gaur</span>
<span>Head</span>
<div class="mob-links"> <a href="#" style="color: white;text-decoration:none;font-size:1em;"><i class="fab fa-github"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: white;text-decoration:none;font-size:1em;margin-left: 2px;"><i class="fab fa-facebook-square"></i></a>
</div>
</div>
</div>
<div class="sec4">
<div class="random-pic"></div>
<div class="footer">
<div class="su-logo" ></div>
<div class="footer-text">
<span><a href="#" style="color: #192024;text-decoration:none;font-size:0.7em;margin-right:1vw;"><i class="fa fa-globe"></i></a>Pilani, Vidyavihar Campus, Pilani, Rajasthan, 333031</span><br>
<span> <a href="#" style="color: red;text-decoration:none;font-size:0.7em;margin-right:1vw;"><i class="fas fa-mail-bulk"></i></a>Email goes here.</span><br>
<div class="footer-social">
<a href="#" style="color: black;text-decoration:none;" class="font-text"><i class="fab fa-github"></i></a>
<a href="#" style="color: #4875B4;text-decoration:none;margin-left: 4px;" class="font-text"><i class="fab fa-linkedin"></i></a>
<a href="#" style="color: blue;text-decoration:none;margin-left: 4px;" class="font-text"><i class="fab fa-facebook-square"></i></a>
<a href="#" style="color: red;text-decoration:none;margin-left: 4px;" class="font-text"><i class="fab fa-youtube"></i></a>
</div><br>
<span class="copy-right">COPYRIGHT © | SU TECH TEAM 2019 | BITS PILANI, PILANI CAMPUS</span>
</div>
</div>
</div>
<script src="app.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/baffle.min.js"></script>
<script>
const text=baffle(".data");
text.set({
characters:"+-<•>~<}!{[=]*<",
speed:100
});
text.start();
text.reveal(3000);
text.stop();
</script>
</body>