dwd-projects
/
holywisdompublicschool.com
generated from dwd/boilarplate-astro-tailwind
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

s1

pull/4/head
dev2 siliconpin 2024-07-27 07:43:25 +00:00
parent b29973aa0b
commit 6f9c876024
6 changed files with 547 additions and 191 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/schoolbuilding_stage3.glb
View File

Binary file not shown.

BIN
public/img/dream.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
public/img/team.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 104 KiB

319
src/pages/index.astro
View File

@ -14,7 +14,10 @@ import FAQ from "../components/FAQ.vue";
class="container mx-auto px-4 flex flex-col-reverse xl:flex-row place-items-center gap-y-4" class="container mx-auto px-4 flex flex-col-reverse xl:flex-row place-items-center gap-y-4"
> >
<div class="w-full"> <div class="w-full">
<img class="w-full xl:max-w-2xl" src="/img/school-image-4.png" alt="" <img
class="w-full xl:max-w-2xl"
src="/img/school-image-4.png"
alt=""
/> />
</div> </div>
<div class="flex flex-col w-full"> <div class="flex flex-col w-full">
@ -38,34 +41,78 @@ import FAQ from "../components/FAQ.vue";
homeschool environments. homeschool environments.
</h3> </h3>
<div class="flex flex-row place-content-between"> <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> <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> <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> <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> </div>
</div> </div>
<!-- grid grid-cols-1 md:grid-cols-2 --> <!-- grid grid-cols-1 md:grid-cols-2 -->
</section> </section>
<section class="container mx-auto px-4 mt-16 mb-10 2xl:-mb-16"> <section class="container mx-auto px-4 mt-16 mb-10 2xl:-mb-16">
<div class="flex flex-col md:flex-row justify-center gap-4"> <div class="flex flex-col md:flex-row justify-center gap-4">
<div class="w-full md:w-2/3"> <div class="w-full md:w-2/3">
<img class="" src="/img/curri.jpg" alt="" /> <img class="" src="/img/curri.jpg" alt="" />
</div> </div>
<div class="w-full flex flex-col gap-4"> <div class="w-full flex flex-col gap-4">
<h1 class="text-3xl">Explore Holy Wisdom Public School <hr></h1> <h1 class="text-3xl">
<p class="text-justify text-lg">Welcome to Holy Wisdom Public School! Here, we help your little ones start their learning journey with curiosity and joy. Our curriculum is designed to make learning fun and engaging, and we celebrate exciting events like Saraswati Puja, Independence Day, Netaji’s Birthday, Children’s Day, School Foundation Day, and Annual Sports Competitions. We are dedicated to creating a warm and supportive environment where every child feels cared for and encouraged to explore. Join us and watch your child grow, learn, and thrive in a place where their happiness and development come first.</p> Explore Holy Wisdom Public School <hr />
<div><a href="/curriculum" class="text-lg rounded-lg text-white shadow-2xl p-2 bg-[#3084b5] border-2 border-[#3084b5]">Discover Now</a></div> </h1>
<p class="text-justify text-lg">
Welcome to Holy Wisdom Public School! Here, we help
your little ones start their learning journey with
curiosity and joy. Our curriculum is designed to
make learning fun and engaging, and we celebrate
exciting events like Saraswati Puja, Independence
Day, Netaji’s Birthday, Children’s Day, School
Foundation Day, and Annual Sports Competitions. We
are dedicated to creating a warm and supportive
environment where every child feels cared for and
encouraged to explore. Join us and watch your child
grow, learn, and thrive in a place where their
happiness and development come first.
</p>
<div>
<a
href="/curriculum"
class="text-lg rounded-lg text-white shadow-2xl p-2 bg-[#3084b5] border-2 border-[#3084b5]"
>Discover Now</a>
</div>
</div> </div>
</div> </div>
</section> </section>
<section class="container mx-auto px-4 mb-10"> <section class="container mx-auto px-4 mb-10">
<div class="flex flex-col xl:flex-row gap-6"> <div class="flex flex-col xl:flex-row gap-6">
<div class="flex flex-col justify-center gap-4"> <div class="flex flex-col justify-center gap-4">
<h1 class="text-3xl">Enter Our Preschool World! <hr></h1> <h1 class="text-3xl">
<p class="text-justify text-lg"> Welcome to the digital gateway of Holywisdom Public School's newest preschool! Explore the essence of early childhood education with our online platform, offering a glimpse into the vibrant and enriching world we've created for your child. Delve into our programs, meet our dedicated educators, and virtually tour our stimulating facilities. Stay connected with our community, receive updates on upcoming events, and embark on the exciting journey of discovery and growth that awaits your little one at Holywisdom Preschool. Start the adventure now! Enter Our Preschool World! <hr />
<div><a href="/admission" class="text-lg rounded-lg text-white shadow-2xl p-2 bg-[#3084b5] border-2 border-[#3084b5]">Discover Now</a></div> </h1>
<p class="text-justify text-lg">
Welcome to the digital gateway of Holywisdom Public
School's newest preschool! Explore the essence of
early childhood education with our online platform,
offering a glimpse into the vibrant and enriching
world we've created for your child. Delve into our
programs, meet our dedicated educators, and
virtually tour our stimulating facilities. Stay
connected with our community, receive updates on
upcoming events, and embark on the exciting journey
of discovery and growth that awaits your little one
at Holywisdom Preschool. Start the adventure now!
<div>
<a
href="/admission"
class="text-lg rounded-lg text-white shadow-2xl p-2 bg-[#3084b5] border-2 border-[#3084b5]"
>Discover Now</a>
</div>
</p> </p>
</div> </div>
<div> <div>
@ -75,7 +122,7 @@ import FAQ from "../components/FAQ.vue";
</section> </section>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">
<div class="pt-6"> <div class="pt-6">
<h1 class="text-3xl">Legacy-Inspired Education <hr></h1> <h1 class="text-3xl">Legacy-Inspired Education <hr /></h1>
<p class="text-lg text-justify"> <p class="text-lg text-justify">
At Holywisdom Public School, we are dedicated to At Holywisdom Public School, we are dedicated to
following the Maria Montessori method and draw following the Maria Montessori method and draw
@ -90,29 +137,69 @@ import FAQ from "../components/FAQ.vue";
</div> </div>
</section> </section>
<section class="container mx-auto px-4 mt-6"> <section class="container mx-auto px-4 mt-6">
<h1 class="text-3xl mb-6">Why Choose Holy Wisdom Public School? <hr></h1> <h1 class="text-3xl mb-6">
<div class="flex flex-col-reverse lg:flex-row gap-6 justify-center"> Why Choose Holy Wisdom Public School? <hr />
</h1>
<div
class="flex flex-col-reverse lg:flex-row gap-6 justify-center"
>
<div class="w-full"> <div class="w-full">
<p class="text-justify ">Holy Wisdom Public School offers a comprehensive educational experience with a strong emphasis on academic excellence, ethical values, and holistic development. The school is equipped with modern facilities, ensuring a safe and nurturing environment for students. With a dedicated faculty and a curriculum that balances academics with extracurricular activities, students are prepared for future challenges while also being encouraged to engage in community service and social responsibility.</p> <p class="text-justify">
Holy Wisdom Public School offers a comprehensive
educational experience with a strong emphasis on
academic excellence, ethical values, and holistic
development. The school is equipped with modern
facilities, ensuring a safe and nurturing
environment for students. With a dedicated faculty
and a curriculum that balances academics with
extracurricular activities, students are prepared
for future challenges while also being encouraged to
engage in community service and social
responsibility.
</p>
</div> </div>
<div> <div>
<div class="w-full"> <div class="w-full">
<img class="drop-shadow-2xl" src="/img/school56.png" alt="" /> <img
class="drop-shadow-2xl"
src="/img/school56.png"
alt=""
/>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">
<h1 class="text-2xl">Comprehensive and Engaging Educational Programs for Kids <hr></h1> <h1 class="text-2xl">
<p class="text-justify">Our educational programs for kids are designed to provide engaging, interactive, and fun learning experiences that spark curiosity and foster a love for learning from an early age. We offer a wide range of activities and curriculum tailored to support the holistic development of children, including critical thinking, creativity, social skills, and emotional intelligence. With a focus on hands-on learning and real-world applications, our programs inspire young minds to explore, discover, and reach their full potential.</p> Comprehensive and Engaging Educational Programs for Kids <hr
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 mt-8"> />
</h1>
<p class="text-justify">
Our educational programs for kids are designed to provide
engaging, interactive, and fun learning experiences that
spark curiosity and foster a love for learning from an early
age. We offer a wide range of activities and curriculum
tailored to support the holistic development of children,
including critical thinking, creativity, social skills, and
emotional intelligence. With a focus on hands-on learning
and real-world applications, our programs inspire young
minds to explore, discover, and reach their full potential.
</p>
<div
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 mt-8"
>
<div class="box w-full relative max-w-2xl mx-auto h-auto"> <div class="box w-full relative max-w-2xl mx-auto h-auto">
<div class="imgBx"> <div class="imgBx">
<img src="/img/school10.jpg" alt="image" /> <img src="/img/school10.jpg" alt="image" />
</div> </div>
<div class="content"> <div class="content">
<h2>Nursery <hr></h2> <h2>Nursery <hr /></h2>
<p class="text-justify leading-9">Our Nursery program builds on the foundational skills and introduces structured learning to your child, which includes early literacy and numeracy.</p> <p class="text-justify leading-9">
Our Nursery program builds on the foundational
skills and introduces structured learning to
your child, which includes early literacy and
numeracy.
</p>
</div> </div>
</div> </div>
<div class="box w-full relative max-w-2xl mx-auto h-auto"> <div class="box w-full relative max-w-2xl mx-auto h-auto">
@ -120,8 +207,13 @@ import FAQ from "../components/FAQ.vue";
<img src="/img/school9.jpg" alt="image" /> <img src="/img/school9.jpg" alt="image" />
</div> </div>
<div class="content"> <div class="content">
<h2>KG-1 <hr></h2> <h2>KG-1 <hr /></h2>
<p class="text-justify leading-9">Our KG-1 program prepares your child for formal schooling with a more integrated preschool curriculum focusing on language and cognitive skills.</p> <p class="text-justify leading-9">
Our KG-1 program prepares your child for formal
schooling with a more integrated preschool
curriculum focusing on language and cognitive
skills.
</p>
</div> </div>
</div> </div>
<div class="box w-full relative max-w-2xl mx-auto h-auto"> <div class="box w-full relative max-w-2xl mx-auto h-auto">
@ -129,8 +221,13 @@ import FAQ from "../components/FAQ.vue";
<img src="/img/school8.jpg" alt="image" /> <img src="/img/school8.jpg" alt="image" />
</div> </div>
<div class="content"> <div class="content">
<h2>KG-2 <hr></h2> <h2>KG-2 <hr /></h2>
<p class="text-justify leading-9">Our KG-2 program refines your child’s academic, social, and creative abilities and ensures that your child is perfectly ready for formal schooling.</p> <p class="text-justify leading-9">
Our KG-2 program refines your child’s academic,
social, and creative abilities and ensures that
your child is perfectly ready for formal
schooling.
</p>
</div> </div>
</div> </div>
<div class="box w-full relative max-w-2xl mx-auto h-auto"> <div class="box w-full relative max-w-2xl mx-auto h-auto">
@ -138,17 +235,38 @@ import FAQ from "../components/FAQ.vue";
<img src="/img/school_7.jpg" alt="image" /> <img src="/img/school_7.jpg" alt="image" />
</div> </div>
<div class="content"> <div class="content">
<h2>Standard 1-4 <hr></h2> <h2>Standard 1-4 <hr /></h2>
<p class="text-justify leading-9">Our Standard 1-4 program refines your child’s academic, social, and creative abilities and ensures that your child is perfectly ready for formal schooling.</p> <p class="text-justify leading-9">
Our Standard 1-4 program refines your child’s
academic, social, and creative abilities and
ensures that your child is perfectly ready for
formal schooling.
</p>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="container mx-auto px-4 mt-16"> <section class="container mx-auto px-4 mt-16">
<div class="flex flex-col-reverse lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6"> <div
class="flex flex-col-reverse lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6"
>
<div class="flex flex-col w-fit"> <div class="flex flex-col w-fit">
<h1 class="text-3xl"> Vidyasagar's Educational Ideals </h1> <h1 class="text-3xl">
<p class="text-justify text-lg pb-4"> Iswar Chandra Vidyasagar, a trailblazing educator, believed that education should not only impart knowledge but also instill moral values and character. He championed the idea that education must be accessible to everyone, breaking down societal barriers. Vidyasagar's vision emphasized holistic development and the importance of educating girls, recognizing the pivotal role they play in societal progress. His enduring legacy inspires us to provide inclusive and values-driven education for children, empowering them to become responsible and compassionate individuals. Vidyasagar's Educational Ideals
</h1>
<p class="text-justify text-lg pb-4">
Iswar Chandra Vidyasagar, a trailblazing educator,
believed that education should not only impart
knowledge but also instill moral values and
character. He championed the idea that education
must be accessible to everyone, breaking down
societal barriers. Vidyasagar's vision emphasized
holistic development and the importance of educating
girls, recognizing the pivotal role they play in
societal progress. His enduring legacy inspires us
to provide inclusive and values-driven education for
children, empowering them to become responsible and
compassionate individuals.
</p> </p>
<a <a
href="/vidyasagar" href="/vidyasagar"
@ -157,62 +275,143 @@ import FAQ from "../components/FAQ.vue";
> >
</div> </div>
<div class="flex"> <div class="flex">
<img class="w-full rounded-2xl" src="/img/pundit1.jpg" alt="" /> <img
class="w-full rounded-2xl"
src="/img/pundit1.jpg"
alt=""
/>
</div> </div>
</div> </div>
<div class="flex flex-col lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6 mt-10"> <div
class="flex flex-col lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6 mt-10"
>
<div class="flex"> <div class="flex">
<img class="w-full rounded-2xl" src="/img/maria.jpg" alt="" /> <img
class="w-full rounded-2xl"
src="/img/maria.jpg"
alt=""
/>
</div> </div>
<div class="flex flex-col w-fit"> <div class="flex flex-col w-fit">
<h1 class="text-3xl">Cultivating Curiosity in Every Child</h1> <h1 class="text-3xl">
<p class="text-justify text-lg pb-4"> Maria Montessori, the founder of the Montessori method, emphasized the profound importance of understanding and respecting children. She believed that children are inherently curious, capable, and possess an innate desire to learn. Montessori emphasized providing an environment that allows children to explore and discover at their own pace, fostering independence, creativity, and a love for learning. In her words, "Free the child's potential, and you will transform him into the world." Montessori education is built on the premise of nurturing the natural development of each child, recognizing their unique abilities and potential. Cultivating Curiosity in Every Child
</h1>
<p class="text-justify text-lg pb-4">
Maria Montessori, the founder of the Montessori
method, emphasized the profound importance of
understanding and respecting children. She believed
that children are inherently curious, capable, and
possess an innate desire to learn. Montessori
emphasized providing an environment that allows
children to explore and discover at their own pace,
fostering independence, creativity, and a love for
learning. In her words, "Free the child's potential,
and you will transform him into the world."
Montessori education is built on the premise of
nurturing the natural development of each child,
recognizing their unique abilities and potential.
</p> </p>
<a href="/montessori" class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500" >Read More >></a> <a
href="/montessori"
class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500"
>Read More >></a
>
</div> </div>
</div> </div>
</section> </section>
<section class="container mx-auto px-4">
<section class="container">
<div class="bg-background text-foreground p-8"> <div class="bg-background text-foreground p-8">
<div class="mx-auto"> <div class="mx-auto">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="md:col-span-1"> <div class="md:col-span-1">
<h2 class="text-3xl font-bold mb-4">Your Child's Safety, Our First Priority</h2> <h2 class="text-3xl font-bold mb-4">
<p class="text-justify mb-4">At Holy Wisdom Public School, we prioritize your child's safety above all else. Your Child's Safety, Our First Priority
Our secure campus is equipped with modern surveillance systems and controlled access points. Our dedicated staff undergoes regular training to </h2>
ensure they are prepared for any situation. We maintain strict hygiene protocols to provide a clean and healthy environment. With continuous supervision <p class="text-justify mb-4">
and a caring community, we create a safe haven for your child's growth and development. 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> </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> <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>
<div class="md:col-span-2 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> <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"> <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="" /> <img
<h3 class="text-lg font-semibold">CCTV Monitoring</h3> 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>
<div class="bg-card p-4 rounded-lg text-center"> <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="" /> <img
<h3 class="text-lg font-semibold">First Aid Kits</h3> 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>
<div class="bg-card p-4 rounded-lg text-center"> <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="" /> <img
<h3 class="text-lg font-semibold">Safety and Hygiene Standards as per WHO and UNESCO</h3> 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>
<div class="bg-card p-4 rounded-lg text-center"> <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="" /> <img
<h3 class="text-lg font-semibold">Trained Staff in Early Childhood Care</h3> 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>
<div class="bg-card p-4 rounded-lg text-center"> <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="" /> <img
<h3 class="text-lg font-semibold">Pediatrician On Call</h3> 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>
<div class="bg-card p-4 rounded-lg text-center"> <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="" /> <img
<h3 class="text-lg font-semibold">Fire Safety Protocol</h3> 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> </div>
@ -228,7 +427,9 @@ import FAQ from "../components/FAQ.vue";
<dialog id="formModal" class="max-w-2xl rounded-xl"> <dialog id="formModal" class="max-w-2xl rounded-xl">
<form method="dialog" class=""> <form method="dialog" class="">
<button <button
class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">&#10008;</button> class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right"
>&#10008;</button
>
<div class=""> <div class="">
<ContactForm client:visible /> <ContactForm client:visible />
</div> </div>

