X-Git-Url: https://git.josue.xyz/?p=josuexyz%2F.git;a=blobdiff_plain;f=partials%2Fheader.ejs;h=d3f252c33ed603f3c40dcab6c60b14c41796dbcd;hp=a07a674c853b1adc418e5228ba3a09a0e860d95d;hb=0e3ec38f0ae1e7191a3125b2f72005d434784567;hpb=4544e0e5e38319c3a727b7999a2b9accd623c076

diff --git a/partials/header.ejs b/partials/header.ejs
index a07a674..d3f252c 100644
--- a/partials/header.ejs
+++ b/partials/header.ejs
@@ -1,20 +1,65 @@
-<nav role="navigation" class="navbar">
-<div id="menuToggle">
-  <input type="checkbox" />
+<div class="block">
+  <nav class="nav">
+    <div class="nav-left">
+      <a href="" class="nav-item">
+        <h1 class="title is-4"><%= title %></h1>
+      </a>
+    </div>
 
-  <span></span>
-  <span></span>
-  <span></span>
+    <div class="nav-center">
+      <a href="https://www.linkedin.com/in/josue-rodriguez-170103199/" class="nav-item">
+        <span class="icon">
+          <i class="fa fa-linkedin"></i>
+        </span>
+      </a>
+      <a href="https://github.com/josuer08/" class="nav-item">
+        <span class="icon">
+          <i class="fa fa-github"></i>
+        </span>
+      </a>
+    </div>
 
-  <ul id="menu">
-    <a href="/"><li>Home</li></a>
+    <div class="nav-right nav-menu">
+      <a href="/" class="nav-item">Home</a>
+      <!-- <a href="#" class="nav-item">About Us</a> -->
+      <a href="#" class="nav-item">Contact</a>
+    </div>
+  </nav>
+</div>
+
+<!-- SIDE MENU -->
+<div class="block">
+  <aside class="menu">
+    <p class="menu-label">
+      Label 1
+    </p>
+    <ul class="menu-list">
+      <li><a href="">Link 1</a></li>
+      <li><a href="">Link 1</a></li>
+    </ul>
+    <p class="menu-label">
+      Label 2
+    </p>
+    <ul class="menu-list">
+      <li>
+        <a class="is-active" href="">Link 1</a>
+        <ul>
+          <li><a href="">Link 1</a></li>
+          <li><a href="">Link 1</a></li>
+          <li><a href="">Link 1</a></li>
+        </ul>
+      </li>
+
+      <li><a href="">Link 2</a></li>
+      <li><a href="">Link 3</a></li>
+    </ul>
+  </aside>
+</div>
+
+
+
+    <!-- <a href="/"><li>Home</li></a>
     <a style= "display: flex;" href="https://www.linkedin.com/in/josue-rodriguez-170103199/" target="_blank"><li>GitHub web</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a>
     <a style= "display: flex;" href="https://github.com/josuer08/" target="_blank"><li>GitHub</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a>
     <a style= "display: flex;" href="https://github.com/josuer08/VSoRC" target="_blank"><li>GitHub VSoRC repo</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a>
-    <a style= "display: flex;" href="https://github.com/josuer08/vsorcdistro" target="_blank"><li>GitHub VSoRCdistro repo</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a>
-  </ul>
-</div>
-<!-- <form class="form-inline">
-  <button class="btn" type="button" onclick="location.href = '/';">Home</button>
-</form> -->
-</nav>
+    <a style= "display: flex;" href="https://github.com/josuer08/vsorcdistro" target="_blank"><li>GitHub VSoRCdistro repo</li> <img id="ctl00_XXX" src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg" style="width:0.8em; height:0.8em; border-width:0px;" /></a> -->