|
17 | 17 | <!-- Core theme CSS (includes Bootstrap)--> |
18 | 18 | <link href="css/styles.css" rel="stylesheet" /> |
19 | 19 |
|
20 | | - <style> |
21 | | - html.has-scroll-smooth { |
22 | | - overflow: hidden; |
23 | | -} |
24 | 20 |
|
25 | | -html.has-scroll-dragging { |
26 | | - -webkit-user-select: none; |
27 | | - -moz-user-select: none; |
28 | | - -ms-user-select: none; |
29 | | - user-select: none; |
30 | | -} |
31 | | - |
32 | | -.has-scroll-smooth body { |
33 | | - overflow: hidden; |
34 | | -} |
35 | | - |
36 | | -.has-scroll-smooth [data-scroll-container] { |
37 | | - min-height: 100vh; |
38 | | -} |
39 | | - |
40 | | -[data-scroll-direction="horizontal"] [data-scroll-container] { |
41 | | - height: 100vh; |
42 | | - display: inline-block; |
43 | | - white-space: nowrap; |
44 | | -} |
45 | | - |
46 | | -[data-scroll-direction="horizontal"] [data-scroll-section] { |
47 | | - display: inline-block; |
48 | | - vertical-align: top; |
49 | | - white-space: nowrap; |
50 | | - height: 100%; |
51 | | -} |
52 | | - |
53 | | -.c-scrollbar { |
54 | | - position: absolute; |
55 | | - right: 0; |
56 | | - top: 0; |
57 | | - width: 11px; |
58 | | - height: 100%; |
59 | | - transform-origin: center right; |
60 | | - transition: transform 0.3s, opacity 0.3s; |
61 | | - opacity: 0; |
62 | | -} |
63 | | - |
64 | | -.c-scrollbar:hover { |
65 | | - transform: scaleX(1.45); |
66 | | -} |
67 | | - |
68 | | -.c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar { |
69 | | - opacity: 1; |
70 | | -} |
71 | | - |
72 | | -[data-scroll-direction="horizontal"] .c-scrollbar { |
73 | | - width: 100%; |
74 | | - height: 10px; |
75 | | - top: auto; |
76 | | - bottom: 0; |
77 | | - transform: scaleY(1); |
78 | | -} |
79 | | - |
80 | | -[data-scroll-direction="horizontal"] .c-scrollbar:hover { |
81 | | - transform: scaleY(1.3); |
82 | | -} |
83 | | - |
84 | | -.c-scrollbar_thumb { |
85 | | - position: absolute; |
86 | | - top: 0; |
87 | | - right: 0; |
88 | | - background-color: black; |
89 | | - opacity: 0.5; |
90 | | - width: 7px; |
91 | | - border-radius: 10px; |
92 | | - margin: 2px; |
93 | | - cursor: -webkit-grab; |
94 | | - cursor: grab; |
95 | | -} |
96 | | - |
97 | | -.has-scroll-dragging .c-scrollbar_thumb { |
98 | | - cursor: -webkit-grabbing; |
99 | | - cursor: grabbing; |
100 | | -} |
101 | | - |
102 | | -[data-scroll-direction="horizontal"] .c-scrollbar_thumb { |
103 | | - right: auto; |
104 | | - bottom: 0; |
105 | | -} |
106 | | - </style> |
107 | 21 | </head> |
108 | 22 | <body id="page-top"> |
109 | 23 | <!-- Navigation--> |
@@ -334,16 +248,6 @@ <h2 class="mb-5">Awards & Certifications</h2> |
334 | 248 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> |
335 | 249 | <!-- Core theme JS--> |
336 | 250 | <script src="js/scripts.js"></script> |
337 | | - |
338 | | - <!--Locomotive JavaScript cdn--> |
339 | | - <script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.min.js"></script> |
340 | | - |
341 | | - <script> |
342 | | - const scroll = new LocomotiveScroll({ |
343 | | - el: document.querySelector('#main'), |
344 | | - smooth: true, |
345 | | - }) |
346 | | - </script> |
347 | 251 |
|
348 | 252 | </body> |
349 | 253 | </html> |
0 commit comments