From 359eb1d846ff66f263ad4d2129a637bd19ee7528 Mon Sep 17 00:00:00 2001
From: Kazhnuz <antoine@sortilege.net>
Date: Mon, 15 Oct 2018 11:25:02 +0200
Subject: [PATCH] layout: add category navbar

---
 index.html | 37 +++++++++++++++++++++++++++++++++----
 1 file changed, 33 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 5989840..5a0fa37 100644
--- a/index.html
+++ b/index.html
@@ -25,7 +25,7 @@
 <div id="wrapper" class="card">
 
 <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
-  <div class="container">
+  <div class="container-fluid">
   <a class="navbar-brand" href="#" id="" ><img src="img/brand-icon.png" alt="Quarante-Douze"></a>
 
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
@@ -46,13 +46,42 @@
 </nav>
 
 
-	<header class="container">
+	<header class="container-fluid">
 		<div class="row">
 		<h1><img src="img/logo.png" alt="Quarante-Douze"></h1>
 		</div>
 	</header>
+	
+<nav class="navbar navbar-expand-lg navbar-dark bg-grey" id="navbar-category">
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+    <span class="navbar-toggler-icon"></span>
+  </button>
 
-<section class="container">
+  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+    <ul class="navbar-nav nav-justified w-100">
+      <li class="nav-item active">
+        <a class="nav-link" href="#">La vie du blog</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="#">Contenus Culturels</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="#">Fandoms</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="#">Tribunes</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="#">Libreries</a>
+      </li>
+      <li class="nav-item">
+        <a class="nav-link" href="#">Internet et Numérique</a>
+      </li>
+    </ul>
+  </div>
+</nav>
+
+<section class="container-fluid">
 	<div class="row">
 
 
@@ -285,7 +314,7 @@ In id suscipit elit.</code></pre>
 </section>
 
 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-  <div class="container">
+  <div class="container-fluid">
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#SecondNavbar" aria-controls="SecondNavbar" aria-expanded="false" aria-label="Toggle navigation">
     <span class="navbar-toggler-icon"></span>
   </button>