Fixed some markup issues, changed hero unit to 60% viewport height

index.html

@@ -34,11 +34,9 @@
     <!-- Header information, above the fold -->
     <div class="above-the-fold">
       <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
-        <a class="navbar-brand" href="#"
-          ><span style="color: #696035">{</span>dev<span style="color: #696035"
-            >}</span
-          >Osan</a
-        >
+        <a class="navbar-brand" href="#">
+          <span style="color: #696035">{</span>dev<span style="color: #696035">}</span>Osan
+        </a>
         <button
           class="navbar-toggler"
           type="button"
@@ -51,6 +49,7 @@
           <span class="navbar-toggler-icon"></span>
         </button>
         <div class="collapse navbar-collapse" id="navbarNav">
+          <hr />
           <ul class="navbar-nav">
             <li class="nav-item">
               <a class="nav-link" href="#club-info">Club Info</a>
@@ -62,9 +61,7 @@
               <a class="nav-link" href="#projects">Projects</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link" href="#learning-resources"
-                >Learning Resources</a
-              >
+              <a class="nav-link" href="#learning-resources">Learning Resources</a>
             </li>
             <li class="nav-item">
               <a class="nav-link" href="#faq">FAQs</a>
@@ -182,7 +179,7 @@
 
     <!-- Footer and Contact Us -->
     <div class="container-fluid" id="contact">
-      <div class="row">
+      <div class="row" style="padding: 25px 10px 25px 10px;">
         <div class="col">
           <h3>Contact Us</h3>
           <p>

styles.css

@@ -1,5 +1,5 @@
 .above-the-fold {
-  min-height: 100vh;
+  min-height: 60vh;
   background-image: url("img/devOsan_noLogo.png");
   background-size: cover;
   background-repeat: no-repeat;
@@ -7,6 +7,11 @@
   padding-top: 3em;
 }
 
+.navbar-collapse hr {
+  background: #e3e3e3;
+  opacity: 0.3;
+}
+
 #announcement-card-link {
   text-decoration: none;
   color: black;
@@ -102,4 +107,4 @@ h4 {
 
 .answer {
   margin-left: 10px;
-}
+}