78 lines
4.3 KiB
HTML
78 lines
4.3 KiB
HTML
{%load static%}
|
|
<footer id="footer" class="saburly-main-bg">
|
|
<div class="text-center py-4 lg:px-4 connect">
|
|
<a class="no-underline text-white" href="/contact">
|
|
<div class="p-2 items-center text-white leading-none flex lg:inline-flex" role="alert">
|
|
<span class="flex btn saburly-transition uppercase px-3 py-2 text-xs mr-3">
|
|
Let's Connect
|
|
</span>
|
|
<span class="mr-2 hover:opacity-80 saburly-transition text-left flex-auto">
|
|
Tell us about your project and get a free proposal
|
|
</span>
|
|
<svg class="fill-current opacity-75 h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
|
<path d="M12.95 10.707l.707-.707L8 4.343 6.586 5.757 10.828 10l-4.242 4.243L8 15.657l4.95-4.95z" />
|
|
</svg>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="saburly-footer">
|
|
<div class="container mx-auto my-4 lg:flex">
|
|
<div class="lg:w-1/4 p-4">
|
|
<img src="{% static './images/saburly-logo-w.svg' %}" alt="Saburly Logo" class="w-full opacity-80" />
|
|
<div class="flex justify-between social-icons py-2 gap-2">
|
|
<div>
|
|
<a href="https://facebook.com/saburly" rel="noreferrer" target="_blank">
|
|
<img src="{% static './images/facebook.svg' %}" alt="Facebook Social Media" class="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full" />
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="https://instagram.com/saburly" rel="noreferrer" target="_blank">
|
|
<img src="{% static './images/instagram.svg' %}" alt="Instagram Social Media" class="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full" />
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="https://twitter.com/saburly" rel="noreferrer" target="_blank">
|
|
<img src="{% static './images/twitter.svg' %}" alt="Twitter Social Media" class="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full" />
|
|
</a>
|
|
</div>
|
|
<div>
|
|
<a href="https://www.linkedin.com/company/saburly/" rel="noreferrer" target="_blank">
|
|
<img src="{% static './images/linkedin.svg' %}" alt="LinkedIn Social Media" class="max-w-2.5 saburly-transition opacity-80 hover:opacity-100 w-full" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="lg:w-3/4">
|
|
<div class="p-4 text-center lg:text-left sm:flex justify-around">
|
|
<nav>
|
|
<p class="font-thin text-white opacity-80">Sitemap</p>
|
|
<ul class="list-reset text-sm inline-block">
|
|
<a class="block my-2 text-white hover:opacity-70" href="/">
|
|
<li class="menu-class">HOME</li>
|
|
</a>
|
|
<a class="block my-2 text-white hover:opacity-70" href="/services">
|
|
<li class="menu-class">SERVICES</li>
|
|
</a>
|
|
<a class="block my-2 text-white hover:opacity-70" href="/about">
|
|
<li class="menu-class">ABOUT US</li>
|
|
</a>
|
|
<a class="block my-2 text-white hover:opacity-70" href="/contact">
|
|
<li class="menu-class">CONTACT</li>
|
|
</a>
|
|
</ul>
|
|
</nav>
|
|
<div>
|
|
<p class="text-white my-2 leading-normal">
|
|
<strong class="text-lg">Saburly D.O.O </strong> <br />
|
|
Hakije Turajlica 2 <br />
|
|
71 000 Sarajevo BIH <br />
|
|
info@saburly.com
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer> |