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

alttextandicon

master
Suvodip Ghosh 2023-02-28 12:41:02 +05:30
parent b58c79de85
commit 38233c24e6
33 changed files with 91 additions and 91 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/img/all-2nd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB

BIN
public/img/all-3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 196 KiB

BIN
public/img/all-3rd.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

BIN
public/img/all1st.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

BIN
public/img/literacy.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 197 KiB

BIN
public/img/math.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 KiB

16
src/components/Administrators.vue
View File

@ -54,10 +54,10 @@
<p class="text-justify text-xl lg:text-2xl pt-2 text-color-2 px-4">Find relevant helpful articles for marketing preschool solutions below and get to know more about the same. </p>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 mt-10 place-items-center">
<div class="grid w-fit" v-for="marketing in marketing" :key="marketing">
<img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="marketing.img" :src="'https://management.beanstalkedu.com/assets/'+marketing.img+'?width=420&amp;height=280'" alt="" >
<img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="marketing.img" :src="'https://management.beanstalkedu.com/assets/'+marketing.img+'?width=420&amp;height=280'" :alt="marketing.alt_text">
<div class="flex bg-yellow-200 absolute mt-56 lg:mt-40 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{ marketing.date}}</div>
<h2 class="text-color-1 text-3xl font-semibold pt-10 px-4">{{ marketing.title}}</h2>
<div class="text-justify line-clamp-3 font-20px text-color-2 px-4" v-html="marketing.meta_description"></div>
<h2 class="text-color-1 text-3xl font-semibold pt-10 px-4 line-clamp-2">{{ marketing.meta}}</h2>
<div class="text-justify line-clamp-4 font-20px text-color-2 px-4" v-html="marketing.meta_description"></div>
<a href="'/blog/' + marketing.slug" class="text-blue-600 font-20px px-4">Read More >> </a>
</div>
</div>
@ -69,7 +69,7 @@
</section>
<section class="container mx-auto px-4 my-16 xl:px-24">
<div class="grid bg-amber-100 grid-cols-1 lg:grid-cols-2">
<div class="grid place-items-center "><img class=" rounded-br-3xl rounded-tl-3xl p-4 md:p-0" src="/img/marketing.png" alt=""/></div>
<div class="grid place-items-center "><img class=" rounded-br-3xl rounded-tl-3xl p-4 md:p-0" src="/img/marketing.png" alt="Need Help With Marketing Solutions"/></div>
<div class="grid px-4 w-fit">
<div class="text-blue-700 hero-text pt-16 px-4 font-semibold">Need Help With<br> <span class="text-color-1">Marketing Solutions</span></div>
<h3 class="font-20px py-4 text-color-2 px-4">Solve all your queries of marketing solutions now. Ask us and we’ll find you a way!</h3>
@ -135,7 +135,7 @@
<p class="text-xl lg:text-3xl pt-2 text-color-2">Read the most suitable administration preschool solutions and be familiar with all necessary information for your management decisions. </p>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 mt-20 place-items-center">
<div class="grid w-fit" v-for="adminstration in adminstration" :key="adminstration">
<img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="adminstration.img" :src="'https://management.beanstalkedu.com/assets/'+adminstration.img+'?width=420&amp;height=280'" alt="" >
<img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="adminstration.img" :src="'https://management.beanstalkedu.com/assets/'+adminstration.img+'?width=420&amp;height=280'" :alt="adminstration.alt_text" >
<div class="flex bg-yellow-200 absolute mt-56 lg:mt-40 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{ adminstration.date}}</div>
<h1 class="text-color-1 text-2xl pt-4 px-4 line-clamp-2 font-semibold">{{ adminstration.meta}}</h1>
<div class="font-20px text-justify text-color-2 px-4 line-clamp-4" v-html="adminstration.meta_description"></div>
@ -150,7 +150,7 @@
<section class="container mx-auto xl:px-24 px-4">
<div class="grid md:grid-cols-2 place-items-end bg-yellow-100 mt-16 p-6 gap-x-16">
<div class="grid">
<img class="md:p-14" src="/img/skill-up.png" alt="">
<img class="md:p-14" src="/img/skill-up.png" alt="Skill Up Your Staff & Be a Superhero at your Preschool">
</div>
<div class="grid hero-text text-blue-700 pt-16 leading-tight font-semibold">Skill Up Your Staff & <span class="text-color-1"> Be a Superhero at your Preschool</span>
<p class=" font-20px py-2 text-color-2 pr-6 font-normal">Skill up with us @ Atheneum with a Global network of Professionals is UK, USA, Middle East, Africa and Asia</p>
@ -216,7 +216,7 @@
</form>
<div v-else> <h2 class="text-color-2">Get back to you soon!</h2> </div>
</div>
<div class="grid place-items-center"><img src="/img/rectangle100.png" alt=""></div>
<div class="grid place-items-center"><img src="/img/rectangle100.png" alt="Reach Out to Us"></div>
</div>
</section>
@ -277,7 +277,7 @@
</div>
<div class="grid place-items-center">
<div class="grid ml-0 w-72 h-96 -rotate-12 rounded-tl-3xl rounded-br-3xl shadow-2xl">
<img src="/img/case_study.png" alt="">
<img src="/img/case_study.png" alt="Case Study">
</div>
</div>
</div>

2
src/components/AdministratorsHeroButton.vue
View File

@ -9,7 +9,7 @@
</div>
<!-- <button>Discover Now</button> -->
<div class="flex w-fit justify-center place-items-center">
<img class="w-fit h-fit" src="/img/administrator1a.png" alt="">
<img class="w-fit h-fit" src="/img/administrator1a.png" alt="Discover Solutions For Your Preschool">
</div>
</div>
</section>

16
src/components/Audio-books.vue
View File

