34 lines
No EOL
2.1 KiB
Text
34 lines
No EOL
2.1 KiB
Text
<nav>
|
|
<button class="hamburger-menu" aria-label="Menu" aria-expanded="false">
|
|
<span class="hamburger-menu__line"></span>
|
|
<span class="hamburger-menu__line"></span>
|
|
<span class="hamburger-menu__line"></span>
|
|
</button>
|
|
<ul class="nav-links">
|
|
<% if (title === 'Home') { %>
|
|
<li><a href="/" class="nav-link active"><i class="fas fa-home"></i> Home</a></li>
|
|
<% } else { %>
|
|
<li><a href="/" class="nav-link"><i class="fas fa-home"></i> Home</a></li>
|
|
<% } %>
|
|
<% if (title === 'Services') { %>
|
|
<li><a href="services" class="nav-link active"><i class="fas fa-user-tie-hair"></i> Services</a></li>
|
|
<% } else { %>
|
|
<li><a href="services" class="nav-link"><i class="fas fa-user-tie-hair"></i> Services</a></li>
|
|
<% } %>
|
|
<% if (title === 'Products') { %>
|
|
<li><a href="products" class="nav-link active"><i class="fas fa-laptop-binary"></i> Products</a></li>
|
|
<% } else { %>
|
|
<li><a href="products" class="nav-link"><i class="fas fa-laptop-binary"></i> Products</a></li>
|
|
<% } %>
|
|
<% if (title === 'About') { %>
|
|
<li><a href="about" class="nav-link active"><i class="fas fa-info-circle"></i > About Us</a></li>
|
|
<% } else { %>
|
|
<li><a href="about" class="nav-link"><i class="fas fa-info-circle"></i> About Us</a></li>
|
|
<% } %>
|
|
<% if (title === 'Contact') { %>
|
|
<li><a href="contact" class="nav-link active"><i class="fas fa-address-book"></i> Contact Us</a></li>
|
|
<% } else { %>
|
|
<li><a href="contact" class="nav-link"><i class="fas fa-address-book"></i> Contact Us</a></li>
|
|
<% } %>
|
|
</ul>
|
|
</nav> |