Update index.html

index.html

@@ -4,7 +4,8 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>IITK Chess Club</title>
+    <title>Chess Club IITK</title>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/>
     <link rel="stylesheet" href="style.css">
 
@@ -14,18 +15,22 @@
     <div class="background-image">
         <header class="header">
 
-            <a href="#" class ="logo">chessiitk</a>
+            <a href="#" class ="logo">chessiitk.</a>
+            <!-- <div id="menu-toggle" class="menu-icon">&#xEF34;</div> -->
             <i class="ri-menu-3-line menu-icon" id="menu-toggle"></i>
-<!--             <div class="bx bx-menu" id="menu-icon"></div> -->
 
+
             <nav class="navbar">
+
                 <a href="#home">Home</a>
                 <a href="#about">About</a>
                 <a href="#initiatives">Initiatives</a>
                 <a href="#events">Events</a>
-                <a href="#gallery">Gallery</a>
+                <a href="#CMPL2023">CMPL2023</a>
                 <a href="#team">Team</a>
-<!--                 <a href="#contact">Contact</a> -->
+                <a href="#gallery">Gallery</a>
+
+                <!-- <a href="#contact">Contact</a> -->
             </nav>
             <script inline>
                 // Get references to the menu button and the navbar
@@ -40,7 +45,12 @@
                   // Add a transition effect
                   navbar.style.transition = "transform 0.3s ease";
                 });
-            </script>
+              </script>
+
+            <!-- <div class="main" id="menu-icon">
+                <i class="ri-menu-3-fill"></i>
+            </div> -->
+
         </header>
 
         <section class="home" id="home">
@@ -423,7 +433,7 @@ <h2 class="heading1">Events</h2>
         </div> -->
     </section>
 
-    <section class="events" id="events">
+    <section class="CMPL2023" id="CMPL2023">
         <h2 class="heading1">CMPL 2023</h2>
     <!-- Swiper -->
     <div class="swiper mySwiper">
@@ -510,7 +520,7 @@ <h2 class="heading1">CMPL 2023</h2>
     </script>
 
     </section>
-
+    
     <section class="gallery" id="gallery">
         <h2 class="heading1">Gallery</h2>
     <!-- Swiper -->