56 lines
2.3 KiB
HTML
56 lines
2.3 KiB
HTML
<header id="header" class="header-visible">
|
|
<div class="saburly-menu">
|
|
<nav class="container mx-auto flex items-center justify-between lg:p-6 p-2">
|
|
<a href="/">
|
|
<div class="max-w-xs mr-8 saburly-logo">
|
|
{% load static %}
|
|
<img
|
|
src="{% static './images/saburly-logo-w.svg' %}"
|
|
class="saburly-logo saburly-transition"
|
|
alt="Saburly Logo"
|
|
/>
|
|
</div>
|
|
</a>
|
|
|
|
<div class="side-toggle saburly-transition">
|
|
<div class="menu_icon visible lg:invisible">
|
|
<span class="menu_bar-top"></span>
|
|
<span class="menu_bar-mid"></span>
|
|
<span class="menu_bar-bot"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hidden lg:visible w-full block flex-grow lg:flex lg:items-right lg:w-auto justify-end lg:flex-grow">
|
|
<ul class="list-reset text-sm">
|
|
<li class="no-underline mt-4 lg:inline-block text-white lg:mt-0 hover:opacity-80 uppercase mr-4">
|
|
<a href="/services">Services</a>
|
|
</li>
|
|
<li class="no-underline mt-4 lg:inline-block text-white lg:mt-0 hover:opacity-80 uppercase mr-4">
|
|
<a href="/about">About Us</a>
|
|
</li>
|
|
<li class="no-underline py-2 px-6 lg:inline-block text-white lg:mt-0 hover:opacity-80 uppercase mr-4 ml-4 rqbtn border">
|
|
<a href="/contact" class="text-white no-underline">
|
|
Request a quote
|
|
</a>
|
|
</li>
|
|
<li class="no-underline mt-4 lg:inline-block text-white lg:mt-0 uppercase mr-4 ml-4 text-xl">
|
|
<a href="tel:+38761821801">
|
|
<i class="fas fa-phone mr-2 fa-flip-horizontal"></i>
|
|
+387 61 821 801
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<div class="empty-menu">
|
|
<br />
|
|
<br />
|
|
<br />
|
|
</div>
|
|
<div class="empty-menu-small">
|
|
<br />
|
|
<br />
|
|
</div>
|