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

work in every pages

Browse Source
This commit is contained in:
dev sp
2023-12-16 15:42:46 +00:00
parent fa618afc81
commit 204bbf6c15
20 changed files with 550 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/pages/about.astro
View File

@@ -1,5 +1,6 @@
---
import Layout from "../layouts/Layout.astro";
import ContactForm from "../components/ContactForm.vue";
---
<Layout title="">
<main>
@@ -14,7 +15,7 @@ import Layout from "../layouts/Layout.astro";
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Nurturing Young Minds at Holywisdom Preschool</h2>
<h3 class="text-xl text-justify pb-4">A testament to our Montessori-inspired vision, dedicated educators, and vibrant learning spaces. Your child's journey starts here!</h3>
<div class="flex flex-row place-content-between">
<a href="#" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#FFFFFF] px-4 md:px-8 p-3 bg-[#3084b5] border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</a>
<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#FFFFFF] px-4 md:px-8 p-3 bg-[#3084b5] border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
</div>
</div>
</div>
@@ -25,6 +26,18 @@ import Layout from "../layouts/Layout.astro";
<p>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!</p>
</div>
</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">&#10008;</button>
<div class="">
<ContactForm client:visible/>
</div>
</form>
</dialog>
</div>
</section>
</div>
</main>
</Layout>

62
src/pages/curriculum.astro Normal file
View File

@@ -0,0 +1,62 @@
---
import Layout from "../layouts/Layout.astro";
import Slider from "../components/Slider.vue";
---
<Layout title="">
<main>
<div>
<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-3xl" src="/img/school2.png" alt="">
</div>
<div class="flex flex-col w-full">
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Preschool Learning at Holywisdom</h1>
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Discovering Bright Beginnings: Holywisdom's Engaging Preschool Curriculum</h2>
<h3 class="text-xl text-justify pb-4">Thoughtfully structured and tiered learning resources, influenced by Maria Montessori's principles, tailored to highlight your expertise as an educator. Meticulously designed for seamless integration in both conventional classrooms and homeschooling settings.</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="#" 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 pt-16">
<div class="">
<h1 class="text-xl md:text-3xl">Curriculum</h1>
<p>Welcome to Holywisdom Public School's Curriculum Page! At Holywisdom, we believe in providing a nurturing and enriching learning experience for your child. Our curriculum is designed to foster a love for learning, encourage creativity, and lay the foundation for a well-rounded education.</p>
<h1 class="text-xl md:text-3xl pt-2">Our Approach</h1>
<p>We follow a child-centric approach to education at Holywisdom, recognizing that each child is unique and learns at their own pace. Our experienced educators create a supportive and engaging environment where curiosity is encouraged, and every child feels valued.</p>
<div class="flex flex-col xl:flex-row gap-x-4">
<div>
<h1 class="text-xl md:text-3xl pt-2">Key Focus Areas</h1>
<h2 class="text-lg md:text-2xl"> 1. Early Literacy and Numeracy:</h2>
<p class="text-base text-justify"> Introduction to letters, numbers, and basic literacy skills through interactive and play-based activities.</p>
<h2 class="text-lg md:text-2xl"> 2. Social and Emotional Development:</h2>
<p class="text-base text-justify"> Activities promoting teamwork, communication, and emotional well-being to develop strong social skills.</p>
<h2 class="text-lg md:text-2xl"> 3. Creative Arts:</h2>
<p class="text-base text-justify"> Exploration of creativity through art, music, and imaginative play, fostering self-expression and confidence.</p>
<h2 class="text-lg md:text-2xl"> 4. Physical Development:</h2>
<p class="text-base text-justify"> Fun and age-appropriate physical activities to enhance motor skills and promote a healthy lifestyle.</p>
<h2 class="text-lg md:text-2xl"> 5. Nature and Science Exploration:</h2>
<p class="text-base text-justify"> Hands-on experiences to spark curiosity about the world, introducing basic science concepts and appreciation for nature.</p>
</div>
<div>
<Slider client:visible />
</div>
</div>
<h1 class="text-xl md:text-3xl pt-2">Daily Schedule</h1>
<p>Our daily schedule at Holywisdom is thoughtfully crafted to provide a balance of structured learning, free play, and rest. This ensures that your child receives a comprehensive and enjoyable early education experience.</p>
<h1 class="text-xl md:text-3xl pt-2">Parental Involvement</h1>
<p>We encourage parental involvement at Holywisdom and believe that collaboration between educators and parents is essential for a child's holistic development. Regular updates, parent-teacher conferences, and special events foster a strong partnership between home and school. Join us at Holywisdom Public School as we embark on an exciting journey of early childhood education together. If you have any questions or would like more information about our curriculum, feel free to reach out. We're here to support you and your child every step of the way</p>
</div>
</section>
</div>
</main>
</Layout>
<style>
.gradintBack {
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
}
</style>

