generated from dwd/boilarplate-astro-tailwind
euh
parent
204bbf6c15
commit
f533cf723f
|
@ -5,7 +5,7 @@
|
|||
<p class="text-xl font-semibold hidden md:block tracking-wide text-white">Stay Connect Our Social Networks:</p>
|
||||
</div>
|
||||
<div class="flex flex-row place-items-center gap-x-4">
|
||||
<a href="#" target="_blank"><img class="hover:-translate-y-2 duration-500 hover:bg-[#1b74e4] rounded-full" src="/img/svg/facebook.svg" alt="" /></a>
|
||||
<a href="https://www.facebook.com/holywisdompublicschool" target="_blank"><img class="hover:-translate-y-2 duration-500 hover:bg-[#1b74e4] rounded-full" src="/img/svg/facebook.svg" alt="" /></a>
|
||||
<a href="#" target="_blank"><img class="hover:-translate-y-2 duration-500 hover:bg-[#1D9BF0] rounded-full" src="/img/svg/twitter.svg" alt="" /></a>
|
||||
<a href="#" target="_blank"><img class="hover:-translate-y-2 duration-500 hover:bg-[#0077b5] rounded-full" src="/img/svg/link.svg" alt="" /></a>
|
||||
<a href="#" target="_blank"><img class="hover:-translate-y-2 duration-500 hover:bg-gradient-to-b from-[#614cc6] via-[#e7495b] to-[#f76441] rounded-xl" src="/img/svg/instagram.svg" alt="" /></a>
|
||||
|
@ -20,10 +20,10 @@
|
|||
</div>
|
||||
<div class="flex flex-col gap-y-4 border p-2 rounded-xl">
|
||||
<p class="text-xl">Other's Link</p>
|
||||
<a href="#" class="text-[#3084b5] hover:text-blue-900">Home</a>
|
||||
<a href="#" class="text-[#3084b5] hover:text-blue-900">Blog</a>
|
||||
<a href="#" class="text-[#3084b5] hover:text-blue-900">About</a>
|
||||
<a href="#" class="text-[#3084b5] hover:text-blue-900">Contact</a>
|
||||
<a href="/" class="text-[#3084b5] hover:text-blue-900">Home</a>
|
||||
<a href="/curriculum" class="text-[#3084b5] hover:text-blue-900">Curriculum</a>
|
||||
<a href="/about" class="text-[#3084b5] hover:text-blue-900">About</a>
|
||||
<a href="/contact" class="text-[#3084b5] hover:text-blue-900">Contact</a>
|
||||
</div>
|
||||
<div class="flex flex-col gap-y-4 border p-2 rounded-xl">
|
||||
<p class="text-xl">Address</p>
|
||||
|
|
|
@ -17,7 +17,7 @@ import Slider from "../components/Slider.vue";
|
|||
<div class="flex flex-row place-content-between">
|
||||
<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
|
||||
<p class="text-base xl:text-lg font-bold">Or</p>
|
||||
<a href="#" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
|
||||
<a href="/about" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -20,7 +20,7 @@ import FAQ from '../components/FAQ.vue'
|
|||
<div class="flex flex-row place-content-between">
|
||||
<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
|
||||
<p class="text-base xl:text-lg font-bold">Or</p>
|
||||
<a href="#" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
|
||||
<a href="/curriculum" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue