dwd-projects
/
teenybeanspreschoolcurriculum.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

arrow

master
Suvodip Ghosh 2023-02-28 22:02:45 +05:30
parent 7f5b73d82d
commit 2b806a8eae
3 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
public/img/svg/arrow.svg Normal file
View File

@ -0,0 +1,15 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
<svg fill="#7c4c23" width="64px" height="64px" viewBox="0 0 32.00 32.00" xmlns="http://www.w3.org/2000/svg" stroke="#7c4c23" stroke-width="0.00032" transform="rotate(0)">
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" stroke="#CCCCCC" stroke-width="0.384"/>
<g id="SVGRepo_iconCarrier">
<path d="M24 11.305l-7.997 11.39L8 11.305z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 610 B

2
src/components/HeroButton.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<div class="grid grid-cols-7 place-items-center pt-6 w-fit p-4"> <div class="grid grid-cols-7 place-items-center pt-6 w-full xl:w-fit p-4">
<div @click="showAbModal('abModal')" class="rounded-tl-full text-sm xl:text-lg rounded-br-full col-span-3 shadow-2xl text-blue-700 px-4 md:px-8 p-3 border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"> <button>Speak with Us</button></div> <div @click="showAbModal('abModal')" class="rounded-tl-full text-sm xl:text-lg rounded-br-full col-span-3 shadow-2xl text-blue-700 px-4 md:px-8 p-3 border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"> <button>Speak with Us</button></div>
<div class="grid text-base xl:text-base col-span-1 font-bold text-color-2">OR</div> <div class="grid text-base xl:text-base col-span-1 font-bold text-color-2">OR</div>
<div class="rounded-tl-full text-sm xl:text-base rounded-br-full col-span-3 text-white shadow-2xl px-4 md:px-8 p-3 bg-blue-700 te border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"><a href="/themes"><button>Check Out Event</button></a></div> <div class="rounded-tl-full text-sm xl:text-base rounded-br-full col-span-3 text-white shadow-2xl px-4 md:px-8 p-3 bg-blue-700 te border-2 border-blue-700 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"><a href="/themes"><button>Check Out Event</button></a></div>

4
src/components/Menu.astro
View File

@ -10,7 +10,7 @@
<a href="/educators">Educators</a> <a href="/educators">Educators</a>
<a href="/administrators">Administrators</a> <a href="/administrators">Administrators</a>
<div class="dropdownDesktop"> <div class="dropdownDesktop">
<button class="dropbtnDesktop" style="font-family: quicksand;">Resource <span class="text-xs">∇</span> <button class="dropbtnDesktop" style="font-family: quicksand;">Resource <img class="inline-flex w-6" src="/img/svg/arrow.svg" alt=""/>
<i class="fa fa-caret-downDesktop"></i> <i class="fa fa-caret-downDesktop"></i>
</button> </button>
<div class="dropdown-contentDesktop"> <div class="dropdown-contentDesktop">
@ -36,7 +36,7 @@
<a class="hover:bg-gray-200" href="/educators">Educators</a> <a class="hover:bg-gray-200" href="/educators">Educators</a>
<a class="hover:bg-gray-200" href="/administrators">Administrators</a> <a class="hover:bg-gray-200" href="/administrators">Administrators</a>
<div class="dropdown"> <div class="dropdown">
<button class="dropbtn">Recources <span class="text-xs">∇</span></button> <button class="dropbtn">Recources <img class="inline-flex w-6" src="/img/svg/arrow.svg" alt=""/></button>
<div class="dropdown-content"> <div class="dropdown-content">
<a href="/worksheets" style="color: white;">Worksheets</a> <a href="/worksheets" style="color: white;">Worksheets</a>
<a href="/videos" style="color: white;">Videos</a> <a href="/videos" style="color: white;">Videos</a>