im still working on it, dropdown menu for signup

css/styles.css

@@ -255,3 +255,37 @@ p {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
 }
+
+.dropbtn
+{
+  background-color: #070707;
+  color: #fff;
+  border:none;
+}
+.dropdown
+{
+  position: relative;
+  display:inline-block;
+}
+.dropdown-content
+{
+  display: none;
+  position:absolute;
+  background-color: #233067;
+  min-width: 160px;
+  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+  z-index:1;
+}
+.dropdown-content a {
+  color: black;
+  padding: 12px 16px;
+  text-decoration: none;
+  display: block;
+}
+.dropdown-content a:hover {background-color: #ddd;}
+
+/* Show the dropdown menu on hover */
+.dropdown:hover .dropdown-content {display: block;}
+
+/* Change the background color of the dropdown button when the dropdown content is shown */
+.dropdown:hover .dropbtn {background-color: #3e8e41;}

index.html

@@ -33,11 +33,18 @@
 
       <nav>
         <ul>
-          <li><a href=".sec03">About</a></li>
+          <li><a href="about.html">About</a></li>
           <li><a href="#">Services</a></li>
           <li><a href="company.html">Companies</a></li>
           <li><a href="influencer.html">Influencers</a></li>
-          <li><a href=".sec01">Get Started</a></li>
+          <li><div class="dropdown">
+            <button class="dropbtn">Sign Up</button>
+              <div class="dropdown-content">
+                <a href="#">I'm a company or brand</a>
+                <a href="#">I'm an influencer</a>
+            </div>
+          </div>
+        </li>
           <div id="mySidenav" class="sidenav">
            <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
          </div>