@ -7,7 +7,7 @@
<p class="font-20px text-justify pt-8">Develop children’s listening skills, confidence, vocabulary, innovativity and much more by adding preschool audio books to their routine and witness the positive change in their personality.</p>
</div>
<div class="flex">
<img class="w-fit h-fit" src="/img/audio-book1a.png" alt="">
<img class="w-fit h-fit" src="/img/audio-book1a.png" alt="Audio Books For Your Classroom">
</div>
</div>
</section>
@ -39,7 +39,7 @@
<div @click="showAbModal(audiobooks.file)">
<div class="grid place-items-center">
<div class=" ">
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
</div>
<h1 class="pt-4 w-fit font-20px">{{audiobooks.title}}</h1>
</div>
@ -47,7 +47,7 @@
</div>
<div class="flex justify-center">
<div class="grid place-items-center">
<img class="relative opacity-50 w-96" src="/img/audio-icon.png" alt=""/>
<img class="relative w-56 py-4" src="/img/all1st.png" alt=""/>
<a href="/audio-books/literacy"><button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg">View All</button></a>
</div>
</div>
@ -93,7 +93,7 @@
<div @click="showAbModal(audiobooks.file)">
<div class="grid place-items-center">
<div class=" ">
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
</div>
<h1 class="pt-4 w-fit font-20px">{{audiobooks.title}}</h1>
</div>
@ -101,7 +101,7 @@
</div>
<div class="flex justify-center">
<div class="grid place-items-center">
<img class="relative opacity-50 w-96" src="/img/audio-icon.png" alt=""/>
<img class="relative py-4 w-56" src="/img/all-2nd.png" alt=""/>
<a href="/audio-books/literacy"><button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg">View All</button></a>
</div>
</div>
@ -116,7 +116,7 @@
<div @click="showAbModal(audiobooks.file)">
<div class="grid place-items-center">
<div class=" ">
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
</div>
<h1 class="pt-4 w-fit font-20px">{{audiobooks.title}}</h1>
</div>
@ -124,7 +124,7 @@
</div>
<div class="flex justify-center">
<div class="grid place-items-center">
<img class="relative opacity-50 w-96" src="/img/audio-icon.png" alt=""/>
<img class="relative py-4 w-56" src="/img/all-3rd.png" alt=""/>
<a href="/audio-books/literacy"><button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg">View All</button></a>
</div>
</div>
@ -160,7 +160,7 @@
</div>
</div>
<div class="grid place-items-center"><img src="/img/frequentlycc.png" alt=""></div>
<div class="grid place-items-center"><img src="/img/frequentlycc.png" alt="Frequently Asked Questions"></div>
</div>
</section>
<div v-if="abModal" id="abModal" class="flex justify-center abModal">

4
src/components/Audio-literacy.vue
View File

@ -25,7 +25,7 @@
<div @click="showAbModal(audiobooks.file)">
<div class="grid place-items-center">
<div class=" ">
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
</div>
<h1 class="pt-4 w-fit font-20px">{{audiobooks.title}}</h1>
</div>
@ -42,7 +42,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 place-items-center opacity-20 w-full">
<div v-for="audiobooks in abfliteracy" :key="abfliteracy.id" class="grid">
<div class="grid place-items-center">
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
<h1 class="text-center pt-4 w-fit">{{audiobooks.title}}</h1>
</div>
</div>

4
src/components/Audio-mathematics.vue
View File

@ -25,7 +25,7 @@
<div @click="showAbModal(audiobooks.file)">
<div class="grid place-items-center">
<div class=" ">
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
</div>
<h1 class="pt-4 w-fit font-20px">{{audiobooks.title}}</h1>
</div>
@ -42,7 +42,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 place-items-center opacity-20 w-full">
<div v-for="audiobooks in abfmath" :key="abfmath.id" class="grid">
<div class="grid place-items-center">
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
<h1 class="text-center pt-4 w-fit">{{audiobooks.title}}</h1>
</div>
</div>

6
src/components/Audio-worlds.vue
View File

@ -2,7 +2,7 @@
<div>
<!-- Hero Section -->
<section class="container-fluid shadow-2xl">
<div class="bg-gradient-to-t from-blue-200 hero-text font-bold text-blue-700 text-center py-24 md:py-48 px-4">Audio Books for <span class="text-color-1">Understanding the Worlds</span></div>
<div class="bg-gradient-to-t from-blue-200 hero-text font-bold text-blue-700 text-center py-24 md:py-48 px-4">Audio Books for <span class="text-color-1">Understanding the World</span></div>
<!-- Age Filter Triger -->
<!-- <div class="bg3 flex flex-col md:flex-row justify-center md:justify-end lg:px-48 px-4 pt-5 shadow-xl lg:gap-4">
<div class="flex">
@ -25,7 +25,7 @@
<div @click="showAbModal(audiobooks.file)">
<div class="grid place-items-center">
<div class=" ">
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
</div>
<h1 class="pt-4 w-fit font-20px">{{audiobooks.title}}</h1>
</div>
@ -42,7 +42,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-10 place-items-center opacity-20 w-full">
<div v-for="audiobooks in abfworld" :key="abfworld.id" class="grid">
<div class="grid place-items-center">
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" alt=""/>
<img class="w-56" v-if="audiobooks.img" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.img" :alt="audiobooks.alt_text"/>
<h1 class="text-center pt-4 w-fit">{{audiobooks.title}}</h1>
</div>
</div>

4
src/components/Dailyplan.vue
View File

@ -6,7 +6,7 @@
<h1 class="text-blue-700 hero-text font-bold 2xl:w-10/12">Start Creating Daily <span class="text-color-1">Lesson Plan</span></h1>
</div>
<div class="flex w-fit">
<img class="w-fit" src="/img/lesson-plan1c.png" alt="">
<img class="w-fit" src="/img/lesson-plan1c.png" alt="Start Creating Daily Lesson Plan">
</div>
</div>
</section>
@ -27,7 +27,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-16 place-items-center mb-32 gap-16 ">
<div v-for="lessonplan in dailyplan" :key="lessonplan.id">
<div @click="showLpModal(lessonplan.file)">
<div class="grid gap-4"><img class="cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div>
<div class="grid gap-4"><img class="cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" :alt="lessonplan.alt_text"/></div>
</div>
<!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div>
<div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div> -->

