forked from hiteshsandal/spec.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1163 lines (998 loc) · 63.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
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
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>SPEC | Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="SPEC Website" />
<meta name="keywords" content="SPEC Electrothon NIT Hamirpur Society for Promotion of Electronics Culture" />
<meta name="author" content="SPEC NITH" />
<link rel="icon" href="./Home-files/assets/spec-logo-white1.png" type="image/icon type">
<!-- Bootstrap -->
<link href="Home-files/Box/css/bootstrap.min.css" rel="stylesheet">
<link href="Home-files/Box/ionicons/css/ionicons.min.css" rel="stylesheet">
<link rel="stylesheet" href="./Home-files/css/Design.css">
<link rel="stylesheet" href="./Home-files/css/Design copy 2.css">
<link rel="stylesheet" href="./Home-files/css/Design copy 3.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=East+Sea+Dokdo&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Orbitron&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;700;900&display=swap"
rel="stylesheet">
<!-- main css -->
<link rel="icon" href="images/speclogowhite.png" type="image/icon type">
<link href="Home-files/Box/css/style.css" rel="stylesheet">
<link rel="stylesheet" href="./Home-files/css/Design copy.css">
<!-- modernizr -->
<script src="Home-files/Box/js/modernizr.js"></script>
<!-- Facebook and Twitter integration -->
<meta property="og:title" content="" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:site_name" content="" />
<meta property="og:description" content="" />
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet">
<!-- Animate.css -->
<link rel="stylesheet" href="./Home-files/css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="./Home-files/css/icomoon.css">
<!-- Simple Line Icons -->
<link rel="stylesheet" href="./Home-files/css/simple-line-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="./Home-files/css/bootstrap.css">
<!-- Style -->
<link rel="stylesheet" href="./Home-files/css/style.css">
<link rel="stylesheet" href="./Home-files/css/Design.css">
<!-- Modernizr JS -->
<script src="./Home-files/js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="./Home-files/css/h.css">
<!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> -->
<style>
@media only screen and (max-width: 600px) {
#logo {
width: 300px;
}
#fh5co-services {
margin-top: 150px;
}
.text-container{
height: fit-content;
}
#star-svg{
right: 5px;
left: auto;
}
}
/*---- Main Style ----*/
#cards_landscape_wrap-2 {
text-align: center;
background: #F7F7F7;
}
#cards_landscape_wrap-2 .container {
padding-top: 80px;
padding-bottom: 100px;
}
#cards_landscape_wrap-2 a {
text-decoration: none;
outline: none;
}
#cards_landscape_wrap-2 .card-flyer {
border-radius: 5px;
}
#cards_landscape_wrap-2 .card-flyer .image-box {
background: transparent;
overflow: hidden;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.50);
border-radius: 5px;
}
#cards_landscape_wrap-2 .card-flyer .image-box img {
-webkit-transition: all .9s ease;
-moz-transition: all .9s ease;
-o-transition: all .9s ease;
-ms-transition: all .9s ease;
width: 100%;
height: 200px;
}
#cards_landscape_wrap-2 .card-flyer:hover .image-box img {
opacity: 0.7;
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
}
#cards_landscape_wrap-2 .card-flyer .text-box {
text-align: center;
}
#cards_landscape_wrap-2 .card-flyer .text-box .text-container {
padding: 30px 18px;
}
#cards_landscape_wrap-2 .card-flyer {
background: #FFFFFF;
margin-top: 50px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.40);
}
#cards_landscape_wrap-2 .card-flyer:hover {
background: #fff;
box-shadow: 0px 15px 26px rgba(0, 0, 0, 0.50);
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
margin-top: 50px;
}
#cards_landscape_wrap-2 .card-flyer .text-box p {
margin-top: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
font-size: 14px;
letter-spacing: 1px;
color: #000000;
}
#cards_landscape_wrap-2 .card-flyer .text-box h6 {
margin-top: 0px;
margin-bottom: 4px;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Roboto Black', sans-serif;
letter-spacing: 1px;
color: #000000;
}
.text-container {
/* background: linear-gradient(180deg, #444, #888); */
background-color: #000;
color: #fff;
/* border: 1px solid #fff;
height: 55rem; */
}
body {
width: 100% !important;
max-width: 100% !important;
}
.navbar-fixed.scrolled {
background-color: rgba(0, 0, 0, 0.904) !important;
transition: background-color 200ms linear;
}
.dropdown-container,
.sb-container,
.sn-container,
.pp-container {
display: none;
padding-left: 8px;
justify-content: space-between;
}
.dropdown-btn,
.dropdown-btn-sb,
.dropdown-btn-sn,
.dropdown-btn-pp {
outline: none;
background: transparent;
border: none;
font-weight: bold;
}
.dropdown-btn-sb,
.dropdown-btn-sn,
.dropdown-btn-pp {
position: relative;
display: block;
left: 50%;
transform: translateX(-50%);
}
.dropdown-btn:active {
border: none;
}
#fh5co-footer{
margin-top: -150px;
}
@media only screen and (max-width: 450px) {
#fh5co-services {
top: 100px;
}
#fh5co-header{
display: none;
}
#fh5co-footer{
margin-top: 0rem;
}
}
.navbar-fixed.scrolled {
background-color: rgba(0, 0, 0, 0.904) !important;
transition: background-color 200ms linear;
}
#star-svg {
position: fixed;
top: 75px;
left: 93%;
/* width: 1600px; */
height: 818px;
margin: -75px 0 0 -78px;
z-index: 10;
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
">
</head>
<body style="color: #fff; background-color: #000; font-family: 'Poppins', sans-serif;">
<header role="banner" id="fh5co-header">
<div class="fluid-container">
<nav class="navbar navbar-default navbar-fixed-top js-fullheight">
<div id="navbar" class="navbar-collapse js-fullheight">
<ul class="nav navbar-nav navbar-left">
<li class="active"><a href="#" data-nav-section="home"><span>Home</span></a></li>
<li><a href="#" data-nav-section="services"><span>Services</span></a></li>
<li><a href="#" data-nav-section="pricing"><span>Project</span></a></li>
<li><a href="#" data-nav-section="explore"><span>Pricing</span></a></li>
<li><a href="#" data-nav-section="team"><span>Team</span></a></li>
</ul>
</div>
</nav>
</div>
</header>
<section id="fh5co-home" data-section="home" data-stellar-background-ratio="0.5">
<div class="fullscreen-video-wrap">
<video autoplay muted loop id="myVideo"
style="object-fit: cover; width: 100%; height: 100vh; position: absolute; top: 0; z-index: -5; left: 0; opacity: 40%;">
<source src="./Home-files/assets/tunnel.mp4" type="video/mp4">
</video>
</div>
<!--<svg id="star-svg" width="5" height="1060" viewBox="0 0 5 1060" fill="none" xmlns="http://www.w3.org/2000/svg">
<line id="star-path" x1="0.999998" y1="-0.00194174" x2="3.05825" y2="1060" stroke="#FFD000" stroke-width="2"/>
</svg>-->
<script>// Get a reference to the <path>
var path = document.querySelector('#star-path');
// Get length of path... ~577px in this case
var pathLength = path.getTotalLength();
// Make very long dashes (the length of the path itself)
path.style.strokeDasharray = pathLength + ' ' + pathLength;
// Offset the dashes so the it appears hidden entirely
path.style.strokeDashoffset = pathLength;
// Jake Archibald says so
// https://jakearchibald.com/2013/animated-line-drawing-svg/
path.getBoundingClientRect();
// When the page scrolls...
window.addEventListener("scroll", function(e) {
// What % down is it?
// https://stackoverflow.com/questions/2387136/cross-browser-method-to-determine-vertical-scroll-percentage-in-javascript/2387222#2387222
// Had to try three or four differnet methods here. Kind of a cross-browser nightmare.
var scrollPercentage = (document.documentElement.scrollTop + document.body.scrollTop) / (document.documentElement.scrollHeight - document.documentElement.clientHeight);
// Length to offset the dashes
var drawLength = pathLength * scrollPercentage;
// Draw in reverse
path.style.strokeDashoffset = pathLength - drawLength;
// When complete, remove the dash array, otherwise shape isn't quite sharp
// Accounts for fuzzy math
if (scrollPercentage >= 0.99) {
path.style.strokeDasharray = "none";
} else {
path.style.strokeDasharray = pathLength + ' ' + pathLength;
}
});</script>
<!--<div style="background-color: rgba(0, 0, 0, 0.5);" class="gradient"></div>-->
<div class="container">
<div class="text-wrap">
<div class="text-inner">
<div class="row">
<!-- <div style="background-color: rgb(17, 15, 15);" class="row"> -->
<div class="row"></div>
<div class="col-md-8 col-md-offset-2 text-center">
</div>
<svg id="logo" width="589" height="355" viewBox="0 0 589 355" fill="none"
xmlns="http://www.w3.org/2000/svg" style="position: absolute; ">
<path
d="M24.33 67.595C20.42 67.595 16.9067 66.915 13.79 65.555C10.73 64.1383 8.32167 62.2117 6.565 59.775C4.80833 57.2817 3.90167 54.42 3.845 51.19H12.09C12.3733 53.9667 13.5067 56.3183 15.49 58.245C17.53 60.115 20.4767 61.05 24.33 61.05C28.0133 61.05 30.9033 60.1433 33 58.33C35.1533 56.46 36.23 54.08 36.23 51.19C36.23 48.9233 35.6067 47.0817 34.36 45.665C33.1133 44.2483 31.555 43.1717 29.685 42.435C27.815 41.6983 25.2933 40.905 22.12 40.055C18.21 39.035 15.065 38.015 12.685 36.995C10.3617 35.975 8.35 34.3883 6.65 32.235C5.00667 30.025 4.185 27.0783 4.185 23.395C4.185 20.165 5.00667 17.3033 6.65 14.81C8.29333 12.3167 10.5883 10.39 13.535 9.03C16.5383 7.67 19.9667 6.99 23.82 6.99C29.3733 6.99 33.9067 8.37833 37.42 11.155C40.99 13.9317 43.0017 17.615 43.455 22.205H34.955C34.6717 19.9383 33.4817 17.955 31.385 16.255C29.2883 14.4983 26.5117 13.62 23.055 13.62C19.825 13.62 17.19 14.47 15.15 16.17C13.11 17.8133 12.09 20.1367 12.09 23.14C12.09 25.2933 12.685 27.05 13.875 28.41C15.1217 29.77 16.6233 30.8183 18.38 31.555C20.1933 32.235 22.715 33.0283 25.945 33.935C29.855 35.0117 33 36.0883 35.38 37.165C37.76 38.185 39.8 39.8 41.5 42.01C43.2 44.1633 44.05 47.11 44.05 50.85C44.05 53.74 43.285 56.46 41.755 59.01C40.225 61.56 37.9583 63.6283 34.955 65.215C31.9517 66.8017 28.41 67.595 24.33 67.595Z"
stroke="white" stroke-width="4" />
<path
d="M79.9977 67.765C75.6344 67.765 71.6677 66.7733 68.0977 64.79C64.5844 62.8067 61.8077 60.0017 59.7677 56.375C57.7844 52.6917 56.7927 48.4417 56.7927 43.625C56.7927 38.865 57.8127 34.6717 59.8527 31.045C61.9494 27.3617 64.7827 24.5567 68.3527 22.63C71.9227 20.6467 75.9177 19.655 80.3377 19.655C84.7577 19.655 88.7527 20.6467 92.3227 22.63C95.8927 24.5567 98.6977 27.3333 100.738 30.96C102.834 34.5867 103.883 38.8083 103.883 43.625C103.883 48.4417 102.806 52.6917 100.653 56.375C98.556 60.0017 95.6944 62.8067 92.0677 64.79C88.441 66.7733 84.4177 67.765 79.9977 67.765ZM79.9977 60.965C82.7744 60.965 85.381 60.3133 87.8177 59.01C90.2544 57.7067 92.2094 55.7517 93.6827 53.145C95.2127 50.5383 95.9777 47.365 95.9777 43.625C95.9777 39.885 95.241 36.7117 93.7677 34.105C92.2944 31.4983 90.3677 29.5717 87.9877 28.325C85.6077 27.0217 83.0294 26.37 80.2527 26.37C77.4194 26.37 74.8127 27.0217 72.4327 28.325C70.1094 29.5717 68.2394 31.4983 66.8227 34.105C65.406 36.7117 64.6977 39.885 64.6977 43.625C64.6977 47.4217 65.3777 50.6233 66.7377 53.23C68.1544 55.8367 70.0244 57.7917 72.3477 59.095C74.671 60.3417 77.221 60.965 79.9977 60.965Z"
stroke="white" stroke-width="4" />
<path
d="M115.413 43.625C115.413 38.8083 116.376 34.615 118.303 31.045C120.229 27.4183 122.893 24.6133 126.293 22.63C129.749 20.6467 133.688 19.655 138.108 19.655C143.831 19.655 148.534 21.0433 152.218 23.82C155.958 26.5967 158.423 30.45 159.613 35.38H151.283C150.489 32.5467 148.931 30.3083 146.608 28.665C144.341 27.0217 141.508 26.2 138.108 26.2C133.688 26.2 130.118 27.73 127.398 30.79C124.678 33.7933 123.318 38.0717 123.318 43.625C123.318 49.235 124.678 53.57 127.398 56.63C130.118 59.69 133.688 61.22 138.108 61.22C141.508 61.22 144.341 60.4267 146.608 58.84C148.874 57.2533 150.433 54.9867 151.283 52.04H159.613C158.366 56.8 155.873 60.625 152.133 63.515C148.393 66.3483 143.718 67.765 138.108 67.765C133.688 67.765 129.749 66.7733 126.293 64.79C122.893 62.8067 120.229 60.0017 118.303 56.375C116.376 52.7483 115.413 48.4983 115.413 43.625Z"
stroke="white" stroke-width="4" />
<path
d="M178.179 12.855C176.705 12.855 175.459 12.345 174.439 11.325C173.419 10.305 172.909 9.05833 172.909 7.585C172.909 6.11167 173.419 4.865 174.439 3.845C175.459 2.825 176.705 2.315 178.179 2.315C179.595 2.315 180.785 2.825 181.749 3.845C182.769 4.865 183.279 6.11167 183.279 7.585C183.279 9.05833 182.769 10.305 181.749 11.325C180.785 12.345 179.595 12.855 178.179 12.855ZM181.919 20.42V67H174.184V20.42H181.919Z"
stroke="white" stroke-width="4" />
<path
d="M241.852 41.925C241.852 43.3983 241.767 44.9567 241.597 46.6H204.367C204.65 51.19 206.208 54.7883 209.042 57.395C211.932 59.945 215.417 61.22 219.497 61.22C222.84 61.22 225.617 60.455 227.827 58.925C230.093 57.3383 231.68 55.2417 232.587 52.635H240.917C239.67 57.1117 237.177 60.7667 233.437 63.6C229.697 66.3767 225.05 67.765 219.497 67.765C215.077 67.765 211.11 66.7733 207.597 64.79C204.14 62.8067 201.42 60.0017 199.437 56.375C197.453 52.6917 196.462 48.4417 196.462 43.625C196.462 38.8083 197.425 34.5867 199.352 30.96C201.278 27.3333 203.97 24.5567 207.427 22.63C210.94 20.6467 214.963 19.655 219.497 19.655C223.917 19.655 227.827 20.6183 231.227 22.545C234.627 24.4717 237.233 27.135 239.047 30.535C240.917 33.8783 241.852 37.675 241.852 41.925ZM233.862 40.31C233.862 37.3633 233.21 34.8417 231.907 32.745C230.603 30.5917 228.818 28.9767 226.552 27.9C224.342 26.7667 221.877 26.2 219.157 26.2C215.247 26.2 211.903 27.4467 209.127 29.94C206.407 32.4333 204.848 35.89 204.452 40.31H233.862Z"
stroke="white" stroke-width="4" />
<path
d="M265.747 26.795V54.25C265.747 56.5167 266.228 58.1317 267.192 59.095C268.155 60.0017 269.827 60.455 272.207 60.455H277.902V67H270.932C266.625 67 263.395 66.0083 261.242 64.025C259.088 62.0417 258.012 58.7833 258.012 54.25V26.795H251.977V20.42H258.012V8.69H265.747V20.42H277.902V26.795H265.747Z"
stroke="white" stroke-width="4" />
<path
d="M331.644 20.42L303.594 88.93H295.604L304.784 66.49L285.999 20.42H294.584L309.204 58.16L323.654 20.42H331.644Z"
stroke="white" stroke-width="4" />
<path
d="M389.535 26.795H379.76V67H372.025V26.795H365.99V20.42H372.025V17.105C372.025 11.8917 373.357 8.095 376.02 5.715C378.74 3.27833 383.075 2.06 389.025 2.06V8.52C385.625 8.52 383.217 9.2 381.8 10.56C380.44 11.8633 379.76 14.045 379.76 17.105V20.42H389.535V26.795Z"
stroke="white" stroke-width="4" />
<path
d="M423.119 67.765C418.755 67.765 414.789 66.7733 411.219 64.79C407.705 62.8067 404.929 60.0017 402.889 56.375C400.905 52.6917 399.914 48.4417 399.914 43.625C399.914 38.865 400.934 34.6717 402.974 31.045C405.07 27.3617 407.904 24.5567 411.474 22.63C415.044 20.6467 419.039 19.655 423.459 19.655C427.879 19.655 431.874 20.6467 435.444 22.63C439.014 24.5567 441.819 27.3333 443.859 30.96C445.955 34.5867 447.004 38.8083 447.004 43.625C447.004 48.4417 445.927 52.6917 443.774 56.375C441.677 60.0017 438.815 62.8067 435.189 64.79C431.562 66.7733 427.539 67.765 423.119 67.765ZM423.119 60.965C425.895 60.965 428.502 60.3133 430.939 59.01C433.375 57.7067 435.33 55.7517 436.804 53.145C438.334 50.5383 439.099 47.365 439.099 43.625C439.099 39.885 438.362 36.7117 436.889 34.105C435.415 31.4983 433.489 29.5717 431.109 28.325C428.729 27.0217 426.15 26.37 423.374 26.37C420.54 26.37 417.934 27.0217 415.554 28.325C413.23 29.5717 411.36 31.4983 409.944 34.105C408.527 36.7117 407.819 39.885 407.819 43.625C407.819 47.4217 408.499 50.6233 409.859 53.23C411.275 55.8367 413.145 57.7917 415.469 59.095C417.792 60.3417 420.342 60.965 423.119 60.965Z"
stroke="white" stroke-width="4" />
<path
d="M469.159 27.985C470.519 25.3217 472.446 23.2533 474.939 21.78C477.489 20.3067 480.577 19.57 484.204 19.57V27.56H482.164C473.494 27.56 469.159 32.2633 469.159 41.67V67H461.424V20.42H469.159V27.985Z"
stroke="white" stroke-width="4" />
<path
d="M45.155 120.095C45.155 125.025 43.455 129.133 40.055 132.42C36.7117 135.65 31.5833 137.265 24.67 137.265H13.28V162H5.545V102.755H24.67C31.3567 102.755 36.4283 104.37 39.885 107.6C43.3983 110.83 45.155 114.995 45.155 120.095ZM24.67 130.89C28.9767 130.89 32.15 129.955 34.19 128.085C36.23 126.215 37.25 123.552 37.25 120.095C37.25 112.785 33.0567 109.13 24.67 109.13H13.28V130.89H24.67Z"
stroke="white" stroke-width="4" />
<path
d="M66.7536 122.985C68.1136 120.322 70.0403 118.253 72.5336 116.78C75.0836 115.307 78.172 114.57 81.7986 114.57V122.56H79.7586C71.0886 122.56 66.7536 127.263 66.7536 136.67V162H59.0186V115.42H66.7536V122.985Z"
stroke="white" stroke-width="4" />
<path
d="M115.293 162.765C110.929 162.765 106.963 161.773 103.393 159.79C99.8793 157.807 97.1026 155.002 95.0626 151.375C93.0793 147.692 92.0876 143.442 92.0876 138.625C92.0876 133.865 93.1076 129.672 95.1476 126.045C97.2443 122.362 100.078 119.557 103.648 117.63C107.218 115.647 111.213 114.655 115.633 114.655C120.053 114.655 124.048 115.647 127.618 117.63C131.188 119.557 133.993 122.333 136.033 125.96C138.129 129.587 139.178 133.808 139.178 138.625C139.178 143.442 138.101 147.692 135.948 151.375C133.851 155.002 130.989 157.807 127.363 159.79C123.736 161.773 119.713 162.765 115.293 162.765ZM115.293 155.965C118.069 155.965 120.676 155.313 123.113 154.01C125.549 152.707 127.504 150.752 128.978 148.145C130.508 145.538 131.273 142.365 131.273 138.625C131.273 134.885 130.536 131.712 129.063 129.105C127.589 126.498 125.663 124.572 123.283 123.325C120.903 122.022 118.324 121.37 115.548 121.37C112.714 121.37 110.108 122.022 107.728 123.325C105.404 124.572 103.534 126.498 102.118 129.105C100.701 131.712 99.9926 134.885 99.9926 138.625C99.9926 142.422 100.673 145.623 102.033 148.23C103.449 150.837 105.319 152.792 107.643 154.095C109.966 155.342 112.516 155.965 115.293 155.965Z"
stroke="white" stroke-width="4" />
<path
d="M209.613 114.57C213.239 114.57 216.469 115.335 219.303 116.865C222.136 118.338 224.374 120.577 226.018 123.58C227.661 126.583 228.483 130.238 228.483 134.545V162H220.833V135.65C220.833 131.003 219.671 127.462 217.348 125.025C215.081 122.532 211.993 121.285 208.083 121.285C204.059 121.285 200.858 122.588 198.478 125.195C196.098 127.745 194.908 131.457 194.908 136.33V162H187.258V135.65C187.258 131.003 186.096 127.462 183.773 125.025C181.506 122.532 178.418 121.285 174.508 121.285C170.484 121.285 167.283 122.588 164.903 125.195C162.523 127.745 161.333 131.457 161.333 136.33V162H153.598V115.42H161.333V122.135C162.863 119.698 164.903 117.828 167.453 116.525C170.059 115.222 172.921 114.57 176.038 114.57C179.948 114.57 183.404 115.448 186.408 117.205C189.411 118.962 191.649 121.54 193.123 124.94C194.426 121.653 196.579 119.103 199.583 117.29C202.586 115.477 205.929 114.57 209.613 114.57Z"
stroke="white" stroke-width="4" />
<path
d="M265.736 162.765C261.373 162.765 257.406 161.773 253.836 159.79C250.323 157.807 247.546 155.002 245.506 151.375C243.523 147.692 242.531 143.442 242.531 138.625C242.531 133.865 243.551 129.672 245.591 126.045C247.688 122.362 250.521 119.557 254.091 117.63C257.661 115.647 261.656 114.655 266.076 114.655C270.496 114.655 274.491 115.647 278.061 117.63C281.631 119.557 284.436 122.333 286.476 125.96C288.573 129.587 289.621 133.808 289.621 138.625C289.621 143.442 288.544 147.692 286.391 151.375C284.294 155.002 281.433 157.807 277.806 159.79C274.179 161.773 270.156 162.765 265.736 162.765ZM265.736 155.965C268.513 155.965 271.119 155.313 273.556 154.01C275.993 152.707 277.948 150.752 279.421 148.145C280.951 145.538 281.716 142.365 281.716 138.625C281.716 134.885 280.979 131.712 279.506 129.105C278.033 126.498 276.106 124.572 273.726 123.325C271.346 122.022 268.768 121.37 265.991 121.37C263.158 121.37 260.551 122.022 258.171 123.325C255.848 124.572 253.978 126.498 252.561 129.105C251.144 131.712 250.436 134.885 250.436 138.625C250.436 142.422 251.116 145.623 252.476 148.23C253.893 150.837 255.763 152.792 258.086 154.095C260.409 155.342 262.959 155.965 265.736 155.965Z"
stroke="white" stroke-width="4" />
<path
d="M313.476 121.795V149.25C313.476 151.517 313.958 153.132 314.921 154.095C315.884 155.002 317.556 155.455 319.936 155.455H325.631V162H318.661C314.354 162 311.124 161.008 308.971 159.025C306.818 157.042 305.741 153.783 305.741 149.25V121.795H299.706V115.42H305.741V103.69H313.476V115.42H325.631V121.795H313.476Z"
stroke="white" stroke-width="4" />
<path
d="M343.248 107.855C341.775 107.855 340.528 107.345 339.508 106.325C338.488 105.305 337.978 104.058 337.978 102.585C337.978 101.112 338.488 99.865 339.508 98.845C340.528 97.825 341.775 97.315 343.248 97.315C344.665 97.315 345.855 97.825 346.818 98.845C347.838 99.865 348.348 101.112 348.348 102.585C348.348 104.058 347.838 105.305 346.818 106.325C345.855 107.345 344.665 107.855 343.248 107.855ZM346.988 115.42V162H339.253V115.42H346.988Z"
stroke="white" stroke-width="4" />
<path
d="M384.736 162.765C380.373 162.765 376.406 161.773 372.836 159.79C369.323 157.807 366.546 155.002 364.506 151.375C362.523 147.692 361.531 143.442 361.531 138.625C361.531 133.865 362.551 129.672 364.591 126.045C366.688 122.362 369.521 119.557 373.091 117.63C376.661 115.647 380.656 114.655 385.076 114.655C389.496 114.655 393.491 115.647 397.061 117.63C400.631 119.557 403.436 122.333 405.476 125.96C407.573 129.587 408.621 133.808 408.621 138.625C408.621 143.442 407.544 147.692 405.391 151.375C403.294 155.002 400.433 157.807 396.806 159.79C393.179 161.773 389.156 162.765 384.736 162.765ZM384.736 155.965C387.513 155.965 390.119 155.313 392.556 154.01C394.993 152.707 396.948 150.752 398.421 148.145C399.951 145.538 400.716 142.365 400.716 138.625C400.716 134.885 399.979 131.712 398.506 129.105C397.033 126.498 395.106 124.572 392.726 123.325C390.346 122.022 387.768 121.37 384.991 121.37C382.158 121.37 379.551 122.022 377.171 123.325C374.848 124.572 372.978 126.498 371.561 129.105C370.144 131.712 369.436 134.885 369.436 138.625C369.436 142.422 370.116 145.623 371.476 148.23C372.893 150.837 374.763 152.792 377.086 154.095C379.409 155.342 381.959 155.965 384.736 155.965Z"
stroke="white" stroke-width="4" />
<path
d="M445.736 114.57C451.403 114.57 455.993 116.298 459.506 119.755C463.019 123.155 464.776 128.085 464.776 134.545V162H457.126V135.65C457.126 131.003 455.964 127.462 453.641 125.025C451.318 122.532 448.144 121.285 444.121 121.285C440.041 121.285 436.783 122.56 434.346 125.11C431.966 127.66 430.776 131.372 430.776 136.245V162H423.041V115.42H430.776V122.05C432.306 119.67 434.374 117.828 436.981 116.525C439.644 115.222 442.563 114.57 445.736 114.57Z"
stroke="white" stroke-width="4" />
<path
d="M528.887 162.765C524.524 162.765 520.557 161.773 516.987 159.79C513.474 157.807 510.697 155.002 508.657 151.375C506.674 147.692 505.682 143.442 505.682 138.625C505.682 133.865 506.702 129.672 508.742 126.045C510.839 122.362 513.672 119.557 517.242 117.63C520.812 115.647 524.807 114.655 529.227 114.655C533.647 114.655 537.642 115.647 541.212 117.63C544.782 119.557 547.587 122.333 549.627 125.96C551.724 129.587 552.772 133.808 552.772 138.625C552.772 143.442 551.696 147.692 549.542 151.375C547.446 155.002 544.584 157.807 540.957 159.79C537.331 161.773 533.307 162.765 528.887 162.765ZM528.887 155.965C531.664 155.965 534.271 155.313 536.707 154.01C539.144 152.707 541.099 150.752 542.572 148.145C544.102 145.538 544.867 142.365 544.867 138.625C544.867 134.885 544.131 131.712 542.657 129.105C541.184 126.498 539.257 124.572 536.877 123.325C534.497 122.022 531.919 121.37 529.142 121.37C526.309 121.37 523.702 122.022 521.322 123.325C518.999 124.572 517.129 126.498 515.712 129.105C514.296 131.712 513.587 134.885 513.587 138.625C513.587 142.422 514.267 145.623 515.627 148.23C517.044 150.837 518.914 152.792 521.237 154.095C523.561 155.342 526.111 155.965 528.887 155.965Z"
stroke="white" stroke-width="4" />
<path
d="M586.147 121.795H576.372V162H568.637V121.795H562.602V115.42H568.637V112.105C568.637 106.892 569.969 103.095 572.632 100.715C575.352 98.2783 579.687 97.06 585.637 97.06V103.52C582.237 103.52 579.829 104.2 578.412 105.56C577.052 106.863 576.372 109.045 576.372 112.105V115.42H586.147V121.795Z"
stroke="white" stroke-width="4" />
<path
d="M13.28 204.045V223.85H34.87V230.225H13.28V250.625H37.42V257H5.545V197.67H37.42V204.045H13.28Z"
stroke="white" stroke-width="4" />
<path d="M61.1091 194.1V257H53.3741V194.1H61.1091Z" stroke="white" stroke-width="4" />
<path
d="M121.042 231.925C121.042 233.398 120.957 234.957 120.787 236.6H83.5571C83.8404 241.19 85.3987 244.788 88.2321 247.395C91.1221 249.945 94.6071 251.22 98.6871 251.22C102.03 251.22 104.807 250.455 107.017 248.925C109.284 247.338 110.87 245.242 111.777 242.635H120.107C118.86 247.112 116.367 250.767 112.627 253.6C108.887 256.377 104.24 257.765 98.6871 257.765C94.2671 257.765 90.3004 256.773 86.7871 254.79C83.3304 252.807 80.6104 250.002 78.6271 246.375C76.6437 242.692 75.6521 238.442 75.6521 233.625C75.6521 228.808 76.6154 224.587 78.5421 220.96C80.4687 217.333 83.1604 214.557 86.6171 212.63C90.1304 210.647 94.1537 209.655 98.6871 209.655C103.107 209.655 107.017 210.618 110.417 212.545C113.817 214.472 116.424 217.135 118.237 220.535C120.107 223.878 121.042 227.675 121.042 231.925ZM113.052 230.31C113.052 227.363 112.4 224.842 111.097 222.745C109.794 220.592 108.009 218.977 105.742 217.9C103.532 216.767 101.067 216.2 98.3471 216.2C94.4371 216.2 91.0937 217.447 88.3171 219.94C85.5971 222.433 84.0387 225.89 83.6421 230.31H113.052Z"
stroke="white" stroke-width="4" />
<path
d="M132.612 233.625C132.612 228.808 133.575 224.615 135.502 221.045C137.429 217.418 140.092 214.613 143.492 212.63C146.949 210.647 150.887 209.655 155.307 209.655C161.03 209.655 165.734 211.043 169.417 213.82C173.157 216.597 175.622 220.45 176.812 225.38H168.482C167.689 222.547 166.13 220.308 163.807 218.665C161.54 217.022 158.707 216.2 155.307 216.2C150.887 216.2 147.317 217.73 144.597 220.79C141.877 223.793 140.517 228.072 140.517 233.625C140.517 239.235 141.877 243.57 144.597 246.63C147.317 249.69 150.887 251.22 155.307 251.22C158.707 251.22 161.54 250.427 163.807 248.84C166.074 247.253 167.632 244.987 168.482 242.04H176.812C175.565 246.8 173.072 250.625 169.332 253.515C165.592 256.348 160.917 257.765 155.307 257.765C150.887 257.765 146.949 256.773 143.492 254.79C140.092 252.807 137.429 250.002 135.502 246.375C133.575 242.748 132.612 238.498 132.612 233.625Z"
stroke="white" stroke-width="4" />
<path
d="M200.818 216.795V244.25C200.818 246.517 201.3 248.132 202.263 249.095C203.226 250.002 204.898 250.455 207.278 250.455H212.973V257H206.003C201.696 257 198.466 256.008 196.313 254.025C194.16 252.042 193.083 248.783 193.083 244.25V216.795H187.048V210.42H193.083V198.69H200.818V210.42H212.973V216.795H200.818Z"
stroke="white" stroke-width="4" />
<path
d="M234.33 217.985C235.69 215.322 237.616 213.253 240.11 211.78C242.66 210.307 245.748 209.57 249.375 209.57V217.56H247.335C238.665 217.56 234.33 222.263 234.33 231.67V257H226.595V210.42H234.33V217.985Z"
stroke="white" stroke-width="4" />
<path
d="M282.869 257.765C278.505 257.765 274.539 256.773 270.969 254.79C267.455 252.807 264.679 250.002 262.639 246.375C260.655 242.692 259.664 238.442 259.664 233.625C259.664 228.865 260.684 224.672 262.724 221.045C264.82 217.362 267.654 214.557 271.224 212.63C274.794 210.647 278.789 209.655 283.209 209.655C287.629 209.655 291.624 210.647 295.194 212.63C298.764 214.557 301.569 217.333 303.609 220.96C305.705 224.587 306.754 228.808 306.754 233.625C306.754 238.442 305.677 242.692 303.524 246.375C301.427 250.002 298.565 252.807 294.939 254.79C291.312 256.773 287.289 257.765 282.869 257.765ZM282.869 250.965C285.645 250.965 288.252 250.313 290.689 249.01C293.125 247.707 295.08 245.752 296.554 243.145C298.084 240.538 298.849 237.365 298.849 233.625C298.849 229.885 298.112 226.712 296.639 224.105C295.165 221.498 293.239 219.572 290.859 218.325C288.479 217.022 285.9 216.37 283.124 216.37C280.29 216.37 277.684 217.022 275.304 218.325C272.98 219.572 271.11 221.498 269.694 224.105C268.277 226.712 267.569 229.885 267.569 233.625C267.569 237.422 268.249 240.623 269.609 243.23C271.025 245.837 272.895 247.792 275.219 249.095C277.542 250.342 280.092 250.965 282.869 250.965Z"
stroke="white" stroke-width="4" />
<path
d="M343.869 209.57C349.536 209.57 354.126 211.298 357.639 214.755C361.152 218.155 362.909 223.085 362.909 229.545V257H355.259V230.65C355.259 226.003 354.097 222.462 351.774 220.025C349.451 217.532 346.277 216.285 342.254 216.285C338.174 216.285 334.916 217.56 332.479 220.11C330.099 222.66 328.909 226.372 328.909 231.245V257H321.174V210.42H328.909V217.05C330.439 214.67 332.507 212.828 335.114 211.525C337.777 210.222 340.696 209.57 343.869 209.57Z"
stroke="white" stroke-width="4" />
<path
d="M383.789 202.855C382.316 202.855 381.069 202.345 380.049 201.325C379.029 200.305 378.519 199.058 378.519 197.585C378.519 196.112 379.029 194.865 380.049 193.845C381.069 192.825 382.316 192.315 383.789 192.315C385.206 192.315 386.396 192.825 387.359 193.845C388.379 194.865 388.889 196.112 388.889 197.585C388.889 199.058 388.379 200.305 387.359 201.325C386.396 202.345 385.206 202.855 383.789 202.855ZM387.529 210.42V257H379.794V210.42H387.529Z"
stroke="white" stroke-width="4" />
<path
d="M402.072 233.625C402.072 228.808 403.035 224.615 404.962 221.045C406.889 217.418 409.552 214.613 412.952 212.63C416.409 210.647 420.347 209.655 424.767 209.655C430.49 209.655 435.194 211.043 438.877 213.82C442.617 216.597 445.082 220.45 446.272 225.38H437.942C437.149 222.547 435.59 220.308 433.267 218.665C431 217.022 428.167 216.2 424.767 216.2C420.347 216.2 416.777 217.73 414.057 220.79C411.337 223.793 409.977 228.072 409.977 233.625C409.977 239.235 411.337 243.57 414.057 246.63C416.777 249.69 420.347 251.22 424.767 251.22C428.167 251.22 431 250.427 433.267 248.84C435.534 247.253 437.092 244.987 437.942 242.04H446.272C445.025 246.8 442.532 250.625 438.792 253.515C435.052 256.348 430.377 257.765 424.767 257.765C420.347 257.765 416.409 256.773 412.952 254.79C409.552 252.807 406.889 250.002 404.962 246.375C403.035 242.748 402.072 238.498 402.072 233.625Z"
stroke="white" stroke-width="4" />
<path
d="M477.333 257.765C473.763 257.765 470.561 257.17 467.728 255.98C464.895 254.733 462.656 253.033 461.013 250.88C459.37 248.67 458.463 246.148 458.293 243.315H466.283C466.51 245.638 467.586 247.537 469.513 249.01C471.496 250.483 474.075 251.22 477.248 251.22C480.195 251.22 482.518 250.568 484.218 249.265C485.918 247.962 486.768 246.318 486.768 244.335C486.768 242.295 485.861 240.793 484.048 239.83C482.235 238.81 479.43 237.818 475.633 236.855C472.176 235.948 469.343 235.042 467.133 234.135C464.98 233.172 463.11 231.783 461.523 229.97C459.993 228.1 459.228 225.663 459.228 222.66C459.228 220.28 459.936 218.098 461.353 216.115C462.77 214.132 464.781 212.573 467.388 211.44C469.995 210.25 472.97 209.655 476.313 209.655C481.47 209.655 485.635 210.958 488.808 213.565C491.981 216.172 493.681 219.742 493.908 224.275H486.173C486.003 221.838 485.011 219.883 483.198 218.41C481.441 216.937 479.061 216.2 476.058 216.2C473.281 216.2 471.071 216.795 469.428 217.985C467.785 219.175 466.963 220.733 466.963 222.66C466.963 224.19 467.445 225.465 468.408 226.485C469.428 227.448 470.675 228.242 472.148 228.865C473.678 229.432 475.775 230.083 478.438 230.82C481.781 231.727 484.501 232.633 486.598 233.54C488.695 234.39 490.48 235.693 491.953 237.45C493.483 239.207 494.276 241.502 494.333 244.335C494.333 246.885 493.625 249.18 492.208 251.22C490.791 253.26 488.78 254.875 486.173 256.065C483.623 257.198 480.676 257.765 477.333 257.765Z"
stroke="white" stroke-width="4" />
<path
d="M2.655 322.335C2.655 316.555 3.95833 311.37 6.565 306.78C9.17167 302.133 12.7133 298.507 17.19 295.9C21.7233 293.293 26.7383 291.99 32.235 291.99C38.695 291.99 44.3333 293.548 49.15 296.665C53.9667 299.782 57.48 304.202 59.69 309.925H50.425C48.7817 306.355 46.4017 303.607 43.285 301.68C40.225 299.753 36.5417 298.79 32.235 298.79C28.0983 298.79 24.3867 299.753 21.1 301.68C17.8133 303.607 15.235 306.355 13.365 309.925C11.495 313.438 10.56 317.575 10.56 322.335C10.56 327.038 11.495 331.175 13.365 334.745C15.235 338.258 17.8133 340.978 21.1 342.905C24.3867 344.832 28.0983 345.795 32.235 345.795C36.5417 345.795 40.225 344.86 43.285 342.99C46.4017 341.063 48.7817 338.315 50.425 334.745H59.69C57.48 340.412 53.9667 344.803 49.15 347.92C44.3333 350.98 38.695 352.51 32.235 352.51C26.7383 352.51 21.7233 351.235 17.19 348.685C12.7133 346.078 9.17167 342.48 6.565 337.89C3.95833 333.3 2.655 328.115 2.655 322.335Z"
stroke="white" stroke-width="4" />
<path
d="M116.764 305.42V352H109.029V345.115C107.556 347.495 105.488 349.365 102.824 350.725C100.218 352.028 97.3275 352.68 94.1542 352.68C90.5275 352.68 87.2692 351.943 84.3792 350.47C81.4892 348.94 79.1942 346.673 77.4942 343.67C75.8508 340.667 75.0292 337.012 75.0292 332.705V305.42H82.6792V331.685C82.6792 336.275 83.8408 339.817 86.1642 342.31C88.4875 344.747 91.6608 345.965 95.6842 345.965C99.8208 345.965 103.079 344.69 105.459 342.14C107.839 339.59 109.029 335.878 109.029 331.005V305.42H116.764Z"
stroke="white" stroke-width="4" />
<path d="M141.809 289.1V352H134.074V289.1H141.809Z" stroke="white" stroke-width="4" />
<path
d="M168.677 311.795V339.25C168.677 341.517 169.159 343.132 170.122 344.095C171.086 345.002 172.757 345.455 175.137 345.455H180.832V352H173.862C169.556 352 166.326 351.008 164.172 349.025C162.019 347.042 160.942 343.783 160.942 339.25V311.795H154.907V305.42H160.942V293.69H168.677V305.42H180.832V311.795H168.677Z"
stroke="white" stroke-width="4" />
<path
d="M235.764 305.42V352H228.029V345.115C226.556 347.495 224.488 349.365 221.824 350.725C219.218 352.028 216.328 352.68 213.154 352.68C209.528 352.68 206.269 351.943 203.379 350.47C200.489 348.94 198.194 346.673 196.494 343.67C194.851 340.667 194.029 337.012 194.029 332.705V305.42H201.679V331.685C201.679 336.275 202.841 339.817 205.164 342.31C207.488 344.747 210.661 345.965 214.684 345.965C218.821 345.965 222.079 344.69 224.459 342.14C226.839 339.59 228.029 335.878 228.029 331.005V305.42H235.764Z"
stroke="white" stroke-width="4" />
<path
d="M260.809 312.985C262.169 310.322 264.096 308.253 266.589 306.78C269.139 305.307 272.228 304.57 275.854 304.57V312.56H273.814C265.144 312.56 260.809 317.263 260.809 326.67V352H253.074V305.42H260.809V312.985Z"
stroke="white" stroke-width="4" />
<path
d="M331.533 326.925C331.533 328.398 331.448 329.957 331.278 331.6H294.048C294.332 336.19 295.89 339.788 298.723 342.395C301.613 344.945 305.098 346.22 309.178 346.22C312.522 346.22 315.298 345.455 317.508 343.925C319.775 342.338 321.362 340.242 322.268 337.635H330.598C329.352 342.112 326.858 345.767 323.118 348.6C319.378 351.377 314.732 352.765 309.178 352.765C304.758 352.765 300.792 351.773 297.278 349.79C293.822 347.807 291.102 345.002 289.118 341.375C287.135 337.692 286.143 333.442 286.143 328.625C286.143 323.808 287.107 319.587 289.033 315.96C290.96 312.333 293.652 309.557 297.108 307.63C300.622 305.647 304.645 304.655 309.178 304.655C313.598 304.655 317.508 305.618 320.908 307.545C324.308 309.472 326.915 312.135 328.728 315.535C330.598 318.878 331.533 322.675 331.533 326.925ZM323.543 325.31C323.543 322.363 322.892 319.842 321.588 317.745C320.285 315.592 318.5 313.977 316.233 312.9C314.023 311.767 311.558 311.2 308.838 311.2C304.928 311.2 301.585 312.447 298.808 314.94C296.088 317.433 294.53 320.89 294.133 325.31H323.543Z"
stroke="white" stroke-width="4" />
</svg>
<script src="./Home-files/js/Design.js"></script>
<div class="mouse" style="position: relative; top: 320px;">
<div class="scroll"></div>
</div>
</div>
<!-- <div class="col-md-8 col-md-offset-2 text-right">
<div class="table-cell">
<h1 class="box-headline letters rotate-2">
<span class="box-words-wrapper">
<b class="is-visible">search.</b>
<b> plan.</b>
<b>engage.</b>
<b>Create.</b>
</span>
</h1>
</div>
</div> -->
</div>
</div>
</div>
</section>
<section id="fh5co-services" data-section="services">
<div class="fh5co-services">
<!-- <div style="background-color: rgb(17, 15, 15);" class="container"> -->
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<!-- #0bf -->
<h2 style="font-size: 40px; font-weight: 700; margin-top: 20px;" class="to-animate">
Who <span style="color:#732673">WE</span>
are ?
<hr width="20%" style="color: #732673">
</h2>
<div class="row">
<div class="col-md-12 col-md-offset--1 subtext">
<h3 style=" font-size: 18px; text-align: justify; font-weight: 300; padding-left: 4%; padding-right: 4% ;"
class="to-animate">SPEC is being run under the aegis of the Electronics and Communication Department, NIT Hamirpur. We at SPEC, organize various events, workshops, and competitions to pique the scientific temperament of the students. The society is reputed for conducting a national level hackathon: ELECTROTHON, one of the most ingenious and diverse hackathon. ELECTROTHON has been a budding ground to many mind-boggling ideas and inventions, a platform for the upcoming innovators and bold entrepreneurs. The event is majorly manifested by guest-talks, project exhibitions and a 48 hour grinding hackathon.
It also conducts its yearly technical fest, SPEC FEST covering advancements and marvels of the tech world, along with a display of year-long projects. Comprising events, workshops and exhibitions that provide diverse opportunities for students to enlighten their inquisitive minds. Students work all year long in building projects, organising workshops and thriving to create a change.
SPEC believes in giving a platform to the young, dynamic, eager to learn engineers to convert their theoretical knowledge into useful innovative projects.
</h3>
</div>
</div>
</div>
</div>
<section id="fh5co-services" data-section="pricing">
<div class="col-md-20 section-heading text-center">
<div class="slideshow">
<img src="./Home-files/assets/team22.webp" />
<img src="./Home-files/assets/faculty.webp" />
<img src="./Home-files/assets/team1.webp" />
<img src="./Home-files/assets/final22.webp" />
<img src="./Home-files/assets/sf22.webp" />
<img src="./Home-files/assets/event22_1.webp" />
<img src="./Home-files/assets/event22.webp" />
</div>
</div>
</section>
<section id="fh5co-services" data-section="explore">
<div class="row" style="padding: auto; ">
<!-- #0bf -->
<h2 style="font-size: 40px; font-weight: 700; text-align: center; margin-top: 180px;"
class="to-animate">
<span style="color:#fff">What</span>
<span style="color:#732673"> WE</span>
<span style="color:#fff">do ?</span>
<hr width="20%" style="color: #732673">
</h2>
<br><br><br>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"
style="padding-left: 60px; padding-right: 60px; padding-bottom: 40px;">
<div class="row">
<img src="./Home-files/assets/AR-min.jpg"
style="height:260px ; width:100% ; border: 1px solid #560056; border-radius: 2%;">
</div>
<br>
<div class="row">
<h4 style="width: 100%; text-align: center; font-weight: 700;">Augmented Reality</h4>
<p style="width: 100%; text-align: justify; padding-bottom: 20px">Augmented reality
refers to any technology
that 'augments' the user's perception of their
environment.
</p>
</div>
<div class="center">
<div class="btn" onclick="location.href='./Gallery/project-domain1.html';"
style="cursor: pointer; border: 1px solid #560056; background-color: #180018; height: 50px; width: 55%; font-size: 1.5em; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.6); align-content: center; text-align: center; ">
Projects</div>
</div>
<!--<div class="row"><button class="btn" style="cursor: pointer; border: 1px solid #3498db; background-color: transparent; height: 50px; width: 200px; color: #3498db; font-size: 1.5em; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.6); " >Projects</div></div>-->
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"
style="padding-left: 60px; padding-right: 60px; padding-bottom: 40px;">
<div class="row">
<img src="./Home-files/assets/ML2-min.jpg"
style="height:260px ; width:100% ; border: 1px solid #560056; border-radius: 2%;">
</div>
<br>
<div class="row">
<h4 style="width: 100%; text-align: center; font-weight: 700;">Machine Learning</h4>
<p style="width: 100%; text-align: justify; padding-bottom: 20px">Machine learning is
the study of computer algorithms that improve automatically through experience.</p>
</div>
<div class="center">
<div class="btn" onclick="location.href='./Gallery/project-domain2.html';"
style="cursor: pointer; border: 1px solid #560056; background-color: #180018; height: 50px; width: 55%; font-size: 1.5em; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.6); padding-bottom: 40px;">
Projects</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"
style="padding-left: 60px; padding-right: 60px; padding-bottom: 40px;">
<div class="row">
<img src="./Home-files/assets/WD1-min.jpg"
style="height:260px ; width:100% ; border: 1px solid #560056; border-radius: 2%;">
</div>
<br>
<div class="row">
<h4 style="width: 100%; text-align: center; font-weight: 700;">Web Development</h4>
<p style="width: 100%; text-align: justify; padding-bottom: 20px">Web application
development is the process
and practice of developing web applications.</p>
</div>
<div class="center">
<div class="btn" onclick="location.href='./Gallery/project-domain3.html';"
style="cursor: pointer; border: 1px solid #560056; background-color: #180018; height: 50px; width: 55%; font-size: 1.5em; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.6); padding-bottom: 40px;">
Projects</div>
</div>
</div>
</div>
<br>
<div class="row" style="padding: auto;">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"
style="padding-left: 60px; padding-right: 60px; padding-bottom: 40px;">
<div class="row">
<img src="./Home-files/assets/ES1-min.jpg"
style="height:260px ; width:100% ; border: 1px solid #560056; border-radius: 2%;">
</div>
<br>
<div class="row">
<h4 style="width: 100%; text-align: center; font-weight: 700;">Embedded Systems</h4>
<p style="width: 100%; text-align: justify; padding-bottom: 20px">An embedded system is
a microprocessor-based
computer hardware system with software</p>
</div>
<div class="center">
<div class="btn" onclick="location.href='./Gallery/project-domain4.html';"
style="cursor: pointer; border: 1px solid #560056; background-color: #180018; height: 50px; width: 55%; font-size: 1.5em; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.6); padding-bottom: 40px;">
Projects</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"
style="padding-left: 60px; padding-right: 60px; padding-bottom: 40px;">
<div class="row">
<img src="./Home-files/assets/iot.jpg"
style="height:260px ; width:100% ; border: 1px solid #560056; border-radius: 2%;">
</div>
<br>
<div class="row">
<h4 style="width: 100%; text-align: center; font-weight: 700;">Internet of Things</h4>
<p style="width: 100%; text-align: justify; padding-bottom: 20px">The interconnection
via the internet of computing devices embedded in everyday objects</p>
</div>
<div class="center">
<div class="btn" onclick="location.href='./Gallery/project-domain5.html';"
style="cursor: pointer; border: 1px solid #560056; background-color: #180018; height: 50px; width: 55%; font-size: 1.5em; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.6); padding-bottom: 40px;">
Projects</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12"
style="padding-left: 60px; padding-right: 60px; padding-bottom: 40px;">
<div class="row">
<img src="./Home-files/assets/MD.png"
style="height:260px ; width:100% ; border: 1px solid #560056; border-radius: 2%;">
</div>
<br>
<div class="row">
<h4 style="width: 100%; text-align: center; font-weight: 700;">App Development</h4>
<p style="width: 100%; text-align: justify; padding-bottom: 20px;">App Development
refers to the creation of
computer applications for use on mobile devices</p>
</div>
<div class="center">
<div class="btn" onclick="location.href='./Gallery/project-domain6.html';"
style="cursor: pointer; border: 1px solid #560056; background-color: #180018; height: 50px; width: 55%; font-size: 1.5em; box-shadow: 0 6px 6px rgba(0, 0, 0, 0.6); padding-bottom: 40px;">
Projects</div>
</div>
</div>
</div>
</section>
</div>
<br>
<!-- <div class="row">
<div class="core-features">
<div class="grid2 to-animate" style="background-image: url(images/img2.jpg); height: 40rem;">
</div>
<div class="grid2 to-animate" style="background-image: url(images/p2.jpg); height: 40rem;">
</div>
</div>
</div> -->
<section id="fh5co-counter-section" class="fh5co-counters">
<div class="container align-content-center justify-content-center d-flex">
<div class="row to-animate align-content-center justify-content-center d-flex">
<div class="col-md-3 text-center align-content-center justify-content-center d-flex">
<span id="count" style="font-size: 30px;
display: block;
color: white;
width: 100%;
font-weight: 400;
margin-bottom: .3em;"></span>
<span style="color: white;" class="fh5co-counter-label">No. of Visits</span>
</div>
<div class="col-md-3 text-center">
<span class="fh5co-counter js-counter" data-from="0" data-to="63" data-speed="2000"
data-refresh-interval="50"></span>
<span style="color: white;" class="fh5co-counter-label">SPEC Members</span>
</div>
<div class="col-md-2 text-center">
<span class="fh5co-counter js-counter" data-from="0" data-to="24" data-speed="2000"
data-refresh-interval="50"></span>
<span style="color: white;" class="fh5co-counter-label">Finished Projects</span>
</div>
<div class="col-md-4 text-center">
<span class="fh5co-counter js-counter" data-from="0" data-to="5860" data-speed="2000"
data-refresh-interval="50"></span>
<span style="color: white;" class="fh5co-counter-label">No. of Participants</span>
</div>
</div>
</div>
<!-- </div>
</div>
</div> -->
</section>
<!-- Arnab wala Carousel -->
<!-- <h1 style="text-align: center;font-size: 5rem;">Message</h1> -->
<!-- Topic Cards -->
<section onscroll="line()" id="fh5co-team" data-section="team">
<div style="background-color: #000;" id="cards_landscape_wrap-2">
<div class="container">
<h2 style="font-size: 40px; font-weight: 700; text-align: center; " class="to-animate">
What's <span style="color: #732673;">OUR </span>
<span style="color: #fff;">Vision</span>
<hr width="20%" style="color: #732673">
</h2>
<div class="row">
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="card-flyer">
<div class="text-box">
<div class="image-box">
<img style="height:195px;object-fit:cover"
src="./Home-files/assets/hod.png" alt="" />
</div>
<div class="text-container">
<h6 style="color: #fff;">Dr. Gargi Khanna</h6>
<h6 style="color: #732673;">HOD, ECE</h6>
<p style="color: #fff;">Over the past years, NIT Hamirpur had witnessed
changes
in
the dynamic thoughts
and concrete ideas of the young aspiring engineers. Team Spec has
always
played
a great role in connecting young with the experienced. They not only
provide
knowledge to the students but also instill passion in them so that
they may
bring more advancements in their field.</p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="card-flyer">
<div class="text-box">
<div class="image-box">
<img src="./Home-files/assets/dsy.png" alt=""
style="background-size: cover;object-fit:cover; height:195px; width: 100%">
</div>
<div class="text-container">
<h6 style="color: #fff;">Dr. Dharmendra Singh Yadav</h6>
<h6 style="color: #732673;">DFI, SPEC</h6>
<p style="color: #fff;">In the process, the establishment of team SPEC
is indeed
a
challenging prospect
with high hopes and big aspirations. A progressive and positive
momentum is
imparted by the targeted Vision and Mission of SPEC. The motto that
we
uphold is
Service and Excellence. Our approach is interactive, innovative and
quintessentially holistic.</p>
</div>
</div>
</div>
</div>
<!-- </div> -->
<!--<div class="row"> -->
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="card-flyer">
<div class="text-box">
<div class="image-box">
<img src="./Home-files/assets/Shubham.png" alt=""
style="height:191px;object-fit:cover">
</div>
<div class="text-container">
<h6 style="color: #fff;">Mr. Shubham Gupta</h6>
<h6 style="color: #732673;">President, SPEC</h6>
<p style="color: #fff;">“Not all of us, do great things. But we can all do small things, with great effort, and together we can do something great.” SPEC as a team has always believed in giving equal opportunities to everyone, bringing their ideas and talent to light and encouraging them to step out of their cocoon. Our team’s motto “We rise, we shine” truly reflects in our lives </p>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<div class="card-flyer">
<div class="text-box">
<div class="image-box">
<img src="./Home-files/assets/Ritik.png" alt=""
style="height:191px;height:191px;object-fit:cover">
</div>
<div class="text-container">
<h6 style="color: #fff;">Mr. Ritik Dhiman</h6>
<h6 style="color: #732673;">Vice-President, SPEC</h6>
<p style="color: #fff;">The change in the vision and development of
technical
activities with high hopes
and aspirations is quite fast. In tune with these changes SPEC has
also been
transforming itself to adopt and provide the best possible learning
experience
to prepare young minds to solve the complex problems.
<!--SPEC is continuously
moving forth with high aspirations towards its progressive and targeted vision.-->
</p>
</div>
</div>
</div>
<!--</div>-->
</div>
</div>
<hr id="line-scroll" style="width: 100%; color: blanchedalmond;">
</div>
</div>
</section>
<div id="fh5co-footer" role="contentinfo">
<div class="container">
<div class="row">
<div class="col-md-4 to-animate"></div>
<div class="col-md-4 to-animate">
<h2 style="text-align: center; font-weight: 700; font-size: 40px;" class="section-title">To
<span style="color: #732673;">Contact</span> Us
<hr width="20%" style="color: #732673">
</h2>
<form id="simpleForm" class="contact-form">
<div class="form-group">
<label for="name" class="sr-only">Name</label>
<input type="name" class="form-control" id="name" placeholder="Name" required>
</div>
<div class="form-group">
<label for="email" class="sr-only">Email</label>
<input type="email" class="form-control" id="email" placeholder="Email" required>
</div>
<div class="form-group">
<label for="message" class="sr-only">Message</label>
<textarea class="form-control" id="message" rows="7"
placeholder="Message" required></textarea>
</div>
<div class="form-group">
<input
style="position: relative; left: 50%; transform: translateX(-50%); width: 100%;"
type="submit" id="btn-submit" class="btn btn-send-message btn-md"
value="Send Message">
</div>
</form>
</div>
<div class="col-md-4 to-animate"></div>
</div>
</div>
</div>
<div class="container-fluid">
<!-- box header -->
<header class="box-header navbar-fixed">
<div class="box-logo">
<a href="index.html"><img src="./Home-files/assets/logo2.png" height="80" alt="SPEC"></a>
</div>
<!-- box-nav -->
<a class="box-primary-nav-trigger" href="#0">
<span style="font-weight: 900; font-size: 20px; left: -20px; position: relative;"
class="box-menu-text">Menu</span><span class="box-menu-icon"></span>
</a>
<!-- box-primary-nav-trigger -->
</header>
<!-- end box header -->
<!-- nav -->
<nav>
<ul class="box-primary-nav">
<li class="box-label" style="color: #ffd000; font-weight: 500;">Search | Plan | Engage | Create
</li>
<li><a href="index.html">About</a> <i class="ion-ios-circle-filled color"></i></li>
<li><a href="./Workshop Page/Workshops.html">Events</a></li>
<li><a href="./BLOGS/Blogs.html">Blogs</a></li>
<li><a href="./specfest2k22.html">SpecFest 2K22</a></li>
<li><a href="https://electrothon.specnith.com/">Electrothon 4.0</a></li>
<li><a href="./Gallery/gallery.html">Gallery</a></li>
<li><a href="./Team Page/team-2k20.html">Team SPEC</a></li>
<li><a href="./Alumini Page/Our-Alumini.html">Our Alumni</a></li>
<li><button class="dropdown-btn"
style="color: white; font-size: 18px; font-weight: 700;">Study Material
<i class="fa fa-caret-down"></i>
</button>
<div class="sb-container">
<a style="font-weight: normal;" target="_blank"
href="https://drive.google.com/drive/folders/1ShlVR0tY339vkXlqk_6z3rJqltAGUySa">First
Year</a><br>
<a style="font-weight: normal;" target="_blank"
href="https://drive.google.com/drive/folders/1U8WE7-BNc2WZWliDdOSxZ87D2hsgn4YW">Second
Year</a><br>
<a style="font-weight: normal;" target="_blank"
href="https://drive.google.com/drive/folders/1fCjgy4nqpnCvrHgxyTae56GkRGk5EUVe">Third
Year</a><br>
<a style="font-weight: normal;" target="_blank"
href="https://drive.google.com/drive/folders/1_R5x_sAkFsrC4RRgPOygdzydzDhtHBOQ">Final
Year</a><br>
</div>
</li>
</ul>
</nav>
</div>
<footer id="foot">
<div class="container text-center d-flex flex-column">
<div class="container w-50 pl-5 pr-5" style="overflow: hidden;">
<img style="width: 30vh; position: relative; left: -10px;" class="speclogo"
src="./Home-files/assets/logo2.png" id="fimg">
</div>
<a class="link mb-2" href="mailto:[email protected]"><i class="fa fa-envelope">
[email protected]</i></a>
<div class="social mb-2">
<a target="_blank" href="https://www.facebook.com/spec.ece"><i class="fa fa-facebook"></i> </a>
<a target="_blank" href="https://www.linkedin.com/company/spec-nith/about/"><i class="fa fa-linkedin"></i> </a>
<a target="_blank" href="https://twitter.com/SPEC__NITH"><i class="fa fa-twitter"></i> </a>
<a target="_blank" href="https://www.instagram.com/s.p.e.c_nith/?hl=en"><i class="fa fa-instagram"></i> </a>
</div>
<span style="font-weight: 200;" class="my-3">© 2021, SPEC NITH</span>
</div>
</footer>
<script src="https://www.gstatic.com/firebasejs/8.2.3/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.21.0/firebase-database.js"></script>
<script src="./Home-files/js/app.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->