Changes

css/sub.css

@@ -0,0 +1,68 @@
+/* General dropdown link styling */
+.fh5co-sub-ddown {
+    text-decoration: none;
+    color: #2d4059;
+    font-size: 1.2rem;
+    padding: 1em .75em;
+    display: block;
+    position: relative;
+    font-weight: 700;
+    font-family: inherit;
+  }
+
+  /* General submenu styling */
+  .fh5co-sub-menu {
+    list-style: none;
+    padding: 10px 7px;
+    background: #fff;
+    border-radius: 5px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
+    display: none; /* Hidden by default */
+    position: absolute;
+    left: 0;
+    z-index: 1;
+  }
+
+  /* Show submenu on hover */
+  .fh5co-sub-ddown:hover + .fh5co-sub-menu, 
+  .has-sub-menu:hover > .fh5co-sub-menu {
+    display: block;
+  }
+
+  /* Styling for submenu items */
+  .fh5co-sub-menu li {
+    padding: 0.5rem 1rem;
+    color: #2d4059;
+    position: relative;
+  }
+
+  /* Nested submenu */
+  .fh5co-sub-menu ul {
+    list-style: none;
+    padding-left: 1rem;
+    margin-top: 0.5rem;
+    position: absolute;
+    left: 100%; /* Aligning nested dropdown to the right */
+    top: 0;
+    display: none;
+    background: #fff;
+    border-radius: 5px;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
+  }
+
+  /* Show nested submenu on hover */
+  .fh5co-sub-menu li:hover > .fh5co-sub-menu {
+    display: block;
+  }
+
+  /* Styling for BGDB, AI and Deep Learning, and Bioinformatics */
+  .fh5co-sub-menu ul li {
+    padding: 0.3rem 0;
+    color: #666;
+  }
+
+  /* Hover effect
+  /* Hover effect for nested items */
+.fh5co-sub-menu ul li:hover {
+    color: #2d4059; /* Hover color */
+  }

index.html

@@ -20,6 +20,8 @@
   <link rel="stylesheet" href="css/events.css">
   <link rel="stylesheet" href="css/style.css">
   <link rel="stylesheet" href="css/textbox.css">
+  <link rel="stylesheet" href="css/sub.css">
+
 
   <link rel="stylesheet" href="css/logo.css">
   <script src="js/modernizr-2.6.2.min.js"></script>
@@ -78,15 +80,31 @@ <h1 id="fh5co-logo">
                     <li><a href="./Financial Transparency.html">Financial Transparency</a></li>
                   </ul>
                 </li>
-                <li style="padding-top:3rem;">
-                  <a href="#" class="fh5co-sub-ddown">Projects</a>
-                  <ul class="fh5co-sub-menu">
-                    <li><a href="https://www.bharatgenomedatabase.org/">Bharat Genome Database</a></li>
-					<li><a href="Ai.html">AI and Deep Learning </a></li>
-
-
-                  </ul>
-                </li>
+				<li style="padding-top:3rem;">
+					<a href="#" class="fh5co-sub-ddown">Funding Priorities</a>
+					<ul class="fh5co-sub-menu">
+						<!-- RTE Platforms Section as a Nested Dropdown -->
+						<li class="has-sub-menu">
+							<a href="#" class="fh5co-sub-ddown">RTE Platforms</a>
+							<ul class="fh5co-sub-menu">
+								<li>1. BGDB</li>
+							</ul>
+						</li>
+
+						<!-- Emerging Sciences Section as a Nested Dropdown -->
+						<li class="has-sub-menu">
+							<a href="#" class="fh5co-sub-ddown">Emerging Sciences</a>
+							<ul class="fh5co-sub-menu">
+								<li>1. AI and Deep Learning</li>
+								<li>2. Bioinformatics</li>
+							</ul>
+						</li>
+					</ul>
+				</li>
+
+
+
+
                 <li style="padding-top:3rem;">
                   <a href="#" class="fh5co-sub-ddown">Get Involved</a>
                   <ul class="fh5co-sub-menu">