20
src/components/Educators.vue
View File

@ -107,7 +107,7 @@
<div class="flex text-color-1 hero-text justify-center font-semibold">Curriculum Blogs</div>
<div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-8 mt-10 justify-center">
<div class="grid w-fit h-fit" v-for="(item, index) in tbBlog">
<img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="item.img" :src="'https://management.beanstalkedu.com/assets/'+item.img+'?width=420&amp;height=280'" alt="" >
<img class="w-full rounded-tl-3xl rounded-br-3xl px-4" v-if="item.img" :src="'https://management.beanstalkedu.com/assets/'+item.img+'?width=420&amp;height=280'" :alt="item.alt_text" >
<div class="flex bg-yellow-200 absolute mt-48 ml-4 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full text-center p-1">{{ item.date}}</div>
<h1 class="text-color-1 text-2xl font-semibold pt-4 px-4 line-clamp-2 w-fit">{{ item.meta}}</h1>
<div class="text-lg text-justify font-light w-fit text-color-2 px-4 line-clamp-4" v-html="item.meta_description"></div>
@ -136,7 +136,7 @@
<section class="container mx-auto mt-16 xl:px-24">
<div class="grid grid-cols-1 xl:grid-cols-2 bg-yellow-100 place-items-center">
<div class="grid">
<img class="p-16" src="/img/skill-up.png" alt="">
<img class="p-16" src="/img/skill-up.png" alt="Skill Up with Us & to Be a superhero at your Preschool">
</div>
<div class="grid py-10 px-4 h-fit">
<h1 class="hero-text text-blue-700 leading-tight font-semibold" style="font-family:Quicksand">Skill Up with Us & <br>
@ -150,19 +150,19 @@
<div class="flex justify-center text-color-1 font-bold hero-text py-16 px-4">Download Report Card Format</div>
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 2xl:grid-cols-4 place-items-center text-center gap-y-16 gap-x-8 px-4 " >
<div class="grid h-80 w-72 bg-yellow-100 relative">
<img class="" src="/img/report-card1.png" alt="">
<img class="" src="/img/report-card1.png" alt="Report Card Years-2-3">
<h1 class="absolute inset-4 text-blue-700 text-3xl font-bold bg-gray-50 h-fit opacity-70">Years 2-3</h1>
<a href="/img/report-card1.png" download><button class="bg-blue-700 p-1 absolute left-20 top-44 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg mt-32 h-9 text-lg">Download</button></a>
</div>
<div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card2.png" alt="">
<div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card2.png" alt="Report Card Years-3-4">
<h1 class="absolute inset-4 text-blue-700 text-3xl font-bold bg-gray-50 h-fit opacity-70"> Years 3-4</h1>
<a href="/img/report-card2.png" download><button class="bg-blue-700 p-1 absolute left-20 top-44 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg mt-32 h-9 text-lg">Download</button></a>
</div>
<div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card3.png" alt="">
<div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card3.png" alt="Report Card Years-4-5">
<h1 class="absolute inset-4 text-blue-700 text-3xl font-bold bg-gray-50 h-fit opacity-70"> Years 4-5</h1>
<a href="/img/report-card3.png" download><button class="bg-blue-700 p-1 absolute left-20 top-44 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg mt-32 h-9 text-lg">Download</button></a>
</div>
<div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card4.png" alt="">
<div class="grid h-80 w-72 bg-yellow-100 relative"><img class="" src="/img/report-card4.png" alt="Report Card Years-5-6">
<h1 class="absolute inset-4 text-blue-700 text-3xl font-bold bg-gray-50 h-fit opacity-70"> Years 5-6</h1>
<a href="/img/report-card4.png" download><button class="bg-blue-700 p-1 absolute left-20 top-44 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg mt-32 h-9 text-lg">Download</button></a>
</div>
@ -174,14 +174,14 @@
<div class="grid h-fit">
<div class="text-justify text-color-2">
<p class="py-8 font-20px">The Early Years Foundation Stage (EYFS) curriculum sets standards for the learning, development, and care children birth to 5-years-old. It`s the first stage of a child`s education. it ends when child enters Key Stage One (KS1).</p>
<img src="/img/legends.png" alt="" class="">
<img src="/img/legends.png" alt="legends.png" class="">
</div>
</div>
<div class="grid ">
<div class="flex relative justify-center text-xs ">
<div class="grid">
<div class="flex relative justify-center text-xs">
<img class="" src="/img/frame1.png" alt="">
<img class="" src="/img/frame1.png" alt="EYFS Curriculum & Its Impact">
<p class="literacy absolute ml-24 -mt-10 md:-mt-0 md:ml-28 cursor-pointer"><abbr title="Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum dicta sequi repudiandae vero sed aspernatur ratione voluptatem expedita quis quibusdam ipsam tenetur culpa autem possimus quaerat dolor, fugiat iste excepturi.">
Literacy</abbr>
</p>
@ -210,9 +210,9 @@
</div>
</section>
<section class="container mx-auto xl:px-24">
<div class="flex justify-center place-items-right py-20"><img src="/img/bnnr.png" alt="">
<div class="flex justify-center place-items-right py-20"><img src="/img/bnnr.png" alt="New Interventions in Preschool Education">
<div class="absolute md:pt-8 xl:pt-40 text-white px-4 md:px-0 xl:pl-72">
<h1 class="text-lg md:text-2xl lg:text-4xl" >New Interventions in Preschool Education</h1>
<h1 class="text-lg md:text-2xl lg:text-4xl">New Interventions in Preschool Education</h1>
<h1 class="text-sm lg:text-2xl" >Check Out what new interventions are going to be implemented <br> in Preschool education system</h1>
<div class="md:py-2">
<a target="_blank" href="/whats-new"><button class="text-blue-700 bg-white text-center w-fit py-1 px-4 lg:text-lg rounded-tl-xl rounded-br-xl" >Discover Now</button></a>

