57 lines
2.8 KiB
HTML
57 lines
2.8 KiB
HTML
{%load static%}
|
|
|
|
<div class="side-menu hidden">
|
|
<ul class="m-0 p-0 mt-4 side-navigation list-reset">
|
|
<div class="side-close text-white text-3xl font-bold px-4 m-2 opacity-50 hover:opacity-100">X</div>
|
|
<a href="/" class="side-close menu-home no-underline">
|
|
<li class="hover:bg-white hover:text-black text-right no-underline text-2xl uppercase p-4 text-white">
|
|
Home
|
|
</li>
|
|
</a>
|
|
<a href="/services" class="side-close menu-services no-underline">
|
|
<li class="hover:bg-white hover:text-black text-right no-underline text-2xl uppercase p-4 text-white">
|
|
Services
|
|
</li>
|
|
</a>
|
|
<a href="/about" class="side-close menu-about no-underline">
|
|
<li class="hover:bg-white hover:text-black text-right no-underline text-2xl uppercase p-4 text-white">
|
|
About Us
|
|
</li>
|
|
</a>
|
|
<a href="/contact" class="side-close menu-contact no-underline">
|
|
<li class="hover:bg-white hover:text-black text-right no-underline text-2xl uppercase p-4 text-white">
|
|
Request a quote
|
|
</li>
|
|
</a>
|
|
<a href="tel:7206432025" class="side-close menu-contact no-underline">
|
|
<li class="hover:bg-white hover:text-black text-right no-underline text-2xl uppercase p-4 text-white">
|
|
<i class="fas fa-phone mr-2 fa-flip-horizontal"></i>
|
|
720-643-2025
|
|
</li>
|
|
</a>
|
|
</ul>
|
|
<div class="absolute bottom-0 social-icons p-8">
|
|
<ul class="flex justify-center">
|
|
<li class="mr-1">
|
|
<a href="https://facebook.com/saburly" rel="noreferrer" target="_blank">
|
|
<img src="{% static '/images/facebook.svg' %}" alt="Facebook Social Media" class="w-full p-2 transition opacity-80 hover:opacity-100" />
|
|
</a>
|
|
</li>
|
|
<li class="mr-1">
|
|
<a href="https://instagram.com/saburly" rel="noreferrer" target="_blank">
|
|
<img src="{% static '/images/instagram.svg' %}" alt="Instagram Social Media" class="w-full p-2 transition opacity-80 hover:opacity-100" />
|
|
</a>
|
|
</li>
|
|
<li class="mr-1">
|
|
<a href="https://twitter.com/saburly" rel="noreferrer" target="_blank">
|
|
<img src="{% static '/images/twitter.svg' %}" alt="Twitter Social Media" class="w-full p-2 transition opacity-80 hover:opacity-100" />
|
|
</a>
|
|
</li>
|
|
<li class="mr-1">
|
|
<a href="https://www.linkedin.com/company/saburly/" rel="noreferrer" target="_blank">
|
|
<img src="{% static '/images/linkedin.svg' %}" alt="LinkedIn Social Media" class="w-full p-2 transition opacity-80 hover:opacity-100" />
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div> |