2021-08-29 21:23:02 +01:00
|
|
|
<div class="container flex mx-auto h-24 mb-20 mt-2">
|
|
|
|
|
<div class="flex-none">
|
2021-08-30 20:22:23 +01:00
|
|
|
<a href="/"><img src="/img/logo.png" class="logo float-left w-64"></a>
|
2021-08-29 21:23:02 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="flex-1 flex justify-end">
|
2021-08-18 19:56:22 +01:00
|
|
|
|
2021-08-29 21:23:02 +01:00
|
|
|
<ul class="invisible md:visible">
|
|
|
|
|
<li class="inline-block"><a class="link hover:text-primary" href="/about">about</a></li>
|
|
|
|
|
<li class="inline-block"><a class="link hover:text-primary" href="/about">history</a></li>
|
|
|
|
|
<li class="inline-block mr-4"><a class="link hover:text-primary" href="/alumni">alumni</a></li>
|
|
|
|
|
<li class="inline-block"><button
|
|
|
|
|
class="btn-cta "><a
|
|
|
|
|
href="https://profiles.freeside.co.uk/join"> create account </a></li>
|
|
|
|
|
<li class="inline-block"><button
|
|
|
|
|
class="btn-cta bg-gray-400"><a
|
|
|
|
|
href="http://profiles.freeside.co.uk/login"> login </a></button></li>
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="md:hidden flex items-center">
|
|
|
|
|
<button class="outline-none mobile-menu-button">
|
|
|
|
|
<svg class="w-6 h-6 text-gray-500" x-show="!showMenu" fill="none" stroke-linecap="round"
|
|
|
|
|
stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" stroke="currentColor">
|
|
|
|
|
<path d="M4 6h16M4 12h16M4 18h16"></path>
|
|
|
|
|
</svg>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="md:hidden mobile-menu">
|
|
|
|
|
<ul>
|
|
|
|
|
<li class="active"><a href="index.html"
|
|
|
|
|
class="block text-sm px-2 py-4 text-white bg-primary font-semibold ">Home</a></li>
|
|
|
|
|
<li><a href="#services" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Services</a>
|
|
|
|
|
</li>
|
|
|
|
|
<li><a href="#about" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">About</a></li>
|
|
|
|
|
<li><a href="#contact" class="block text-sm px-2 py-4 hover:bg-primary transition duration-300">Contact Us</a>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