2
src/components/Menu.astro
View File

@ -10,7 +10,7 @@
<a href="/educators">Educators</a>
<a href="/administrators">Administrators</a>
<div class="dropdownDesktop">
<button class="dropbtnDesktop" style="font-family: quicksand;">Recources <span class="text-xs">∇</span>
<button class="dropbtnDesktop" style="font-family: quicksand;">Resource <span class="text-xs">∇</span>
<i class="fa fa-caret-downDesktop"></i>
</button>
<div class="dropdown-contentDesktop">

4
src/components/Monthlyplan.vue
View File

@ -6,7 +6,7 @@
<h1 class="text-blue-700 hero-text font-bold 2xl:w-10/12">Start Creating Monthly <span class="text-color-1">Lesson Plan</span></h1>
</div>
<div class="flex w-fit h-fit">
<img class="w-fit h-fit" src="/img/lesson-plan1c.png" alt="">
<img class="w-fit h-fit" src="/img/lesson-plan1c.png" alt="Start Creating Monthly Lesson Plan">
</div>
</div>
</section>
@ -27,7 +27,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-16 place-items-center mb-32 gap-16 ">
<div v-for="lessonplan in monthlyplan" :key="lessonplan.id">
<div @click="showLpModal(lessonplan.file)">
<div class="grid gap-4"><img class=" cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div>
<div class="grid gap-4"><img class=" cursor-pointer w-96 h-6/6 " v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" :alt="lessonplan.alt_text"/></div>
</div>
<!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div>
<div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div> -->

4
src/components/OccasionAudioBook.vue
View File

@ -7,7 +7,7 @@
<div @click="showAbModal(audiobooks.file)">
<div class="grid place-items-center cursor-pointer">
<div class=" ">
<img class="w-56" v-if="audiobooks.audio_icon" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.audio_icon" alt=""/>
<img class="w-56" v-if="audiobooks.audio_icon" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.audio_icon" :alt="audiobooks.alt_text"/>
</div>
<h1 class="pt-4 w-fit font-20px">{{audiobooks.title}}</h1>
</div>
@ -68,7 +68,7 @@ export default {
fetch('https://management.beanstalkedu.com/items/occassion_audio_book')
.then(resp => resp.json())
.then(audiobooks => {
this.audiobooks=audiobooks.data.reverse().slice(0, 3)
this.audiobooks=audiobooks.data.reverse().slice(0, 4)
console.log(this.audiobooks)
})
}

4
src/components/OccassionVideo.vue
View File

@ -7,7 +7,7 @@
<div v-for="vdo in videos.slice(0, 3)" :key="videos.id" class="p-4">
<div @click="showYtModal(vdo.youtube_id)">
<div class="flex bg-gray-200 -rotate-6 cursor-pointer gap-8">
<div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-xl rounded-br-xl shadow-2xl" />
<div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" :alt="vdo.alt_text" class="rounded-tl-xl rounded-br-xl shadow-2xl" />
<img class="absolute top-16 left-24 -rotate-6 w-16" src="/img/svg/play.svg" alt="" />
</div>
</div>
@ -35,7 +35,7 @@
<a href="/plan">
<div v-for="vdo in videos.slice(3, 4)" :key="videos.id" class="p-4">
<div class="flex bg-gray-200 -rotate-6 gap-8">
<div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-lg rounded-br-lg" />
<div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" alt="View all Videos" class="rounded-tl-lg rounded-br-lg" />
<div class="absolute top-16 left-20">
<h3 class="text-center inline-block px-4 py-2.5 bg-amber-500 text-white font-medium text-xs leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">+ Subscribe </h3>
<h3 class="-ml-2"> &nbsp;To download <br> more resources</h3>

2
src/components/ThemesAudioBook.vue
View File

@ -7,7 +7,7 @@
<div @click="showAbModal(audiobooks.file)">
<div class="grid place-items-center cursor-pointer">
<div class=" ">
<img class="w-56" v-if="audiobooks.audio_icon" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.audio_icon" :alt=audiobooks.alt_text/>
<img class="w-56" v-if="audiobooks.audio_icon" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.audio_icon" :alt="audiobooks.alt_text"/>
</div>
<h1 class="pt-4 w-fit font-20px text-center">{{audiobooks.title}}</h1>
</div>

2
src/components/ThemesAudioBookID.vue
View File

@ -7,7 +7,7 @@
<div @click="showAbModal(audiobooks.file)">
<div class="grid place-items-center cursor-pointer">
<div class=" ">
<img class="w-56" v-if="audiobooks.audio_icon" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.audio_icon" alt=""/>
<img class="w-56" v-if="audiobooks.audio_icon" :src="'https://management.beanstalkedu.com/assets/'+ audiobooks.audio_icon" :alt="audiobooks.alt_text"/>
</div>
<h1 class="pt-4 w-fit font-20px text-center">{{audiobooks.title}}</h1>
</div>

2
src/components/ThemesVideos.vue
View File

@ -35,7 +35,7 @@
<a href="/plan">
<div v-for="vdo in videos.slice(3, 4)" :key="videos.id" class="p-4">
<div class="flex bg-gray-200 -rotate-6 gap-8">
<div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-lg rounded-br-lg" />
<div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" :alt="vdo.alt_text" class="rounded-tl-lg rounded-br-lg" />
<div class="absolute top-16 left-20">
<h3 class="text-center inline-block px-4 py-2.5 bg-amber-500 text-white font-medium text-xs leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">+ Subscribe </h3>
<h3 class="-ml-2"> &nbsp;To download <br> more resources</h3>

2
src/components/ThemesVideosID.vue
View File

@ -35,7 +35,7 @@
<a href="/plan">
<div v-for="vdo in videos.slice(3, 4)" :key="videos.id" class="p-4">
<div class="flex bg-gray-200 -rotate-6 gap-8">
<div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" alt="" class="rounded-tl-lg rounded-br-lg" />
<div class="flex rotate-6 relative"><img v-if="vdo.video_thumb" :src="'https://management.beanstalkedu.com/assets/'+vdo.video_thumb" :alt="vdo.alt_text" class="rounded-tl-lg rounded-br-lg" />
<div class="absolute top-16 left-20">
<h3 class="text-center inline-block px-4 py-2.5 bg-amber-500 text-white font-medium text-xs leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out">+ Subscribe </h3>
<h3 class="-ml-2"> &nbsp;To download <br> more resources</h3>

14
src/components/Videos.vue
View File

@ -68,8 +68,8 @@
<div class="grid">
<div class="grid place-items-center">
<div class=" relative bg-gray-200 -rotate-6 rounded-tl-xl rounded-br-xl">
<img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/video_thumb.png" alt=""/>
<img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt="">
<img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/literacy.png" alt=""/>
<!-- <img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt=""> -->
</div>
<a href="/videos/literacy" class="pt-8"><h1 class="w-fit text-lg text-white bg-blue-700 px-4 py-1 rounded-br-xl rounded-tl-xl">View All</h1> </a>
</div>
@ -95,8 +95,8 @@
<div class="grid">
<div class="grid place-items-center">
<div class=" relative bg-gray-200 -rotate-6 rounded-tl-xl rounded-br-xl">
<img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/video_thumb.png" alt=""/>
<img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt="">
<img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/math.png" alt=""/>
<!-- <img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt=""> -->
</div>
<a href="/videos/mathematics" class="pt-8"><h1 class="w-fit text-lg text-white bg-blue-700 px-4 py-1 rounded-br-xl rounded-tl-xl">View All</h1> </a>
</div>
@ -105,7 +105,7 @@
</section>
<!-- Understanding the Worlds section -->
<section class="container mx-auto px-4 xl:px-24">
<span class="h1-text text-blue-700 font-bold">Understanding the Worlds</span>
<span class="h1-text text-blue-700 font-bold">Understanding the World</span>
<p class="font-20px text-color-2 text-justify">Our educational videos for preschoolers will bring a blend of education and entertainment to provide an easy comprehension of the world to students while they enjoy the visual and audio effects. Each topic concerns general knowledge of a child’s surroundings. </p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 my-16 gap-10 place-items-center px-4">
<div v-for="videobooks in vbworld" :key="vbworld.id" class="grid">
@ -122,8 +122,8 @@
<div class="grid">
<div class="grid place-items-center">
<div class=" relative bg-gray-200 -rotate-6 rounded-tl-xl rounded-br-xl">
<img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/video_thumb.png" alt=""/>
<img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt="">
<img class="w-96 rotate-6 rounded-tl-xl rounded-br-xl shadow-xl" src="/img/all-3.png" alt=""/>
<!-- <img class="absolute inset-24 lg:inset-16 left-36 lg:left-24 w-16 rotate-6" src="/img/svg/play.svg" alt=""> -->
</div>
<a href="/videos/understanding-the-worlds" class="pt-8"><h1 class="w-fit text-lg text-white bg-blue-700 px-4 py-1 rounded-br-xl rounded-tl-xl">View All</h1> </a>
</div>

4
src/components/Weeklyplan.vue
View File

@ -7,7 +7,7 @@
<h1 class="text-blue-700 hero-text font-bold 2xl:w-10/12">Start Creating Weekly <span class="text-color-1">Lesson Plan</span></h1>
</div>
<div class="flex w-fit h-fit">
<img class="w-fit h-fit" src="/img/lesson-plan1c.png" alt="">
<img class="w-fit h-fit" src="/img/lesson-plan1c.png" alt="Start Creating Weekly Lesson Plan">
</div>
</div>
</section>
@ -31,7 +31,7 @@
<!-- <div class="grid h-80 w-64 border-4 place-items-center">
<a href=""><img class="" src="/img/svg/plus.svg" alt="">
<h1 class="text-center">Add New Plan</h1></a></div> -->
<div class="grid gap-4"><img class="w-96 h-6/6 cursor-pointer" v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" alt=""/></div>
<div class="grid gap-4"><img class="w-96 h-6/6 cursor-pointer" v-if="lessonplan.lesson_icon" :src="'https://management.beanstalkedu.com/assets/'+ lessonplan.lesson_icon" :alt="lessonplan.alt_text"/></div>
</div>
<!-- <div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div>
<div class="grid h-72 w-64 border-4"><img class="h-80 w-64" src="/img/lessonplan.jpg" alt=""/></div> -->

6
src/components/WhatsNew.vue
View File

@ -7,7 +7,7 @@
<p class="font-20px text-justify">What’s more exciting and effective than young children’s introduction to technology and its wonders in the foundation laying stage of their lives? The escalating technological practices demand everyone to be advanced, even toddlers because that’s how their interests and skills grow! Instill new skills with the ‘What’s New’ feature by Teeny Beans Preschool Curriculum and bring in the newest teaching trend in preschool education to your little ones.</p>
</div>
<div class="flex w-full justify-center place-items-center">
<img class="w-full rounded-3xl" src="/img/whats_new1.png" alt="">
<img class="w-full rounded-3xl" src="/img/whats_new1.png" alt="What’s New In Preschool Education?">
</div>
</div>
</section>
@ -37,7 +37,7 @@
</section> -->
<section class="container mx-auto mt-16 px-4">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div class="grid place-items-center"><img class="shadow-xl" src="/img/robot.png" alt="robot"></div>
<div class="grid place-items-center"><img class="shadow-xl" src="/img/robot.png" alt="Robotics"></div>
<div class="grid h-fit">
<h2 class="hero-text text-color-1 font-semibold">Robotics</h2>
<p class="font-20px text-color-2 py-3 text-justify">Boost children’s interest and skills in robotics at the earliest stage of life and introduce them to a world of technology and opportunities. As a sub head of STEM, robotics induces creativity into children and makes their minds active.</p>
@ -55,7 +55,7 @@
<hr>
<section class="container mx-auto mt-16 px-4">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div class="grid place-items-center"><img class="shadow-xl" src="/img/group.png" alt="group"></div>
<div class="grid place-items-center"><img class="shadow-xl" src="/img/group.png" alt="Coding"></div>
<div class="grid h-fit">
<h2 class="hero-text text-color-1 font-semibold">Coding</h2>
<p class="font-20px text-color-2 py-3 text-justify">A digital world with digitally advanced youngsters sounds like a great plan? Making toddlers acquainted with coding to make them think as a computer programmer is a kick start to their future. </p>

