Header in index section improvment #17

chingu-voyage7 · Dec 5, 2018 · fc5dd8c · fc5dd8c
1 parent d7bada5
commit fc5dd8c
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 19 deletions.
diff --git a/public/index.html b/public/index.html
@@ -21,25 +21,31 @@
 <body>
   <!-- Create name/logo (left) and menu (right) -->
   <header>
-    <div id="brand">
-      Toucans-9 Company
+    <div class="container">
+      <div class="row">
+        <div id="brand" class="col-sm-8">
+          Toucans-9 Company
+        </div>
+        <div id="nav" class="col-sm-4">
+          <nav>
+            <ul class="list-unstyled list-inline">
+              <li class="list-inline-item">
+                <a href="index.html">HOME</a>
+              </li>
+              <li class="list-inline-item">
+                <a href="about.html">ABOUT</a>
+              </li>
+              <li class="list-inline-item">
+                <a href="services.html">SERVICES</a>
+              </li>
+              <li class="list-inline-item">
+                <a href="contact.html">CONTACT</a>
+              </li>
+            </ul>
+          </nav>
+        </div>
+      </div>
     </div>
-    <nav>
-      <ul class="list-unstyled list-inline">
-        <li class="list-inline-item">
-          <a href="index.html">HOME</a>
-        </li>
-        <li class="list-inline-item">
-          <a href="about.html">ABOUT</a>
-        </li>
-        <li class="list-inline-item">
-          <a href="services.html">SERVICES</a>
-        </li>
-        <li class="list-inline-item">
-          <a href="contact.html">CONTACT</a>
-        </li>
-      </ul>
-    </nav>
   </header>
   <main>
     <!-- Section: Jumbotron/hero (background image + short description) -->

diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -8,7 +8,7 @@ a {
 } */
 
 header {
-  text-align: center;
+  /* text-align: center; */
   padding: 20px;
   color: #ffffff;
   background-color: #333;