|
53 | 53 |
|
54 | 54 | <body> |
55 | 55 | <!--navbar starts--> |
56 | | - <nav class="navbar navbar-expand-lg sticky-top bg-white"> |
| 56 | + <nav class="navbar navbar-expand-lg sticky-top bg-white" id="Navbar"> |
57 | 57 | <div class="container-fluid"> |
58 | | - <a class="navbar-brand ml-0 logo" href="./index.html" |
59 | | - ><img |
60 | | - src="./images/logo.png" |
61 | | - style=" |
62 | | - height: 40px; |
63 | | - width: 80px; |
64 | | - filter: brightness(120%); |
65 | | - " |
66 | | - /></a> |
67 | | - <!--hamburger button for mobile view starts--> |
68 | | - <button |
69 | | - class="navbar-toggler hamburger" |
70 | | - type="button" |
71 | | - data-bs-toggle="collapse" |
72 | | - data-bs-target="#navbarSupportedContent" |
73 | | - aria-controls="navbarSupportedContent" |
74 | | - aria-expanded="false" |
75 | | - aria-label="Toggle navigation" |
76 | | - > |
77 | | - <span class="navbar-toggler-icon"></span> |
78 | | - </button> |
79 | | - <!--hamburger button for mobile view ends--> |
80 | | - <div |
81 | | - class="collapse navbar-collapse" |
82 | | - id="navbarSupportedContent" |
83 | | - > |
84 | | - <ul class="navbar-nav me-auto mb-2 mb-lg-0 nav-ul"> |
85 | | - <li class="nav-item"> |
86 | | - <a |
87 | | - class="nav-link" |
88 | | - aria-current="page" |
89 | | - href="index.html" |
90 | | - >Home</a |
91 | | - > |
92 | | - </li> |
93 | | - <li class="nav-item"> |
94 | | - <a class="nav-link" href="index.html">About</a> |
95 | | - </li> |
96 | | - <li class="nav-item"> |
97 | | - <a class="nav-link" href="index.html">Events</a> |
98 | | - </li> |
99 | | - <li class="nav-item"> |
100 | | - <a class="nav-link" href="index.html">Team</a> |
101 | | - </li> |
102 | | - <li class="nav-item"> |
103 | | - <a class="nav-link" href="index.html">Opportunities</a> |
104 | | - </li> |
105 | | - <li class="nav-item active"> |
106 | | - <a class="nav-link" style="color: #fd7014" href="#" |
107 | | - >Interships / Jobs</a |
108 | | - > |
109 | | - </li> |
110 | | - <li class="nav-item"> |
111 | | - <a class="nav-link" href="index.html">Feedbacks</a> |
112 | | - </li> |
113 | | - <li class="nav-item"> |
114 | | - <a class="nav-link" href="index.html">Contact Us</a> |
115 | | - </li> |
116 | | - </ul> |
117 | | - </div> |
| 58 | + <a class="navbar-brand ml-0 logo" href="#"><img src="./images/logo.png" |
| 59 | + style="height: 40px; width:80px; filter:brightness(120%)"></a> |
| 60 | + <!--hamburger button for mobile view starts--> |
| 61 | + <button class="navbar-toggler hamburger" type="button" data-bs-toggle="collapse" |
| 62 | + data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" |
| 63 | + aria-label="Toggle navigation"> |
| 64 | + <span class="navbar-toggler-icon"></span> |
| 65 | + </button> |
| 66 | + <!--hamburger button for mobile view ends--> |
| 67 | + <div class="collapse navbar-collapse " id="navbarSupportedContent"> |
| 68 | + <ul class="navbar-nav me-auto mb-2 mb-lg-0 nav-ul"> |
| 69 | + <li class="nav-item"> |
| 70 | + <a class="nav-link dark-anchor" aria-current="page" href="./index.html">Home</a> |
| 71 | + </li> |
| 72 | + <li class="nav-item"> |
| 73 | + <a class="nav-link dark-anchor" href="./index.html">About</a> |
| 74 | + </li> |
| 75 | + <li class="nav-item"> |
| 76 | + <a class="nav-link dark-anchor" href="./index.html">Events</a> |
| 77 | + </li> |
| 78 | + <li class="nav-item"> |
| 79 | + <a class="nav-link dark-anchor" href="./index.html">Team</a> |
| 80 | + </li> |
| 81 | + <li class="nav-item"> |
| 82 | + <a class="nav-link dark-anchor" href="./index.html">Opportunities</a> |
| 83 | + </li> |
| 84 | + <li class="nav-item"> |
| 85 | + <a class="nav-link dark-anchor" href="#" style="color:#fd7014;">Interships / Jobs</a> |
| 86 | + </li> |
| 87 | + <li class="nav-item"> |
| 88 | + <a class="nav-link dark-anchor" href="./index.html">Feedbacks</a> |
| 89 | + </li> |
| 90 | + <li class="nav-item"> |
| 91 | + <a class="nav-link dark-anchor" href="./index.html">Contact Us</a> |
| 92 | + </li> |
| 93 | + <div class="form-check form-switch d-flex align-items-center mx-2"> |
| 94 | + <input type="checkbox" class="checkbox" id="checkbox" onclick="darkModeToggler()"> |
| 95 | + <label for="checkbox" class="label" id="toggle-switch"> |
| 96 | + <i class="bi bi-sun fs-6" style="font-size: 0.6rem !important;"></i> |
| 97 | + <i class="bi bi-moon fs-6" style="font-size: 0.6rem !important;"></i> |
| 98 | + <div class='ball'> |
| 99 | + </label> |
| 100 | + </div> |
| 101 | + </ul> |
| 102 | + </div> |
118 | 103 | </div> |
119 | | - </nav> |
| 104 | + </nav> |
120 | 105 | <!--navbar ends--> |
121 | 106 |
|
122 | 107 | <div class="container internships-cards"> |
@@ -946,4 +931,5 @@ <h4 class="heading text-center">Contact</h4> |
946 | 931 | crossorigin="anonymous" |
947 | 932 | ></script> |
948 | 933 | </body> |
| 934 | + |
949 | 935 | </html> |
0 commit comments