primera implementacion correcta de Bulma

[josuexyz/.git] / partials / header.ejs

diff --git a/partials/header.ejs b/partials/header.ejs
index a07a674c853b1adc418e5228ba3a09a0e860d95d..d3f252c33ed603f3c40dcab6c60b14c41796dbcd 100644 (file)
--- 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> -->