nav menu items

Divinci-AI · Mar 20, 2024 · 2f38faa · 2f38faa
1 parent 6803019
commit 2f38faa
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -12,11 +12,22 @@
 <body>
 <div class="nav-header">
   <img class="galvani-header-logo" src="images/divinci_logo.png" alt="Galvani black and white happy robot with a heart logo"/>
-  <div class="nav-title">Galvani Medical AI</div>
+  <div class="nav-title">
+    <a href="#">
+      Galvani Medical AI
+    </a>
+  </div>
   <ul class="nav-menu mobile-hide">
-    <li>Home</li>
-    <li>About</li>
-    <li>Contact</li>
+    <li>
+      <a href="#about">
+        About
+      </a>
+    </li>
+    <li>
+      <a href="#contact">
+        Contact
+      </a>
+    </li>
   </ul>
 </div>
 <div class="content">
@@ -87,7 +98,7 @@
   <!-- The second section ends here -->
 
   <br/><br/><br/><br/><br/>
-  <hr/>
+  <hr id="about"/>
   <br/><br/><br/><br/><br/>
 
 <!-- Add this section at the end within the .content container -->
@@ -157,7 +168,7 @@ <h2>We're training a family of Medical Language Models</h2>
 </div>  
 
 <br/><br/><br/><br/><br/>
-<hr style="width: 65%; background-color: #9c9c9c;"/>
+<hr id="contact" style="width: 65%; background-color: #9c9c9c;"/>
 <br/><br/><br/><br/><br/>
 
 <div id="mc_embed_shell">

diff --git a/styles.css b/styles.css
@@ -213,10 +213,18 @@ body {
   .nav-title {
     font-size: 20px;
     margin-left: 111px;
+
+    a {
+      color: white;
+    }
   }
   .nav-menu {
     list-style: none;
     display: flex;
+
+    a {
+      color: white;
+    }
   }
   .nav-menu li {
     padding: 0 15px;