4
src/components/Worksheets-literacy.vue
View File

@ -33,7 +33,7 @@
<div v-for="worksheet in wsLiteracy" :key="wsLiteracy.id" class="grid">
<div class="grid place-items-center">
<div class="bg-gray-200 w-56 h-72 relative -rotate-6 rounded-tl-xl rounded-br-xl shadow-xl">
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
</div>
<h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
<!-- <a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</a> -->
@ -52,7 +52,7 @@
<div v-for="worksheet in wsfLiteracy" :key="wsfLiteracy.id" class="grid">
<div class="grid place-items-center">
<div class="bg-gray-200 w-56 h-72 relative -rotate-6 rounded-tl-xl rounded-br-xl shadow-xl">
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
</div>
<h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
<button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8 "><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</button>

6
src/components/Worksheets-mathematics.vue
View File

@ -33,7 +33,7 @@
<div v-for="worksheet in wsmath" :key="wsmath.id" class="grid">
<div class="grid place-items-center">
<div class="bg-gray-200 w-56 h-72 relative -rotate-6 rounded-tl-xl rounded-br-xl shadow-xl">
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
</div>
<h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
<a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</a>
@ -52,9 +52,9 @@
<div v-for="worksheet in wsfmath" :key="wsfmath.id" class="grid">
<div class="grid place-items-center">
<div class="bg-gray-200 w-56 h-72 relative -rotate-6 rounded-tl-xl rounded-br-xl shadow-xl">
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
</div>
<h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
<h1 class="text-center pt-8 w-fit"> {{worksheet.title}}</h1>
<button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8 "><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</button>
</div>
</div>

4
src/components/Worksheets-world.vue
View File

@ -33,7 +33,7 @@
<div v-for="worksheet in wsWorld" :key="wsWorld.id" class="grid">
<div class="grid place-items-center">
<div class="bg-gray-200 w-56 h-72 relative -rotate-6 rounded-tl-xl rounded-br-xl shadow-xl">
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
</div>
<h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
<a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</a>
@ -52,7 +52,7 @@
<div v-for="worksheet in wsfWorld" :key="wsfWorld.id" class="grid">
<div class="grid place-items-center">
<div class="bg-gray-200 w-56 h-72 relative -rotate-6 rounded-tl-xl rounded-br-xl shadow-xl">
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
</div>
<h1 class="text-center pt-8 w-fit">{{worksheet.title}}</h1>
<button class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8 "><img class="w-5 pr-1 inline" src="/img/download.png" alt="">Download</button>

12
src/components/Worksheets.vue
View File

@ -7,7 +7,7 @@
<p class="font-20px text-justify pt-8">Enrich learning experience and provide essential knowledge and practice with the professionally created worksheet for preschoolers that are designed to enhance comfortableness of teachers and parents.</p>
</div>
<div class="flex">
<img class="w-fit h-fit" src="/img/worksheet1a.png" alt="">
<img class="w-fit h-fit" src="/img/worksheet1a.png" alt="Worksheet For Your Classroom">
</div>
</div>
@ -61,7 +61,7 @@
<div v-for="worksheet in wsLiteracy" :key="wsLiteracy.id" class="grid">
<div class="grid place-items-center">
<div class="bg-gray-200 w-56 h-72 relative -rotate-6 rounded-tl-xl rounded-br-xl shadow-xl">
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
</div>
<h1 class="text-center pt-8 w-fit font-20px">{{worksheet.title}}</h1>
<a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class="bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 h-4 pr-1 inline" src="/img/download.png" alt="">Download</a>
@ -94,7 +94,7 @@
<div v-for="worksheet in wsMath" :key="wsMath.id" class="grid">
<div class="grid place-items-center">
<div class="bg-gray-200 w-56 h-72 relative -rotate-6 rounded-tl-xl rounded-br-xl shadow-xl">
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
</div>
<h1 class="text-center pt-8 w-fit font-20px">{{ worksheet.title}}</h1>
<a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class=" bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 h-4 pr-1 inline" src="/img/download.png" alt="">Download</a>
@ -113,13 +113,13 @@
</section>
<!-- Understanding the Worlds section -->
<section class="container mx-auto px-4 xl:px-24">
<span class="h1-text text-blue-700 font-semibold">Understanding the Worlds</span>
<span class="h1-text text-blue-700 font-semibold">Understanding the World</span>
<p class="font-20px text-color-2 text-justify">In the era of increasing competition, it becomes more essential for every child to be equipped with general understanding of his/her surroundings, which is the why, our worksheet for preschoolers aim at every topic including this to enhance IQ of every child and providing an absolute overview and comprehension of topics like family, senses, body, myself and others</p>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 my-16 gap-10 place-items-center">
<div v-for="worksheet in wsWorld" :key="wsWorld.id" class="grid">
<div class="grid place-items-center">
<div class="bg-gray-200 w-56 h-72 relative -rotate-6 rounded-tl-xl rounded-br-xl shadow-xl">
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" alt=""/>
<img class="w-56 h-72 rotate-6 relative" v-if="worksheet.img" :src="'https://management.beanstalkedu.com/assets/'+ worksheet.img" :alt="worksheet.alt_text"/>
</div>
<h1 class="text-center pt-8 w-fit">{{ worksheet.title}}</h1>
<a :href="'https://management.beanstalkedu.com/assets/'+ worksheet.file+'?download'" class=" bg-blue-700 p-1 text-white pl-4 pr-4 rounded-tl-lg rounded-br-lg ml-6 mt-8"><img class="w-5 h-4 pr-1 inline" src="/img/download.png" alt="">Download</a>
@ -166,7 +166,7 @@
</div>
</div>
<div class="grid place-items-center"><img src="/img/frequentlycc.png" alt=""></div>
<div class="grid place-items-center"><img src="/img/frequentlycc.png" alt="Frequently Asked Questions"></div>
</div>
</section>
</div>

