Nav updated.

TaylorBelk1 · Mar 12, 2018 · 9f1da0c · 9f1da0c
1 parent ad2d00d
commit 9f1da0c
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 44 deletions.
diff --git a/index.html b/index.html
@@ -18,37 +18,23 @@
 
     <div class="container">
 
-        <header class="main-header">
+        <header>
             <nav>
-                <ul>
-                    <li>
-                        <a href="#">Services</a>
-                    </li>
-                    <li>
-                        <a href="#">Product</a>
-                    </li>
-                    <li>
-                        <a href="#">Vision</a>
-                    </li>
-                    <li>
-                        <a href="#">Features</a>
-                    </li>
-                    <li>
-                        <a href="#">About</a>
-                    </li>
-                    <li>
-                        <a href="#">Contact</a>
-                    </li>
-                </ul>
+                <a href="#">Services</a>        
+                <a href="#">Product</a>
+                <a href="#">Vision</a>    
+                <a href="#">Features</a>    
+                <a href="#">About</a>    
+                <a href="#">Contact</a>
             </nav>
 
             <img class="logo" src="img/logo.png" alt="Great Idea! Company logo.">
         </header>
 
         <section class="cta">
             <div class="cta-text">
-                <h1>Innovation<br> On<br> Demand</h1>
-                <button>Get Started</button>
+                <h1>Preprocessing<br> Is<br> Awesome</h1>
+                <button>Less is More</button>
             </div>
             <img src="img/header-img.png" alt="Image of a code snippet.">
         </section>

diff --git a/less/header.less b/less/header.less
@@ -3,31 +3,27 @@
 header {
     width: 100%;
     display: flex;
-
+  
     nav {
-        ul {
-            margin-top: 40px; 
-            width: 610px;
-            justify-content: space-between;
-            display: flex;
-
-            li {
-
-                a {
-                    text-decoration: none;
-                    color: #b0b0b0;
-
-                    &:hover {
-                        text-decoration: underline;
-                        color: black;
-                    }
-                }
-            }
+      margin-top: 40px; 
+      width: 610px;
+      justify-content: space-between;
+      display: flex;
+
+      a {
+        text-decoration: none;
+        color: #b0b0b0;
+
+        &:hover {
+            text-decoration: underline;
+            color: black;
+
         }
+      }
     }
-
+  
     .logo {
         align-self: flex-end;
         margin: 28px 0 0 91px;
     }
-}// header
+  }// header