263
src/pages/overview.astro
View File

@ -45,7 +45,6 @@ import ContactForm from "../components/ContactForm.vue";
</div> </div>
</section> </section>
<section class="container mx-auto px-4"> <section class="container mx-auto px-4">
<div class="p-6">
<div class="text-center mb-8"> <div class="text-center mb-8">
<h2 class="text-3xl font-bold">Best Facilities For Kids</h2> <h2 class="text-3xl font-bold">Best Facilities For Kids</h2>
</div> </div>
@ -53,73 +52,208 @@ import ContactForm from "../components/ContactForm.vue";
<div class="w-full md:w-1/2 lg:w-1/3 p-4"> <div class="w-full md:w-1/2 lg:w-1/3 p-4">
<div class="flex items-start"> <div class="flex items-start">
<div class="flex-shrink-0"> <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
class="bg-red-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
>
01
</div>
</div> </div>
<div class="ml-4"> <div class="ml-4">
<h3 class="text-xl font-semibold">Safe and secure outdoor play area</h3> <h3 class="text-xl font-semibold">
<p class="text-justify">A fenced and monitored space with age-appropriate equipment ensuring children can play freely under supervision.</p> 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>
</div> </div>
<div class="w-full md:w-1/2 lg:w-1/3 p-4"> <div class="w-full md:w-1/2 lg:w-1/3 p-4">
<div class="flex items-start"> <div class="flex items-start">
<div class="flex-shrink-0"> <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
class="bg-orange-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
>
02
</div>
</div> </div>
<div class="ml-4"> <div class="ml-4">
<h3 class="text-xl font-semibold">Colorful and stimulating classrooms</h3> <h3 class="text-xl font-semibold">
<p class="text-justify">Vibrant, well-organized rooms with visually appealing decor that encourages learning and creativity.</p> 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>
</div> </div>
<div class="w-full md:w-1/2 lg:w-1/3 p-4"> <div class="w-full md:w-1/2 lg:w-1/3 p-4">
<div class="flex items-start"> <div class="flex items-start">
<div class="flex-shrink-0"> <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
class="bg-green-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
>
03
</div>
</div> </div>
<div class="ml-4"> <div class="ml-4">
<h3 class="text-xl font-semibold">Indoor play spaces for physical activities</h3> <h3 class="text-xl font-semibold">
<p class="text-justify">Areas designed for physical play, promoting gross motor skills through activities like climbing, jumping, and balancing.</p> 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>
</div> </div>
<div class="w-full md:w-1/2 lg:w-1/3 p-4"> <div class="w-full md:w-1/2 lg:w-1/3 p-4">
<div class="flex items-start"> <div class="flex items-start">
<div class="flex-shrink-0"> <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
class="bg-red-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
>
04
</div>
</div> </div>
<div class="ml-4"> <div class="ml-4">
<h3 class="text-xl font-semibold">Interactive learning tools and educational toys</h3> <h3 class="text-xl font-semibold">
<p class="text-justify">Various hands-on materials and toys that engage children while promoting cognitive and motor skill development.</p> 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>
</div> </div>
<div class="w-full md:w-1/2 lg:w-1/3 p-4"> <div class="w-full md:w-1/2 lg:w-1/3 p-4">
<div class="flex items-start"> <div class="flex items-start">
<div class="flex-shrink-0"> <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
class="bg-orange-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
>
05
</div>
</div> </div>
<div class="ml-4"> <div class="ml-4">
<h3 class="text-xl font-semibold">Art and creativity corner with diverse materials</h3> <h3 class="text-xl font-semibold">
<p class="text-justify">An area stocked with art supplies to encourage self-expression and creativity through various art mediums.</p> 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>
</div> </div>
<div class="w-full md:w-1/2 lg:w-1/3 p-4"> <div class="w-full md:w-1/2 lg:w-1/3 p-4">
<div class="flex items-start"> <div class="flex items-start">
<div class="flex-shrink-0"> <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
class="bg-purple-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
>
06
</div>
</div> </div>
<div class="ml-4"> <div class="ml-4">
<h3 class="text-xl font-semibold">Multimedia and technology integration for learning</h3> <h3 class="text-xl font-semibold">
<p class="text-justify">Access to age-appropriate technology, such as computers or tablets, used as a supplementary tool to enhance learning experiences.</p> Multimedia and technology integration for
</div> 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>
</div> </div>
<div class="container text-center p-8">
<div
class="flex flex-wrap items-center mt-20 text-left text-center"
>
<div class="w-full md:w-3/5 lg:w-1/2 px-4">
<img
src="public/img/dream.jpg"
alt=""
class="inline-block rounded shadow-lg border border-merino-400"
/>
</div>
<div
class="w-full md:w-2/5 lg:w-1/2 px-4 text-center md:text-left lg:pl-12"
>
<h3
class="font-bold mt-8 text-xl md:mt-0 sm:text-2xl"
>
The Dream
</h3>
<p class="text-justify">
At Holy Wisdom Public School, we believe in
nurturing the dreams of our young learners.
Every child has a unique potential and a world
of possibilities ahead. We strive to create an
environment where their dreams can take flight,
encouraging curiosity, creativity, and a love
for learning. Our dedicated teachers and
supportive community work together to ensure
that each child feels inspired to dream big and
pursue their passions. At Holy Wisdom, we are
committed to turning dreams into reality, one
step at a time.
</p>
</div>
</div>
<div
class="flex flex-wrap items-center mt-20 text-left text-center"
>
<div class="w-full md:w-3/5 lg:w-1/2 px-4">
<img
src="public/img/team.jpg"
alt=""
class="inline-block rounded shadow-lg border border-merino-400"
/>
</div>
<div
class="w-full md:w-2/5 lg:w-1/2 px-4 md:order-first text-center md:text-left lg:pr-12"
>
<h3
class="font-bold mt-8 text-xl md:mt-0 sm:text-2xl"
>
Our Team
</h3>
<p class="text-justify">
At Holy Wisdom Public School, our team is the
heart of our community. Comprised of dedicated
and experienced educators, our staff is
passionate about fostering a love for learning
in every child. Our teachers are not only
skilled in early childhood education but are
also committed to creating a nurturing and
supportive environment where each child can
thrive. With a focus on personalized attention
and holistic development, our team works
tirelessly to ensure that every child feels
valued and encouraged. Together, we strive to
make every day a meaningful and joyful learning
experience for our students.
</p>
</div>
</div>
</div>
<div> <div>
<h1 class="text-xl md:text-3xl pt-2">School Uniform</h1> <h1 class="text-xl md:text-3xl pt-2">School Uniform</h1>
@ -445,36 +579,32 @@ import ContactForm from "../components/ContactForm.vue";
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"
stroke="currentColor" stroke="currentColor"
> ><path
<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" 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> </path></svg
</svg> >
<svg <svg
class="text-yellow-500 w-4 h-4" class="text-yellow-500 w-4 h-4"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"
stroke="currentColor" stroke="currentColor"
> ><path
<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" 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> </path></svg
</svg> >
<svg <svg
class="text-yellow-500 w-4 h-4" class="text-yellow-500 w-4 h-4"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"
stroke="currentColor" stroke="currentColor"
> ><path
<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" 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
> >
</path>
</svg>
</div> </div>
</div> </div>
<div <div
@ -500,36 +630,30 @@ import ContactForm from "../components/ContactForm.vue";
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"
stroke="currentColor" stroke="currentColor"
> ><path
<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" 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
> >
</path>
</svg>
<svg <svg
class="text-yellow-500 w-4 h-4" class="text-yellow-500 w-4 h-4"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"
stroke="currentColor" stroke="currentColor"
> ><path
<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" 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
> >
</path>
</svg>
<svg <svg
class="text-yellow-500 w-4 h-4" class="text-yellow-500 w-4 h-4"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"
stroke="currentColor" stroke="currentColor"
> ><path
<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" 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
> >
</path>
</svg>
</div> </div>
</div> </div>
<div <div
@ -555,12 +679,11 @@ import ContactForm from "../components/ContactForm.vue";
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"
stroke="currentColor" stroke="currentColor"
> ><path
<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" 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> </path></svg
</svg> >
<svg <svg
class="text-yellow-500 w-4 h-4" class="text-yellow-500 w-4 h-4"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
@ -571,25 +694,57 @@ import ContactForm from "../components/ContactForm.vue";
<path <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" 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> </path></svg
</svg> >
<svg <svg
class="text-yellow-500 w-4 h-4" class="text-yellow-500 w-4 h-4"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20" viewBox="0 0 20 20"
fill="currentColor" fill="currentColor"
stroke="currentColor" stroke="currentColor"
> ><path
<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" 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
> >
</path>
</svg>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<section class="container">
<div
class="flex flex-col md:flex-row items-center bg-background p-6 rounded-lg"
>
<div class="md:w-1/2 flex justify-center mb-6 md:mb-0">
<img
src="public/img/visit.png"
alt="location marker with buildings"
class="rounded-full bg-muted p-4"
/>
</div>
<div class="md:w-1/2 text-center md:text-left">
<h2 class="text-2xl font-bold text-foreground mb-4">
Visit Us
</h2>
<p class="text-justify mb-6">
We warmly invite parents to tour Holy Wisdom
Public School and see our vibrant learning
environment firsthand. Schedule your visit today
to meet our dedicated team, explore our engaging
classrooms, and discover the unique learning
experiences we offer. Come and see why Holy
Wisdom is the perfect place for your child's
early education journey.
</p>
<a
href="/contact"
class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500"
>Reach Us >></a
>
</div>
</div>
</section>
</section> </section>
<section class="container mx-auto"> <section class="container mx-auto">
<div> <div>