2
src/pages/index.astro
View File

@ -115,7 +115,7 @@ import Footer from "../components/Footer.vue";
<div class="flex relative justify-center text-xs ">
<div class="grid">
<div class="flex relative justify-center text-xs">
<img class="" src="/img/frame1.png" alt="">
<img class="" src="/img/frame1.png" alt="EYFS Curriculum & Its Impact">
<p class="literacy absolute ml-24 -mt-10 md:-mt-0 md:ml-28 cursor-pointer">
<abbr title="The aim is to lay a strong foundation for children in literacy by introducing them to language during the early stages of their life, thereby preparing them for school.">
Literacy</abbr>

8
src/pages/occasion/index.astro
View File

@ -68,7 +68,7 @@ import Footer from "../../components/Footer.vue";
{blogRespData.map((data: { title: string | undefined; date: string | undefined; slug: string | undefined; img: string | undefined; }) =>
<div class="grid w-fit" >
<img class="w-full rounded-tl-3xl rounded-br-3xl px-4" src={'https://management.beanstalkedu.com/assets/'+data.img} style="width:100%; height: 205px;" alt="" >
<img class="w-full rounded-tl-3xl rounded-br-3xl px-4" src={'https://management.beanstalkedu.com/assets/'+data.img} style="width:100%; height: 205px;" alt={data.alt_text} >
<div class="flex bg-yellow-200 absolute mt-32 lg:mt-36 ml-8 text-lg leading-tight w-14 h-14 font-semibold text-blue-700 rounded-full place-items-center text-center p-1">{ data.date}</div>
<h2 class="text-color-1 text-3xl font-semibold pt-4 px-4 line-clamp-2 ">{ data.title}</h2>
<div class="text-justify line-clamp-3 font-20px text-color-2 px-4 line-clamp-4" set:html="data.meta_description"></div>
@ -100,7 +100,7 @@ import Footer from "../../components/Footer.vue";
<a href="/plan">
<div class="p-4">
<div class="flex relative">
<img v-if="wkst.occassion_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+ wkstRespData2.occassion_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<img v-if="wkst.occassion_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+ wkstRespData2.occassion_worksheets_img} alt="View all Worksheets" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<div class="absolute top-40 left-24">
<h3 class="text-center inline-block px-6 py-2.5 bg-amber-500 text-white font-medium text-xs leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> + Subscribe </h3>
<h3 class=""> &nbsp;To download <br> more resources</h3>
@ -144,7 +144,7 @@ import Footer from "../../components/Footer.vue";
<div class="p-2">
<a target="_blank" href={'https://www.youtube.com/watch?v='+data.youtube_id}>
<div>
<img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+ data.youtube_thumbnail} alt="">
<img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+ data.youtube_thumbnail} alt={data.alt_text}>
<div class="text-center text-xl line-clamp-1 text-color-2 pt-4" >{data.about_the_video}</div>
</div>
</a>
@ -166,7 +166,7 @@ import Footer from "../../components/Footer.vue";
)}
</div>
<div class="grid place-items-center">
<img src="/img/frequently.png" alt="">
<img src="/img/frequently.png" alt="Frequently Asked Questions">
</div>
</div>
</section>

14
src/pages/themes/[id].astro
View File

@ -62,14 +62,14 @@ import Footer from "../../components/Footer.vue";
<div class="flex flex-col xl:flex-row container mx-auto xl:px-24">
<div class="flex flex-col w-fit justify-center px-4 ">
<div class="">
<h1 class="text-blue-700 hero-text font-bold">Theme of the Month- <span class="text-color-1">{themes[0].theme_title}</span></h1>
<h1 class="text-blue-700 hero-text font-bold"> <span class="text-color-1">{themes[0].theme_title}</span></h1>
<div class="flex h2-text text-color-1 font-semibold pt-8">{themes[0].theme_text }</div>
<div class="flex text-justify font-18px text-color-2 pt-4">{themes[0].theme_details }</div>
</div>
</div>
<div class="flex w-fit justify-center place-items-center">
<!-- <img class="w-full h-fit drop-shadow-2xl rounded-3xl py-4 cursor-none" src="/img/occassion1.png" alt=""> -->
<img class="w-fit h-fit" src={'https://management.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt={themes[0].theme_title}>
<img class="w-fit h-fit" src={'https://management.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt={themes[0].hero_alt_text}>
</div>
</div>
</section>
@ -101,7 +101,7 @@ import Footer from "../../components/Footer.vue";
<div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-6">
{twsRespData.map((data: { title: string | undefined; theme_worksheets_img: string | undefined; file: string | undefined; }) =>
<div class="flex relative p-4">
<img src={'https://management.beanstalkedu.com/assets/'+data.theme_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<img src={'https://management.beanstalkedu.com/assets/'+data.theme_worksheets_img} alt={data.alt_text} class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<div class="absolute bottom-10 left-20">
<a href={'https://management.beanstalkedu.com/assets/'+data.file+'?download'}>
<h3 class="text-center inline-block px-6 py-2.5 bg-blue-500 text-white font-medium text-base leading-tight rounded shadow-md hover:bg-blue-400 hover:shadow-lg focus:bg-blue-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> Download </h3>
@ -113,7 +113,7 @@ import Footer from "../../components/Footer.vue";
<a href="/worksheets">
<div class="p-4">
<div class="flex relative">
<img v-if="wkst.theme_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+twsRespData2.theme_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<img v-if="wkst.theme_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+twsRespData2.theme_worksheets_img} alt="View all Worksheets" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<div class="absolute top-40 left-20">
<h3 class="text-center inline-block px-6 py-2.5 bg-amber-500 text-white font-medium text-base leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> + Subscribe </h3>
<h3 class="-ml-2 absolute left-8 text-center"> &nbsp;To download <br> more resources</h3>
@ -151,7 +151,7 @@ import Footer from "../../components/Footer.vue";
<div class="p-2">
<a target="_blank" href={'https://www.youtube.com/watch?v='+data.youtube_id}>
<div>
<img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+data.youtube_thumbnail} alt="">
<img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+data.youtube_thumbnail} alt={data.alt_text}>
<div class="text-center text-lg ">{data.about_the_video}</div>
</div>
</a>
@ -166,7 +166,7 @@ import Footer from "../../components/Footer.vue";
{allthemesRespData.map((data: { theme_slug: string | undefined; theme_icon: string | undefined; }) =>
<div class="grid">
<a href={'/themes/'+ data.theme_slug}>
<img class="rounded-lg shadow-2xl" src={'https://management.beanstalkedu.com/assets/' + data.theme_icon} alt=""/>
<img class="rounded-lg shadow-2xl" src={'https://management.beanstalkedu.com/assets/' + data.theme_icon} alt={data.icon_alt_text}/>
</a>
</div>
)}
@ -188,7 +188,7 @@ import Footer from "../../components/Footer.vue";
)}
</div>
<div class="grid place-items-center">
<img src="/img/frequently.png" alt="">
<img src="/img/frequently.png" alt="Frequently Asked Questions">
</div>
</div>
</section>

