generated from dwd/boilarplate-astro-tailwind
pull/4/head
parent
44b011b444
commit
d41d4443af
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 124 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 737 KiB |
|
|
@ -79,24 +79,18 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
and cultivating leadership skill in our school. It is our mission to provide a safe and home like
|
||||
atmosphere for children to teach students the important values of life, teach children to
|
||||
respect their parents, teachers and all elders to built cultural value and patriotism.</p> -->
|
||||
|
||||
<section class="container">
|
||||
<div
|
||||
class="flex flex-col md:flex-row justify-center space-y-6 md:space-y-0 md:space-x-4 p-4 bg-muted"
|
||||
>
|
||||
<div class="flex flex-wrap justify-center gap-6 p-4">
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-lg text-center w-full md:w-96 border-2 border-card"
|
||||
class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mx-auto mb-4"
|
||||
src="img/goal.png"
|
||||
alt="Profile picture of Samuel Abera"
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="public/img/goal.png"
|
||||
alt=""
|
||||
/>
|
||||
<h2
|
||||
class="text-lg font-bold text-card-foreground"
|
||||
>
|
||||
Mission
|
||||
</h2>
|
||||
|
||||
<h3 class="text-lg font-bold">Mission</h3>
|
||||
<p class="text-justify">
|
||||
Holy Wisdom Public School will deliver a
|
||||
world class education that encourages
|
||||
|
|
@ -107,66 +101,50 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-lg text-center w-full md:w-96 border-2 border-card"
|
||||
class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mx-auto mb-4"
|
||||
src="img/rocket.png"
|
||||
alt="Profile picture of Abe Esx"
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="public/img/rocket.png"
|
||||
alt=""
|
||||
/>
|
||||
<h2
|
||||
class="text-lg font-bold text-card-foreground"
|
||||
>
|
||||
Vision
|
||||
</h2>
|
||||
|
||||
<h3 class="text-lg font-bold">Vision</h3>
|
||||
<p class="text-justify">
|
||||
<!-- Our Vision is Cultivating young minds with
|
||||
creativity, curiosity, and compassion and
|
||||
Empowering children to become confident,
|
||||
lifelong learners and Fostering a love for
|
||||
learning in every child, every day. -->
|
||||
At Holy Wisdom Public School, our vision is to create a nurturing environment where every child can thrive.
|
||||
We aim to inspire curious minds, compassionate hearts, and confident leaders who are prepared to succeed in
|
||||
a diverse world and contribute meaningfully to their communities.
|
||||
</p>
|
||||
At Holy Wisdom Public School, our vision is
|
||||
to create a nurturing environment where
|
||||
every child can thrive. We aim to inspire
|
||||
curious minds, compassionate hearts, and
|
||||
confident leaders who are prepared to
|
||||
succeed in a diverse world and contribute
|
||||
meaningfully to their communities.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-lg text-center w-full md:w-96 border-2 border-card"
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mx-auto mb-4"
|
||||
src="public/img/commitee.png"
|
||||
alt="Profile picture of Samuel Abera"
|
||||
/>
|
||||
<h2
|
||||
class="text-lg font-bold text-card-foreground"
|
||||
>
|
||||
Ethics
|
||||
</h2>
|
||||
|
||||
<p class="text-justify"> We believe in teaching our children the importance of honesty, kindness, and fairness, creating a foundation for lifelong ethical behavior and compassionate citizenship.
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-lg text-center w-full md:w-96 border-2 border-card"
|
||||
class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mx-auto mb-4"
|
||||
src="img/philosophy.png"
|
||||
alt="Profile picture of Yzx Lms"
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="public/img/commitee.png"
|
||||
alt=""
|
||||
/>
|
||||
<h2
|
||||
class="text-lg font-bold text-card-foreground"
|
||||
>
|
||||
Philosophy
|
||||
</h2>
|
||||
|
||||
<h3 class="text-lg font-bold">Ethics</h3>
|
||||
<p class="text-justify">
|
||||
We believe in teaching our children the
|
||||
importance of honesty, kindness, and
|
||||
fairness, creating a foundation for lifelong
|
||||
ethical behavior and compassionate
|
||||
citizenship.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="public/img/philosophy.png"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-bold">Philosophy</h3>
|
||||
<p class="text-justify">
|
||||
Rooted in Vidyasagar's Vision: At Holy
|
||||
Wisdom, we draw inspiration from Ishwar
|
||||
|
|
@ -200,31 +178,21 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
<div id="ar-prompt">
|
||||
<img src="https://modelviewer.dev/shared-assets/icons/hand.png">
|
||||
</div>
|
||||
</model-viewer> -->
|
||||
</model-viewer> class="w-full h-[500px] lg:h-screen" -->
|
||||
|
||||
<model-viewer
|
||||
class="w-full h-[400px] bg-[#3084b540]"
|
||||
src="/assets/school_building_stage2.glb"
|
||||
ar
|
||||
ar-modes="scene-viewer webxr quick-look"
|
||||
camera-controls
|
||||
tone-mapping="neutral"
|
||||
poster="/assets/poster.webp"
|
||||
shadow-intensity="1"
|
||||
field-of-view="80deg"
|
||||
>
|
||||
<div class="progress-bar hide" slot="progress-bar">
|
||||
<div class="update-bar"></div>
|
||||
</div>
|
||||
<button slot="ar-button" id="ar-button">
|
||||
View in your space
|
||||
</button>
|
||||
<div id="ar-prompt">
|
||||
<img
|
||||
src="https://modelviewer.dev/shared-assets/icons/hand.png"
|
||||
/>
|
||||
</div>
|
||||
</model-viewer>
|
||||
<model-viewer class="w-full h-[500px] lg:h-screen" src="/assets/schoolbuilding_stage3.glb" ar ar-modes="scene-viewer webxr quick-look" camera-controls tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1" camera-orbit="-17.83deg 71.59deg 193.5m" field-of-view="25.56deg" auto-rotate>
|
||||
<div class="progress-bar hide" slot="progress-bar">
|
||||
<div class="update-bar"></div>
|
||||
</div>
|
||||
<button slot="ar-button" id="ar-button">
|
||||
View in your space
|
||||
</button>
|
||||
<div id="ar-prompt">
|
||||
<img src="https://modelviewer.dev/shared-assets/icons/hand.png">
|
||||
</div>
|
||||
</model-viewer>
|
||||
|
||||
|
||||
|
||||
<!-- <model-viewer class="w-full h-screen" src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls touch-action="pan-y" tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1.13" exposure="0.59" shadow-softness="1">
|
||||
<div class="progress-bar hide h-screen" slot="progress-bar">
|
||||
|
|
@ -374,7 +342,7 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<h1 class="text-2xl pt-4">Our Objective</h1>
|
||||
<!-- <h1 class="text-2xl pt-4">Our Objective</h1>
|
||||
<p class="text-justify">
|
||||
1. To achieve high standard of academic excellence.<br
|
||||
/>
|
||||
|
|
@ -388,7 +356,98 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
5. Asking question that encourages original responses.<br
|
||||
/>
|
||||
6. Providing time and scope to slow learners.
|
||||
</p>
|
||||
</p> -->
|
||||
<!-- <section class="container">
|
||||
<div class="container mx-auto mt-20">
|
||||
<div class="flex flex-col md:flex-row items-center">
|
||||
<div class="p-2">
|
||||
<h2 class="text-3xl font-bold mb-4">
|
||||
Our Objective
|
||||
</h2>
|
||||
<ul class="space-y-1 list-disc list-inside">
|
||||
<li>
|
||||
To achieve high standard of academic
|
||||
excellence.
|
||||
</li>
|
||||
<li>
|
||||
To provide an education that prepare
|
||||
young minds to be creative
|
||||
compassionate and innovative adults.
|
||||
</li>
|
||||
<li>
|
||||
To prepare the students according to
|
||||
the interest and ability of the
|
||||
students.
|
||||
</li>
|
||||
<li>
|
||||
Including a variety of learning
|
||||
tasks in the curriculam as some
|
||||
children prefer learning by
|
||||
discovery rather than limitation.
|
||||
</li>
|
||||
<li>
|
||||
Asking question that encourages
|
||||
original responses.
|
||||
</li>
|
||||
<li>
|
||||
Providing time and scope to slow
|
||||
learners.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<img
|
||||
class="rounded-lg shadow-lg"
|
||||
src="public/img/Objective.jpg"
|
||||
alt="objective"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
|
||||
<h1 class="text-xl md:text-3xl pt-2">Our Objective</h1>
|
||||
<div class="flex flex-col-reverse md:flex-row gap-4">
|
||||
<div class="w-full">
|
||||
<ul class="space-y-1 list-disc list-inside">
|
||||
<li>
|
||||
To achieve high standard of academic
|
||||
excellence.
|
||||
</li>
|
||||
<li>
|
||||
To provide an education that prepare
|
||||
young minds to be creative
|
||||
compassionate and innovative adults.
|
||||
</li>
|
||||
<li>
|
||||
To prepare the students according to
|
||||
the interest and ability of the
|
||||
students.
|
||||
</li>
|
||||
<li>
|
||||
Including a variety of learning
|
||||
tasks in the curriculam as some
|
||||
children prefer learning by
|
||||
discovery rather than limitation.
|
||||
</li>
|
||||
<li>
|
||||
Asking question that encourages
|
||||
original responses.
|
||||
</li>
|
||||
<li>
|
||||
Providing time and scope to slow
|
||||
learners.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2">
|
||||
<img
|
||||
class="rounded-lg shadow-lg"
|
||||
src="public/img/objective.jpg"
|
||||
alt="objective"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="text-2xl pt-4">Targets</h1>
|
||||
<p class="text-justify">
|
||||
|
|
@ -454,6 +513,114 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
learning.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<section class="container">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-6">
|
||||
<h2 class="text-3xl font-extrabold text-center mb-8">
|
||||
Our School Gallery
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4"
|
||||
>
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="img/g.jpg"
|
||||
alt="Image 1"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="img/g2.jpg"
|
||||
alt="Image 2"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="img/g3.jpg"
|
||||
alt="Image 3"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="img/g4.jpg"
|
||||
alt="Image 4"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="img/g5.jpg"
|
||||
alt="Image 5"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="img/g6.jpg"
|
||||
alt="Image 6"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="img/g7.jpg"
|
||||
alt="Image 7"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="img/g8.jpg"
|
||||
alt="Image 8"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section class="container mx-auto">
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -173,6 +173,53 @@ import FAQ from "../components/FAQ.vue";
|
|||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section class="container">
|
||||
<div class="bg-background text-foreground p-8">
|
||||
<div class="mx-auto">
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div class="md:col-span-1">
|
||||
<h2 class="text-3xl font-bold mb-4">Your Child's Safety, Our First Priority</h2>
|
||||
<p class="text-justify mb-4">At Holy Wisdom Public School, we prioritize your child's safety above all else.
|
||||
Our secure campus is equipped with modern surveillance systems and controlled access points. Our dedicated staff undergoes regular training to
|
||||
ensure they are prepared for any situation. We maintain strict hygiene protocols to provide a clean and healthy environment. With continuous supervision
|
||||
and a caring community, we create a safe haven for your child's growth and development.
|
||||
</p>
|
||||
|
||||
<a href="/admission" class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500" >Admission Now >></a>
|
||||
</div>
|
||||
<div class="md:col-span-2 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img class="w-full h-48 object-cover rounded-lg mb-4" src="public/img/Priority3.jpg" alt="" />
|
||||
<h3 class="text-lg font-semibold">CCTV Monitoring</h3>
|
||||
|
||||
</div>
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img class="w-full h-48 object-cover rounded-lg mb-4" src="public/img/Priority5.jpg" alt="" />
|
||||
<h3 class="text-lg font-semibold">First Aid Kits</h3>
|
||||
</div>
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img class="w-full h-48 object-cover rounded-lg mb-4" src="public/img/Priority6.jpg" alt="" />
|
||||
<h3 class="text-lg font-semibold">Safety and Hygiene Standards as per WHO and UNESCO</h3>
|
||||
</div>
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img class="w-full h-48 object-cover rounded-lg mb-4" src="public/img/Priority1.jpg" alt="" />
|
||||
<h3 class="text-lg font-semibold">Trained Staff in Early Childhood Care</h3>
|
||||
</div>
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img class="w-full h-48 object-cover rounded-lg mb-4" src="public/img/Priority4.jpg" alt="" />
|
||||
<h3 class="text-lg font-semibold">Pediatrician On Call</h3>
|
||||
</div>
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img class="w-full h-48 object-cover rounded-lg mb-4" src="public/img/Priority2.jpg" alt="" />
|
||||
<h3 class="text-lg font-semibold">Fire Safety Protocol</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container mx-auto px-4">
|
||||
<FAQ client:visible />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,28 +1,127 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
import ContactForm from '../components/ContactForm.vue';
|
||||
import ContactForm from "../components/ContactForm.vue";
|
||||
---
|
||||
|
||||
<Layout title="Holy Wisdom Public School - Overview">
|
||||
<main>
|
||||
<div class="mb-16">
|
||||
<section class="container-fluid gradintBack">
|
||||
<div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center">
|
||||
<div class="w-full">
|
||||
<!-- <img class="lg:max-w-2xl" src="/img/image.png" alt=""> -->
|
||||
<img class="lg:max-w-2xl" src="public/img/school-bus.png" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col w-full">
|
||||
<h2 class="text-2xl md:text-2xl text-[#3084b5] py-4">An ideal institution for Children’s Education in this area.</h2>
|
||||
<h3 class="text-xl text-justify pb-4">Discover essential details about our school's dress code and necessary supplies for students, ensuring preparedness and comfort throughout the school year.</h3>
|
||||
<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="/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>
|
||||
</section>
|
||||
<div
|
||||
class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center"
|
||||
>
|
||||
<div class="w-full">
|
||||
<!-- <img class="lg:max-w-2xl" src="/img/image.png" alt=""> -->
|
||||
<img
|
||||
class="lg:max-w-2xl"
|
||||
src="public/img/school-bus.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col w-full">
|
||||
<h2 class="text-2xl md:text-2xl text-[#3084b5] py-4">
|
||||
An ideal institution for Children’s Education in
|
||||
this area.
|
||||
</h2>
|
||||
<h3 class="text-xl text-justify pb-4">
|
||||
Discover essential details about our school's dress
|
||||
code and necessary supplies for students, ensuring
|
||||
preparedness and comfort throughout the school year.
|
||||
</h3>
|
||||
<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="/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>
|
||||
</section>
|
||||
<section class="container mx-auto px-4">
|
||||
<h1 class="text-xl md:text-3xl pt-2">Best Facilities For Kids</h1>
|
||||
<div class="">
|
||||
<!-- <div class="text-center mb-8">
|
||||
<h2 class="text-3xl font-bold">Best Facilities For Kids</h2>
|
||||
</div> -->
|
||||
<div class="flex flex-wrap justify-center items-start">
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="bg-red-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold">01</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">Safe and secure outdoor play area</h3>
|
||||
<p class="text-justify">A fenced and monitored space with age-appropriate equipment ensuring children can play freely under supervision.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="bg-orange-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold">02</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">Colorful and stimulating classrooms</h3>
|
||||
<p class="text-justify">Vibrant, well-organized rooms with visually appealing decor that encourages learning and creativity.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="bg-green-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold">03</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">Indoor play spaces for physical activities</h3>
|
||||
<p class="text-justify">Areas designed for physical play, promoting gross motor skills through activities like climbing, jumping, and balancing.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="bg-red-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold">04</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">Interactive learning tools and educational toys</h3>
|
||||
<p class="text-justify">Various hands-on materials and toys that engage children while promoting cognitive and motor skill development.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="bg-orange-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold">05</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">Art and creativity corner with diverse materials</h3>
|
||||
<p class="text-justify">An area stocked with art supplies to encourage self-expression and creativity through various art mediums.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div class="bg-purple-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold">06</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">Multimedia and technology integration for learning</h3>
|
||||
<p class="text-justify">Access to age-appropriate technology, such as computers or tablets, used as a supplementary tool to enhance learning experiences.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div>
|
||||
<h1 class="text-xl md:text-3xl pt-2">School Uniform</h1>
|
||||
<table class="table">
|
||||
|
|
@ -37,7 +136,10 @@ import ContactForm from '../components/ContactForm.vue';
|
|||
<tr>
|
||||
<td rowspan="5">Boys</td>
|
||||
<td>Shirt</td>
|
||||
<td>Canary Yellow T-Shirt with bottle green collar</td>
|
||||
<td
|
||||
>Canary Yellow T-Shirt with bottle green
|
||||
collar</td
|
||||
>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pants</td>
|
||||
|
|
@ -58,7 +160,10 @@ import ContactForm from '../components/ContactForm.vue';
|
|||
<tr>
|
||||
<td rowspan="5">Girls</td>
|
||||
<td>Shirt</td>
|
||||
<td>Canary Yellow T-Shirt with bottle green collar</td>
|
||||
<td
|
||||
>Canary Yellow T-Shirt with bottle green
|
||||
collar</td
|
||||
>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Skirt</td>
|
||||
|
|
@ -90,26 +195,414 @@ import ContactForm from '../components/ContactForm.vue';
|
|||
<td>White shoes and socks</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3"><strong>Note:</strong> Boys and girls' T-shirt, pants, skirt, P.T. dress, tie, belt, and batch price is 1,400 Rs. Black boots, white shoes, and socks will not be provided by the school.</td>
|
||||
<td colspan="3"
|
||||
><strong>Note:</strong> Boys and girls' T-shirt,
|
||||
pants, skirt, P.T. dress, tie, belt, and batch
|
||||
price is 1,400 Rs. Black boots, white shoes,
|
||||
and socks will not be provided by the school.</td
|
||||
>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<h1 class="text-xl md:text-3xl pt-2">School Car</h1>
|
||||
<p>School buses / car are available for students. For this, you have to apply on the day of admission</p>
|
||||
<!-- <h1 class="text-xl md:text-3xl pt-2">School Car</h1>
|
||||
<p>School buses / car are available for students. For this, you have to apply on the day of admission</p> -->
|
||||
<h1 class="text-xl md:text-3xl pt-2">Transport<hr /></h1>
|
||||
<div class="flex flex-col-reverse md:flex-row gap-4">
|
||||
<div class="w-full">
|
||||
<p class="text-justify">
|
||||
At HolyWisdom Public School, we prioritize the
|
||||
safety and convenience of our students. Our
|
||||
school transport system is designed to ensure a
|
||||
comfortable and secure journey for your child.
|
||||
Our fleet of buses is well-maintained and
|
||||
equipped with modern safety features. Each bus
|
||||
is supervised by trained staff to ensure the
|
||||
well-being of every student during their
|
||||
commute.
|
||||
</p>
|
||||
<ul class="space-y-1 list-disc list-inside">
|
||||
<li>Experienced and qualified drivers.</li>
|
||||
<li>Regular maintenance and safety checks.</li>
|
||||
<li>
|
||||
Designated pick-up and drop-off points for
|
||||
efficient and timely service.
|
||||
</li>
|
||||
<li>
|
||||
Strict adherence to safety protocols and
|
||||
guidelines.
|
||||
</li>
|
||||
</ul>
|
||||
<p class="text-justify">
|
||||
We strive to provide a reliable and hassle-free
|
||||
transport experience, so you can have peace of
|
||||
mind knowing your child is in safe hands.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2">
|
||||
<img
|
||||
src="/img/school-bus-4773905_1920.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="text-xl md:text-3xl pt-2">Materials Required</h1>
|
||||
<p>All the books and notebooks, uniforms etc. are provided to the children by the school at fair price.</p>
|
||||
<p>
|
||||
All the books and notebooks, uniforms etc. are provided
|
||||
to the children by the school at fair price.
|
||||
</p>
|
||||
</div>
|
||||
<section class="container">
|
||||
<div class="bg-background text-foreground p-6">
|
||||
<h2 class="text-center text-2xl font-bold mb-6">
|
||||
Parent Reviews
|
||||
</h2>
|
||||
<div
|
||||
class="grid gap-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
|
||||
>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Aarav Mehta</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"Holy Wisdom Public School has been a
|
||||
wonderful experience for my child. The
|
||||
teachers are caring and provide a nurturing
|
||||
environment. My child looks forward to going
|
||||
to school every day!"
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Sneha Patel</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"I am very impressed with the curriculum and
|
||||
the activities at Holy Wisdom. My child has
|
||||
learned so much and has become more
|
||||
confident. The staff is very supportive and
|
||||
approachable."
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Rajesh Kumar</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"Choosing Holy Wisdom for my child was the
|
||||
best decision. The school focuses on the
|
||||
overall development of children, including
|
||||
academics, arts, and physical activities.
|
||||
Highly recommended!"
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Priya Singh</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"Holy Wisdom Public School has exceeded our
|
||||
expectations. The teachers are passionate
|
||||
about teaching, and it shows in the progress
|
||||
my child has made. The school environment is
|
||||
safe and friendly."
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Anjali Sharma</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"My child has had an amazing experience at
|
||||
Holy Wisdom. The interactive learning
|
||||
methods and the focus on each child's
|
||||
individual needs have really made a
|
||||
difference. We are very happy with the
|
||||
school."
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Vikram Gupta</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"Holy Wisdom Public School is fantastic! The
|
||||
school has a great balance between learning
|
||||
and fun. My child has developed good social
|
||||
skills and enjoys the various activities. I
|
||||
am very satisfied with the school's
|
||||
approach."
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section class="container mx-auto">
|
||||
<div>
|
||||
<dialog id="formModal" class="max-w-2xl rounded-xl">
|
||||
<form method="dialog" class="">
|
||||
<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">✘</button>
|
||||
<button
|
||||
class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right"
|
||||
>✘</button
|
||||
>
|
||||
<div class="">
|
||||
<ContactForm client:visible/>
|
||||
</div>
|
||||
<ContactForm client:visible />
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
|
|
@ -119,16 +612,23 @@ import ContactForm from '../components/ContactForm.vue';
|
|||
</Layout>
|
||||
<style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
|
||||
}
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgb(71, 174, 106) 0%,
|
||||
rgba(255, 255, 255) 40%
|
||||
);
|
||||
}
|
||||
.table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.table, .table th, .table td {
|
||||
.table,
|
||||
.table th,
|
||||
.table td {
|
||||
border: 1.5px solid black;
|
||||
}
|
||||
.table th, .table td {
|
||||
.table th,
|
||||
.table td {
|
||||
padding: 4px;
|
||||
text-align: left;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue