Your commit Message

components/common/Navbar.js

@@ -225,7 +225,7 @@ const Navbar = () => {
                   </Link>
                 </li>
                 <li>
-                  <Link href='/'>
+                  <Link href='/courses/be'>
                     <a
                       onClick={() => setDropdown(false)}
                       className={styles.dropdownLink}

pages/courses/be/index.js

@@ -0,0 +1,97 @@
+import Header from "components/common/Header/Header";
+import styles from "@styles/Btech.module.css";
+import Footer from "components/common/Footer";
+
+export default function BTech() {
+  const image = "/images/btech/top_bg.jpg";
+  return (
+    <>
+      <Header image={image} text="BE" />
+      {/* <!-- content of B.Sc section  --> */}
+      <section id={styles.btcontent}>
+        <div className={styles.mission}>
+          <h2>BE</h2>
+          <p>
+          BE stands for Bachelor of Engineering. It's an undergraduate degree program typically spanning four years. BE courses offer students a comprehensive understanding of engineering disciplines such as Civil Engineering, 
+          Mechanical Engineering, Electrical Engineering, Computer Engineering, Chemical Engineering, and more. Through theoretical studies and practical applications, BE programs equip students with the skills and knowledge necessary
+           for careers in various engineering fields.
+           </p>
+        </div>
+
+        <h2>Choose Your Branch</h2>
+        <div id={styles.branches}>
+
+          <a
+            href="https://drive.google.com/file/d/1SRfFI6MPyaJJXDp4LK7AgqgNGSSLP3L3/view?usp=sharing"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div className={styles.brnch} id={styles.bio}>
+              <p>Biology</p>
+            </div>
+          </a>
+          <a
+            href="https://drive.google.com/file/d/1E8LgRucBaV1qHVovVjJc3c0JH7IRHmye/view?usp=sharing"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div className={styles.brnch} id={styles.csc}>
+              <p>Computer Science</p>
+            </div>
+          </a>
+          <a
+            href="https://drive.google.com/file/d/1MSu8-ViOvVEzfOoEY75a3mJkXoudRmxB/view?usp=sharing"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div className={styles.brnch} id={styles.chem}>
+              <p>Chemistry</p>
+
+            </div>
+          </a>
+          <a
+            href="https://drive.google.com/file/d/1gSnoQhkfyrFBJQMhXZjByJrN392XXhJq/view?usp=sharing"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div className={styles.brnch} id={styles.math}>
+              <p>Mathematics</p>
+
+            </div>
+          </a>
+          <a
+            href="https://drive.google.com/file/d/1odvzfXP4HAUBeY5z89N8z66UtNGxTpsb/view?usp=sharing"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div className={styles.brnch} id={styles.phy}>
+              <p>Physics</p>
+
+            </div>
+          </a>
+          <a
+            href="https://drive.google.com/file/d/18F5QwqkYzoLZm_BOQ74_0FRK-8J2C5AY/view?usp=sharing"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div className={styles.brnch} id={styles.nur}>
+              <p>Nursing</p>
+            </div>
+          </a>
+          <a
+            href="https://drive.google.com/file/d/1iuxcQrntJZw5q3zoQUiVSZ_bfAbyG0Y_/view?usp=sharing"
+            target="_blank"
+            rel="noreferrer"
+          >
+            <div className={styles.brnch} id={styles.agr}>
+              <p>Agriculture</p>
+
+            </div>
+          </a>
+
+        </div>
+      </section>
+      <Footer />
+    </>
+  );
+}

styles/Navbar.module.css

@@ -145,7 +145,7 @@ navigation menu opens in mobile phones */
     position: absolute;
     top: 100%;
     /* right: 10px; */
-    background-color: #fff;
+    background-color: rgb(62, 62, 252);
     border-radius: 14px;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     padding: 8px 0;
@@ -155,16 +155,22 @@ navigation menu opens in mobile phones */
 
   .dropdownMenu li {
     padding: 10px 16px;
+    border-radius: 5px;
   }
 
   .dropdownLink {
-    color: #333;
+    color: white;
     text-decoration: none;
+
   }
 
-  .dropdownLink:hover {
-    color: #0070f3;
-    text-shadow: 0 2px 4px #75b2f8;
+  .dropdownMenu li:hover {
+    color: white;
+    background-color:black;
+    transition: all 0.5s;
+
+
+    /* text-shadow: 0 2px 4px #75b2f8; */
   }
 
   .lnk {
@@ -316,4 +322,4 @@ navigation menu opens in mobile phones */
 
 .imageContainer {
   margin: 5px 1.5%;
-}
+}