14
src/pages/themes/index.astro
View File

@ -52,14 +52,14 @@ import Footer from "../../components/Footer.vue";
<div class="flex flex-col xl:flex-row container mx-auto xl:px-24">
<div class="flex flex-col w-fit justify-center px-4 ">
<div class="">
<h1 class="text-blue-700 hero-text font-bold">Theme of the Month- <span class="text-color-1">{themes[0].theme_title}</span></h1>
<h1 class="text-blue-700 hero-text font-bold"> <span class="text-color-1">{themes[0].theme_title}</span></h1>
<div class="flex h2-text text-color-1 font-semibold pt-8">{themes[0].theme_text }</div>
<div class="flex text-justify font-18px text-color-2 pt-4">{themes[0].theme_details }</div>
</div>
</div>
<div class="flex w-fit justify-center place-items-center">
<!-- <img class="w-full h-fit drop-shadow-2xl rounded-3xl py-4 cursor-none" src="/img/occassion1.png" alt=""> -->
<img class="w-fit h-fit" src={'https://management.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt={themes[0].theme_title}>
<img class="w-fit h-fit" src={'https://management.beanstalkedu.com/assets/'+themes[0].theme_hero_img} alt={themes[0].hero_alt_text}>
</div>
</div>
</section>
@ -91,7 +91,7 @@ import Footer from "../../components/Footer.vue";
<div class="grid place-items-center grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 mt-6">
{twsRespData.map((data: { title: string | undefined; theme_worksheets_img: string | undefined; file: string | undefined; }) =>
<div class="flex relative p-4">
<img src={'https://management.beanstalkedu.com/assets/'+data.theme_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<img src={'https://management.beanstalkedu.com/assets/'+data.theme_worksheets_img} alt={data.alt_text} class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<div class="absolute bottom-10 left-20">
<a href={'https://management.beanstalkedu.com/assets/'+data.file+'?download'}>
<h3 class="text-center inline-block px-6 py-2.5 bg-blue-500 text-white font-medium text-base leading-tight rounded shadow-md hover:bg-blue-400 hover:shadow-lg focus:bg-blue-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> Download </h3>
@ -103,7 +103,7 @@ import Footer from "../../components/Footer.vue";
<a href="/worksheets">
<div class="p-4">
<div class="flex relative">
<img v-if="wkst.theme_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+twsRespData2.theme_worksheets_img} alt="" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<img v-if="wkst.theme_worksheets_img" src={'https://management.beanstalkedu.com/assets/'+twsRespData2.theme_worksheets_img} alt="View all Worksheets" class="w-80 shadow-2xl rounded-tl-lg rounded-br-lg" />
<div class="absolute top-40 left-20">
<h3 class="text-center inline-block px-6 py-2.5 bg-amber-500 text-white font-medium text-base leading-tight rounded shadow-md hover:bg-amber-400 hover:shadow-lg focus:bg-amber-600 focus:shadow-lg focus:outline-none focus:ring-0 active:bg-blue-800 active:shadow-lg transition duration-150 ease-in-out"> + Subscribe </h3>
<h3 class="-ml-2 absolute left-8 text-center"> &nbsp;To download <br> more resources</h3>
@ -141,7 +141,7 @@ import Footer from "../../components/Footer.vue";
<div class="p-2">
<a target="_blank" href={'https://www.youtube.com/watch?v='+data.youtube_id}>
<div>
<img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+data.youtube_thumbnail} alt="">
<img class="rounded-tl-xl rounded-br-xl" src={'https://management.beanstalkedu.com/assets/'+data.youtube_thumbnail} alt={data.alt_text}>
<div class="text-center text-lg ">{data.about_the_video}</div>
</div>
</a>
@ -156,7 +156,7 @@ import Footer from "../../components/Footer.vue";
{allthemesRespData.map((data: { theme_slug: string | undefined; theme_icon: string | undefined; }) =>
<div class="grid">
<a href={'/themes/'+ data.theme_slug}>
<img class="rounded-lg shadow-2xl" src={'https://management.beanstalkedu.com/assets/' + data.theme_icon} alt=""/>
<img class="rounded-lg shadow-2xl" src={'https://management.beanstalkedu.com/assets/' + data.theme_icon} alt={data.icon_alt_text}/>
</a>
</div>
)}
@ -178,7 +178,7 @@ import Footer from "../../components/Footer.vue";
)}
</div>
<div class="grid place-items-center">
<img src="/img/frequently.png" alt="">
<img src="/img/frequently.png" alt="Frequently Asked Questions">
</div>
</div>
</section>