|
16 | 16 | <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous"> |
17 | 17 | <!-- Core theme CSS (includes Bootstrap)--> |
18 | 18 | <link href="css/styles.css" rel="stylesheet" /> |
19 | | - <!--Locomotive scroll css--> |
20 | | - <style> |
21 | | - /*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */ |
22 | | -html.has-scroll-smooth { |
23 | | - overflow: hidden; } |
24 | | - |
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 | | -.has-scroll-smooth body { |
32 | | - overflow: hidden; } |
33 | | - |
34 | | -.has-scroll-smooth [data-scroll-container] { |
35 | | - min-height: 100vh; } |
36 | | - |
37 | | -[data-scroll-direction="horizontal"] [data-scroll-container] { |
38 | | - height: 100vh; |
39 | | - display: inline-block; |
40 | | - white-space: nowrap; } |
41 | | - |
42 | | -[data-scroll-direction="horizontal"] [data-scroll-section] { |
43 | | - display: inline-block; |
44 | | - vertical-align: top; |
45 | | - white-space: nowrap; |
46 | | - height: 100%; } |
47 | | - |
48 | | -.c-scrollbar { |
49 | | - position: absolute; |
50 | | - right: 0; |
51 | | - top: 0; |
52 | | - width: 11px; |
53 | | - height: 100%; |
54 | | - transform-origin: center right; |
55 | | - transition: transform 0.3s, opacity 0.3s; |
56 | | - opacity: 0; } |
57 | | - .c-scrollbar:hover { |
58 | | - transform: scaleX(1.45); } |
59 | | - .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar { |
60 | | - opacity: 1; } |
61 | | - [data-scroll-direction="horizontal"] .c-scrollbar { |
62 | | - width: 100%; |
63 | | - height: 10px; |
64 | | - top: auto; |
65 | | - bottom: 0; |
66 | | - transform: scaleY(1); } |
67 | | - [data-scroll-direction="horizontal"] .c-scrollbar:hover { |
68 | | - transform: scaleY(1.3); } |
69 | | - |
70 | | -.c-scrollbar_thumb { |
71 | | - position: absolute; |
72 | | - top: 0; |
73 | | - right: 0; |
74 | | - background-color: black; |
75 | | - opacity: 0.5; |
76 | | - width: 7px; |
77 | | - border-radius: 10px; |
78 | | - margin: 2px; |
79 | | - cursor: -webkit-grab; |
80 | | - cursor: grab; } |
81 | | - .has-scroll-dragging .c-scrollbar_thumb { |
82 | | - cursor: -webkit-grabbing; |
83 | | - cursor: grabbing; } |
84 | | - [data-scroll-direction="horizontal"] .c-scrollbar_thumb { |
85 | | - right: auto; |
86 | | - bottom: 0; } |
87 | | - |
88 | | - </style> |
89 | | - |
| 19 | + |
90 | 20 |
|
91 | 21 | </head> |
92 | 22 | <body id="page-top"> |
@@ -318,15 +248,5 @@ <h2 class="mb-5">Awards & Certifications</h2> |
318 | 248 | <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script> |
319 | 249 | <!-- Core theme JS--> |
320 | 250 | <script src="js/scripts.js"></script> |
321 | | - |
322 | | - <!--Locomotive js cdn--> |
323 | | - <script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.min.js"></script> |
324 | | - <script> |
325 | | - const scroll = new LocomotiveScroll({ |
326 | | - el: document.querySelector('[body]'), |
327 | | - smooth: true |
328 | | - }); |
329 | | - </script> |
330 | | - |
331 | 251 | </body> |
332 | 252 | </html> |
0 commit comments