-<div class="block">
- <nav class="nav">
- <div class="nav-left">
- <a href="" class="nav-item">
- <h1 class="title is-4"><%= title %></h1>
- </a>
- </div>
+<nav class="navbar" role="navigation" aria-label="main navigation">
+ <div class="navbar-brand">
+ <a class="navbar-item" href="https://bulma.io">
+ <img src="https://bulma.io/images/bulma-logo.png" width="112" height="28">
+ </a>
- <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>
+ <a role="button" class="navbar-burger burger is-active" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </a>
+ </div>
- <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>
+ <div id="navbarBasicExample" class="navbar-menu">
+ <div class="navbar-start">
+ <a class="navbar-item">
+ Home
+ </a>
-<!-- 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>
+ <a class="navbar-item">
+ Documentation
+ </a>
- <li><a href="">Link 2</a></li>
- <li><a href="">Link 3</a></li>
- </ul>
- </aside>
-</div>
+ <div class="navbar-item has-dropdown is-hoverable">
+ <a class="navbar-link">
+ More
+ </a>
+ <div class="navbar-dropdown">
+ <a class="navbar-item">
+ About
+ </a>
+ <a class="navbar-item">
+ Jobs
+ </a>
+ <a class="navbar-item">
+ Contact
+ </a>
+ <hr class="navbar-divider">
+ <a class="navbar-item">
+ Report an issue
+ </a>
+ </div>
+ </div>
+ </div>
+ <div class="navbar-end">
+ <div class="navbar-item">
+ <div class="buttons">
+ <a class="button" href="https://github.com/josuer08/" target="_blank">
+ <span class="icon">
+ <i class="fa fa-github"></i>
+ </span>
+ </a>
+ <a class="button" href="https://www.linkedin.com/in/josue-rodriguez-170103199/" target="_blank">
+ <span class="icon">
+ <i class="fa fa-linkedin"></i>
+ </span>
+ </a>
+ </div>
+ </div>
+ </div>
+ </div>
+</nav>
<!-- <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>