20
src/pages/index.astro
View File

@@ -1,6 +1,8 @@
---
import Layout from '../layouts/Layout.astro';
import ContactForm from '../components/ContactForm.astro';
import ContactForm from '../components/ContactForm.vue';
import SliderHomepage from '../components/SliderHomepage.vue';
import FAQ from '../components/FAQ.vue'
---
<!-- An AI powered British Preschool Curriculum -->
<Layout title="Welcome to Astro.">
@@ -24,9 +26,14 @@ import ContactForm from '../components/ContactForm.astro';
</div>
</section>
<section class="container mx-auto px-4 my-10">
<div class="">
<h1 class="text-3xl">Enter Our Preschool World!</h1>
<p>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!</p>
<div class="flex flex-col xl:flex-row gap-x-10">
<div class="flex flex-col justify-center">
<h1 class="text-3xl">Enter Our Preschool World!</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!</p>
</div>
<div>
<SliderHomepage client:visible />
</div>
</div>
</section>
<section class="container mx-auto px-4 ">
@@ -60,13 +67,16 @@ import ContactForm from '../components/ContactForm.astro';
<p class="text-lg">At Holywisdom Public School, we are dedicated to following the Maria Montessori method and draw inspiration from the visionary Iswar Chandra Vidyasagar. Our educational philosophy aligns with their principles, creating an environment that honors the individuality of each child and nurtures their natural development. We believe in fostering a love for learning that lasts a lifetime, embodying the ideals envisioned by Maria Montessori and Iswar Chandra Vidyasagar.</p>
</div>
</section>
<div class="container mx-auto px-4">
<FAQ client:visible />
</div>
<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">&#10008;</button>
<div class="">
<ContactForm />
<ContactForm client:visible/>
</div>
</form>
</dialog>

24
src/pages/login.astro Normal file
View File

@@ -0,0 +1,24 @@
<main>
<div class="content">
<section class="container mx-auto max-w-lg bg-[url(/img/hps_logo.png)] rounded-2xl">
<div class="flex flex-col w-full justify-center place-items-center border-[1px] border-[#0e0f0420] rounded-[20px] shadow-2xl py-10">
<img class="max-w-[150px] shadow-lg p-2 py-6 border-[1px] rounded-full" src="/img/hps_logo.png" alt="">
<form action="" class="p-6">
<input v-model="name" id="name" name="name" type="text" placeholder="User ID" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
<input v-model="name" id="name" name="name" type="password" placeholder="Passsord" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2 mt-6" required/>
<button class="border-2 border-[#3084b5] text-white bg-[#3084b5] focus:outline-none rounded-lg w-full p-2 mt-4">Login</button>
</form>
<p class="">Not Registerd? <a href="/sign-up" class="text-[#FFFFFF] font-bold">Register Now</a></p>
</div>
</section>
</div>
</main>
<style>
.content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>

29
src/pages/sign-up.astro Normal file
View File

@@ -0,0 +1,29 @@
<main>
<div class="content">
<section class="container mx-auto max-w-lg bg-[url(/img/hps_logo.png)] rounded-2xl">
<div class="flex flex-col w-full justify-center place-items-center border-[1px] border-[#0e0f0420] rounded-[20px] shadow-2xl py-10">
<img class="max-w-[150px] shadow-lg p-2 py-6 border-[1px] rounded-full" src="/img/hps_logo.png" alt="">
<form action="" class="p-6 space-y-4">
<input v-model="name" id="name" name="name" type="text" placeholder="Name" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
<input v-model="name" id="name" name="name" type="text" placeholder="Email ID" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
<input v-model="name" id="name" name="name" type="text" placeholder="Mobile Number" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
<input v-model="name" id="name" name="name" type="password" placeholder="New Passsord" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
<input v-model="name" id="name" name="name" type="password" placeholder="Confirm Passsord" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
<button class="border-2 border-[#3084b5] text-white bg-[#3084b5] focus:outline-none rounded-lg w-full p-2 mt-4">Register</button>
</form>
<div class="flex flex-col place-content-between float-left">
<p class="">Back to <a href="/login" class="text-[#3084b5] font-bold">Login</a></p>
<p class="">Continue Without <a href="/" class="text-[#3084b5] font-bold">Login</a></p>
</div>
</div>
</section>
</div>
</main>
<style>
.content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>