generated from dwd/boilarplate-astro-tailwind
s1
This commit is contained in:
@@ -38,18 +38,27 @@
|
||||
email: "",
|
||||
message: "",
|
||||
userQurie: true,
|
||||
domain: 'sample.com',
|
||||
owner: 'Holly Wisdom Public School',
|
||||
referrer: 'Holly Wisdom Public School',
|
||||
}
|
||||
},
|
||||
methods:{
|
||||
saveFormData(e){
|
||||
e.preventDefault();
|
||||
let formData = {
|
||||
name: this.name,
|
||||
mobile: this.phone,
|
||||
email: this.email,
|
||||
message: this.message
|
||||
data:{
|
||||
name: this.name,
|
||||
phone: this.phone,
|
||||
email: this.email,
|
||||
message: this.message
|
||||
},
|
||||
owner: this.owner,
|
||||
domain: this.domain,
|
||||
referrer: this.referrer
|
||||
}
|
||||
fetch(`https://api8.siliconpin.com/items/hps_contact`,
|
||||
console.log(formData);
|
||||
fetch(`http://api.siliconpin.com/v3/contact-form-processor/`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers: {
|
||||
@@ -58,8 +67,8 @@
|
||||
body: JSON.stringify(formData)
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
console.log("Saved Form Data")
|
||||
.then(resData => {
|
||||
// console.log("Saved Form resData", resData)
|
||||
})
|
||||
this.userQurie = false;
|
||||
}
|
||||
|
||||
@@ -3,19 +3,19 @@
|
||||
<section class="mt-16">
|
||||
<div class="flex flex-col lg:flex-row place-content-between gap-x-4">
|
||||
<div class="flex flex-col w-full">
|
||||
<h1 class="text-[#47ae6a] hero-text font-bold">Frequently Asked <span class="text-[#3084b5]">Questions</span> </h1>
|
||||
<div class="grid h-fit" v-for="data in faqData" :key="data.questionNumber">
|
||||
<details>
|
||||
<summary>
|
||||
<div class="flex inline-flex cursor-pointer">{{ data.question }}</div>
|
||||
</summary>
|
||||
<div v-html="data.answer"></div>
|
||||
</details>
|
||||
<h1 class="text-[#47ae6a] hero-text font-bold">Frequently Asked <span class="text-[#3084b5]">Questions</span> </h1>
|
||||
<div class="grid h-fit" v-for="data in faqData" :key="data.questionNumber">
|
||||
<details>
|
||||
<summary>
|
||||
<div class="flex inline-flex cursor-pointer">{{ data.question }}</div>
|
||||
</summary>
|
||||
<div v-html="data.answer"></div>
|
||||
</details>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col justify-center place-items-center">
|
||||
<img class="w-fit rounded-full border-2 shadow-xl" src="/img/faq1.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center place-items-center">
|
||||
<img class="max-w-lg rounded-full border-2 shadow-xl" src="/img/faq.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
<section class="container-fluid back2">
|
||||
<div class="container mx-auto px-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 p-4">
|
||||
<div class="flex flex-col justify-center place-items-center border p-2 rounded-xl">
|
||||
<img class="h-[100px]" src="/img/hps_logo.png" alt="Holywisdom Public School" />
|
||||
<img class="h-[100px]" src="public/img/logo(202).png" alt="Holywisdom Public School" />
|
||||
<p class="text-[15px] text-justify">At <a href="/" class="text-[#3084b5]">Holywisdom Public School,</a> we proudly embrace the Montessori approach, championing Maria Montessori's vision. This child-centered method encourages independence, creativity, and a love for learning in a prepared environment.</p>
|
||||
</div>
|
||||
<div class="flex flex-col gap-y-4 border p-2 rounded-xl">
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<div>
|
||||
<nav>
|
||||
<div class="logo">
|
||||
<a href="/"><img src="/img/hps_logo.png" alt="Holywisdom Public School Logo" /></a>
|
||||
<a href="/"><img src="public/img/logo(202).png" alt="Holywisdom Public School Logo" /></a>
|
||||
</div>
|
||||
<div class="hamburger">
|
||||
<div class="line1"></div>
|
||||
@@ -15,11 +15,14 @@
|
||||
<!-- <li><a href="#">Products</a></li> -->
|
||||
<!-- <li><a href="#">Services</a></li> -->
|
||||
<li><a href="/about">About</a></li>
|
||||
<li><a href="/overview">Overview</a></li>
|
||||
<li><a href="/admission">Admission</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
|
||||
<li><a href="/login">Login</a></li>
|
||||
<li><a href="/sign-up">Signup</a></li>
|
||||
|
||||
<!-- <li><a href="/login">Login</a></li>
|
||||
<li><a href="/sign-up">Signup</a></li> -->
|
||||
|
||||
|
||||
<!-- <li><button class="login-button">Login</button></li>
|
||||
<li><button class="join-button">Join</button></li> -->
|
||||
</ul>
|
||||
@@ -54,8 +57,8 @@
|
||||
overflow-x: hidden;
|
||||
}
|
||||
nav{
|
||||
height: 6rem;
|
||||
width: 100vw;
|
||||
/* height: 6rem; */
|
||||
width: 100%;
|
||||
background-color: #FFF;
|
||||
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
|
||||
display: flex;
|
||||
|
||||
@@ -30,6 +30,12 @@ const { title } = Astro.props;
|
||||
*{
|
||||
font-family: 'Quicksand', sans-serif;
|
||||
}
|
||||
hr{
|
||||
margin-top: 4px;
|
||||
margin-bottom: 10px;
|
||||
border: 0;
|
||||
border-top: 2px solid rgba(21, 20, 20, 0.1);
|
||||
}
|
||||
/* :root {
|
||||
--accent: 124, 58, 237;
|
||||
--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%);
|
||||
|
||||
@@ -3,6 +3,7 @@ import Layout from "../layouts/Layout.astro";
|
||||
import ContactForm from "../components/ContactForm.vue";
|
||||
---
|
||||
<Layout title="">
|
||||
<script is:inline type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
|
||||
<main>
|
||||
<div>
|
||||
<section class="container-fluid gradintBack">
|
||||
@@ -23,26 +24,110 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
<section class="container mx-auto px-4 my-10">
|
||||
<div class="">
|
||||
<h1 class="text-2xl">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>
|
||||
<p class="text-justify">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 px-4 pb-16">
|
||||
<div class="flex flex-col">
|
||||
<h1 class="text-2xl pt-4">About Holy Wisdom Public School</h1>
|
||||
<p>Welcome to Holy Wisdom Public School, a nurturing haven for young minds inspired by the visionary Ishwar Chandra Vidyasagar, where we embrace the Maria Montessori education system. Our preschool is dedicated to creating an environment where children flourish, explore, and grow.</p>
|
||||
<p class="text-justify">Welcome to Holy Wisdom Public School, a nurturing haven for young minds inspired by the visionary Ishwar Chandra Vidyasagar, where we embrace the Maria Montessori education system. Our preschool is dedicated to creating an environment where children flourish, explore, and grow.</p>
|
||||
<h1 class="text-2xl pt-4"> Our Vision and Mission</h1>
|
||||
<p class="text-justify">HOLY WISDOM PUBLIC SCHOOL, Kumra, Kumra Kashipur, Habra North 24 Parganas (W.B.)
|
||||
establish in rural area for the development of the community and our society. Holy Wisdom
|
||||
Public School will deliver a world class education that encourages collaboration
|
||||
communication creativity and critical thinking. Our mission is to inspire every each students
|
||||
not only excellence in academic but create a value of leadership and make them a disciplined
|
||||
person. Holy Wisdom Public school will provide a safe and nurturing learning
|
||||
environment. it will provide a high standard of knowledge promoting academic excellence
|
||||
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>
|
||||
|
||||
|
||||
|
||||
<!-- <model-viewer id="" class="w-full h-screen bg-[#05b3a430]" src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls poster="/assets/poster.webp" shadow-intensity="1" camera-target="-2.135m 1.38m 0.17m" camera-orbit="-7.951e-16deg 80.69deg 136.1m" field-of-view="30deg">
|
||||
<div class="progress-bar hide" slot="progress-bar">
|
||||
<div class="update-bar"></div>
|
||||
</div>
|
||||
<div class="inline-flex" id="ar-prompt">
|
||||
<img src="https://modelviewer.dev/shared-assets/icons/hand.png" />
|
||||
<button class="-mt-2" slot="ar-button" id="ar-button">View in your space</button>
|
||||
</div>
|
||||
</model-viewer> -->
|
||||
|
||||
|
||||
<!-- <model-viewer src="/assets/school_building_stage2.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1">
|
||||
<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-[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-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">
|
||||
<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> -->
|
||||
|
||||
|
||||
|
||||
<h1 class="text-2xl pt-4"> Our Objective</h1>
|
||||
<p class="text-justify">1. To achieve high standard of academic excellence.<br/>
|
||||
2. To provide an education that prepare young minds to be creative compassionate
|
||||
and innovative adults.<br/>
|
||||
3. To prepare the students according to the interest and ability of the students.<br/>
|
||||
4. Including a variety of learning tasks in the curriculam as some children
|
||||
prefer learning by discovery rather than limitation.<br/>
|
||||
5. Asking question that encourages original responses.<br/>
|
||||
6. Providing time and scope to slow learners.</p>
|
||||
|
||||
<h1 class="text-2xl pt-4">Targets</h1>
|
||||
<p class="text-justify">The class room is primarily responsible for developing intellect, compassion, respect, equality,
|
||||
accountability and social responsibility which are the pillars of perfect character buildup.
|
||||
Focus on extra curricular activities assist asthetic development, character building spiritual
|
||||
growth, physical growth, enhances personality boosts confidence, programme on quiz test /
|
||||
song poetry / abcus will be taught along with academic.</p>
|
||||
<h1 class="text-2xl pt-4">Our Philosophy</h1>
|
||||
<p>Rooted in Vidyasagar's Vision: At Holy Wisdom, we draw inspiration from Ishwar Chandra Vidyasagar's commitment to education. Our philosophy aligns with his vision of providing quality education that respects the natural development of each child.</p>
|
||||
<p class="text-justify">Rooted in Vidyasagar's Vision: At Holy Wisdom, we draw inspiration from Ishwar Chandra Vidyasagar's commitment to education. Our philosophy aligns with his vision of providing quality education that respects the natural development of each child.</p>
|
||||
<h1 class="text-2xl pt-4">What Sets Us Apart</h1>
|
||||
<p>Child-Centric Learning: Understanding that every child is unique, our curriculum at Holy Wisdom is tailored to accommodate various learning styles. We celebrate individuality and encourage self-discovery.</p><br>
|
||||
<p>Montessori Materials and Environments: Our classrooms are equipped with specially designed Montessori materials, inspired by Vidyasagar's dedication to innovative education. These materials, combined with thoughtfully crafted environments, inspire joy and curiosity in learning.</p>
|
||||
<p class="text-justify">Child-Centric Learning: Understanding that every child is unique, our curriculum at Holy Wisdom is tailored to accommodate various learning styles. We celebrate individuality and encourage self-discovery.</p><br>
|
||||
<p class="text-justify">Montessori Materials and Environments: Our classrooms are equipped with specially designed Montessori materials, inspired by Vidyasagar's dedication to innovative education. These materials, combined with thoughtfully crafted environments, inspire joy and curiosity in learning.</p>
|
||||
<h1 class="text-2xl pt-4">Our Dedicated Educators</h1>
|
||||
<p>Passionate and Trained Staff: Our team of educators is passionate about early childhood education and is trained in the Montessori philosophy. They guide, support, and observe each child's journey, fostering a love for learning that lasts a lifetime.</p>
|
||||
<p class="text-justify">Passionate and Trained Staff: Our team of educators is passionate about early childhood education and is trained in the Montessori philosophy. They guide, support, and observe each child's journey, fostering a love for learning that lasts a lifetime.</p>
|
||||
<h1 class="text-2xl pt-4">Core Values</h1>
|
||||
<p>Respect, Responsibility, and Resilience: Holy Wisdom instills core values of respect, responsibility, and resilience in every child. Through practical life activities, sensorial experiences, and collaborative play, we build the foundation for future success.</p>
|
||||
<p class="text-justify">Respect, Responsibility, and Resilience: Holy Wisdom instills core values of respect, responsibility, and resilience in every child. Through practical life activities, sensorial experiences, and collaborative play, we build the foundation for future success.</p>
|
||||
<h1 class="text-2xl pt-4">Community Engagement</h1>
|
||||
<p>A Community of Learners: We believe in the power of community. Holy Wisdom encourages parental involvement, creating a collaborative learning experience. Regular communication, events, and workshops ensure a strong partnership between school and family.</p>
|
||||
<p class="text-justify">A Community of Learners: We believe in the power of community. Holy Wisdom encourages parental involvement, creating a collaborative learning experience. Regular communication, events, and workshops ensure a strong partnership between school and family.</p>
|
||||
<h1 class="text-2xl pt-4">Visit Us Today</h1>
|
||||
<p>Embark on this educational journey with us at Holy Wisdom Public School. Schedule a visit to explore our classrooms, meet our dedicated staff, and witness the magic of Maria Montessori inspired by the ideals of Ishwar Chandra Vidyasagar. <br/>At Holy Wisdom, we don't just educate; we inspire a lifelong love for learning.</p>
|
||||
<p class="text-justify">Embark on this educational journey with us at Holy Wisdom Public School. Schedule a visit to explore our classrooms, meet our dedicated staff, and witness the magic of Maria Montessori inspired by the ideals of Ishwar Chandra Vidyasagar. <br/>At Holy Wisdom, we don't just educate; we inspire a lifelong love for learning.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto">
|
||||
|
||||
435
src/pages/admission.astro
Normal file
435
src/pages/admission.astro
Normal file
@@ -0,0 +1,435 @@
|
||||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
import ContactForm from "../components/ContactForm.vue";
|
||||
---
|
||||
|
||||
<Layout title="">
|
||||
<main>
|
||||
<div class="pb-16">
|
||||
<section class="container-fluid gradintBack">
|
||||
<div
|
||||
class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center gap-4"
|
||||
>
|
||||
<div class="w-full">
|
||||
<img
|
||||
class="lg:max-w-3xl"
|
||||
src="public/img/school-image-3.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col w-full">
|
||||
<h1
|
||||
class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]"
|
||||
>
|
||||
Admission
|
||||
</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="/about"
|
||||
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="flex justify-center">
|
||||
<h1 class="text-2xl text-[#3084b5]">
|
||||
Admission Procedure (English Medium, I.C.S.E. Curriculam)
|
||||
</h1>
|
||||
</section>
|
||||
<section class="flex justify-center">
|
||||
<h3 class="text-2xl">Day Division : 11.15 a.m. to 03.30 p.m</h3>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 pt-16">
|
||||
<h3 class="text-2xl">Age limit for admission in different categories <hr></h3>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="header">Class</th>
|
||||
<th class="header">Age</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Nursery</td>
|
||||
<td>3 years to 4 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>KG-1</td>
|
||||
<td>4 years to 5 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>KG-2</td>
|
||||
<td>5 years to 6 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Standard-1</td>
|
||||
<td>From 6 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Standard-2</td>
|
||||
<td>From 7 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Standard-3</td>
|
||||
<td>From 8 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Standard-4</td>
|
||||
<td>From 9 years</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="flex flex-col space-y-3 mt-6">
|
||||
<p class="text-justify">1. Application for admission should be made in the prescribed form available along with the prospectus issued as per the school notice during the month of September to December.</p>
|
||||
<p class="text-justify">2. Information regarding admission will be available on the school notice board and from the school office.</p>
|
||||
|
||||
<p class="text-justify">3. Admission will be carried out for the playgroup, pre-nursery / nursery class one “First come first serve basis” for candidates fulfilling the basic criteria.</p>
|
||||
|
||||
<p class="text-justify">
|
||||
4.All information provided in the form should be accurate
|
||||
and no subsequent change will be permitted.
|
||||
</p>
|
||||
|
||||
<p class="text-justify">
|
||||
Furnishing of inaccurate information will lead to rejection
|
||||
of the Application form. The eligibility age for admission
|
||||
to class Pre-Nursery 3+ years and that of Nursery is 4+
|
||||
years of age on the first day of the academic year for which
|
||||
admission is being sought.
|
||||
</p>
|
||||
|
||||
<p class="text-justify">
|
||||
5. Vacancies for other classes will be held during before
|
||||
after the commencement of new session. Short listed
|
||||
candidates will be called for interview and admission test
|
||||
</p>
|
||||
|
||||
<p class="text-justify">
|
||||
6. Admission requirement contain the date of birth of the
|
||||
child along with the admission form copies must be submitted
|
||||
</p>
|
||||
<p class="text-justify">
|
||||
7. One passport size photo of child to be given along with
|
||||
the form. With necessary attachment should be dropped into
|
||||
the school submission box as per the dates notified.
|
||||
</p>
|
||||
<p class="text-justify">
|
||||
8. Candidates selected for admission will be notified.
|
||||
</p>
|
||||
<p class="text-justify">
|
||||
9. The school reserves the right to reject any application
|
||||
without giving any reasons.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
<h1 class="text-xl md:text-3xl pt-2">Working Days <hr></h1>
|
||||
<h2>Monday to Friday 11.00 a.m. to 3.30 p.m</h2>
|
||||
<p>Saturday and Sunday are holidays and all Government’s holidays mention on School Diary</p>
|
||||
|
||||
<h1 class="text-xl md:text-3xl mt-6">Working Hours <hr></h1>
|
||||
<p>
|
||||
The office is open for work from 9 a.m. to 3.30 p.m. Tuition
|
||||
Fees must be paid by 25th of each month, if not—
|
||||
</p>
|
||||
<li>
|
||||
Afte 25th of month you will have to pay an additional 100
|
||||
rupees and tuition fees.
|
||||
</li>
|
||||
<li>
|
||||
275 rupees additional to pay after two months with tuition
|
||||
fees
|
||||
</li>
|
||||
<li>
|
||||
If three months have passed, you have to pay the fees by
|
||||
paing 1000 rupees again.
|
||||
</li>
|
||||
|
||||
<div class="container">
|
||||
<span class="en">English</span>
|
||||
<input type="checkbox" class="check" />
|
||||
<span class="bn">Bangla</span>
|
||||
<div class="content contentEnglish flex flex-col space-y-3">
|
||||
<h1 class="text-xl md:text-3xl">Overall School Facilitties</h1>
|
||||
|
||||
<li>I.C.S.E. based Curriculam</li>
|
||||
<li>
|
||||
Research based pedagogy and teaching methodology.
|
||||
</li>
|
||||
<li>Pearson Books.</li>
|
||||
<li>
|
||||
Classrooms equipped with state of the art technology
|
||||
and Smart classes
|
||||
</li>
|
||||
|
||||
<li>Small batch for each class.</li>
|
||||
<li>
|
||||
Competent and qualified teachers as per I.C.S.E.
|
||||
guidelines.
|
||||
</li>
|
||||
<li>
|
||||
Separate and Dedicated attendant for Junior Section.
|
||||
</li>
|
||||
<li>
|
||||
Day boarding, Day care and Tuition Facilities
|
||||
available.
|
||||
</li>
|
||||
<li>
|
||||
Complimentary hygienic food to be served to students
|
||||
in School Canteen.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
Separate washrooms for boys and girls and staff in
|
||||
all floors.
|
||||
</li>
|
||||
<li>
|
||||
Well equipped infirmary with additional doctor on
|
||||
call facility.
|
||||
</li>
|
||||
<li>CCTV Surveillance in entire School Campus.</li>
|
||||
<li>Biometric Attendance System.</li>
|
||||
<li>School pool car with GPS tracking enabled</li>
|
||||
<li>Art a
|
||||
<li>Training of Students with Music and Dance</li>
|
||||
<li>Well stocked Library.</li>
|
||||
<li>Abacus Classes</li>
|
||||
<li>Drama.</li>
|
||||
<li>Self Defence Classes — Karate and Taekwondo.</li>
|
||||
</div>
|
||||
<div class="content contentBengla flex flex-col space-y-3">
|
||||
<h1 class="text-xl md:text-3xl pt-2">
|
||||
স্কুলের সামগ্রিক সুযোগ সুবিধা
|
||||
|
||||
</h1>
|
||||
<br/>
|
||||
|
||||
<li>বাংলা ও ইংরেজী দুটি মাধ্যমের সুবিধা উপলব্ধ</li>
|
||||
<li>গবেষণা ভিত্তিক শিক্ষা ও শিখন পদ্ধতি</li>
|
||||
<li>অত্যাধুনিক প্রযুক্তি ও স্মার্ট ক্লাসের সুযোগ</li>
|
||||
<li>প্রতিটি শ্রেণীতে কমসংখ্যক ছাত্র ছাত্রী</li>
|
||||
|
||||
<li>
|
||||
সরকারের নির্দেশনা অনুযায়ী ট্রেনিং প্রাপ্ত
|
||||
শিক্ষক শিক্ষিকা
|
||||
</li>
|
||||
<li>ছোট বাচ্চাদের দেখাশোনার জন্য আলাদা দক্ষ কর্মী</li>
|
||||
<li>
|
||||
স্কুল থেকে স্বাস্থ্যকর ও গুণমান উন্নত খাবার পরিবেশন
|
||||
</li>
|
||||
<li>
|
||||
প্রত্যেক ফ্লোরে ছাত্র ছাত্রীদের আলাদা এবং শিক্ষক
|
||||
শিক্ষিকা ও স্টাফেদের আলাদা ওয়াশরুম
|
||||
</li>
|
||||
<li>
|
||||
পুরো স্কুল ক্যাম্পাস সি সি টি ভি ক্যামেরার
|
||||
নজরদারীর আওতাভুক্ত
|
||||
</li>
|
||||
|
||||
<li>পুলকারেরর সুবিধা আছে</li>
|
||||
<li>আর্ট এবং ক্রাফ্ট ক্লাস</li>
|
||||
<li>ছাত্র ছাত্রীদের গান ও নাচ শেখানোর ক্লাস</li>
|
||||
<li>উপযুক্ত গ্রন্থাগার</li>
|
||||
<li>নাটক আবৃত্তির ক্লাস</li>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <h1 class="text-xl md:text-3xl mt-6">Fees Structure <hr></h1>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="6" class=" header">Admission Fees</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="header">Fees</th>
|
||||
<th class="header">Frequency</th>
|
||||
<th class="header">Class Nursery to Upper K.G.</th>
|
||||
<th class="header">Class I to II</th>
|
||||
<th class="header">Class III to IV</th>
|
||||
<th class="header">Class V to VIII</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="">Admission Fees + Registration Fees</td>
|
||||
<td>One Time</td>
|
||||
<td>8,000 + 4,000</td>
|
||||
<td>10,000 + 6,000</td>
|
||||
<td>12,000 + 6,000</td>
|
||||
<td>15,000 + 10,000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Session Fees</td>
|
||||
<td>Annualy</td>
|
||||
<td>6,000</td>
|
||||
<td>8,000</td>
|
||||
<td>8,000</td>
|
||||
<td>10,000</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th colspan="6" class=" header">Tuition Fees</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="header">Class</th>
|
||||
<th class="header">Monthly</th>
|
||||
<th class="header">Quarterly</th>
|
||||
<th class="header">Annualy</th>
|
||||
<th class="header">Class III to IV</th>
|
||||
<th class="header">Class V to VIII</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="">Admission Fees + Registration Fees</td>
|
||||
<td>One Time</td>
|
||||
<td>8,000 + 4,000</td>
|
||||
<td>10,000 + 6,000</td>
|
||||
<td>12,000 + 6,000</td>
|
||||
<td>15,000 + 10,000</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Session Fees</td>
|
||||
<td>Annualy</td>
|
||||
<td>6,000</td>
|
||||
<td>8,000</td>
|
||||
<td>8,000</td>
|
||||
<td>10,000</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table> -->
|
||||
</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>
|
||||
<div class="">
|
||||
<ContactForm client:visible/>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</Layout>
|
||||
<style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgb(71, 174, 106) 0%,
|
||||
rgba(255, 255, 255) 40%
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
.container{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.container .content {
|
||||
display: none;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.en{
|
||||
color: #333;
|
||||
}
|
||||
.bn{
|
||||
color: #00a1ff;
|
||||
}
|
||||
|
||||
.container .content.contentEnglish {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.check {
|
||||
position: relative;
|
||||
width: 61px;
|
||||
height: 17px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.check:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 25px;
|
||||
background: #333;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.check:checked:before {
|
||||
background-color: #00a1ff;
|
||||
}
|
||||
|
||||
.check:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
background: #fff;
|
||||
border-radius: 25px;
|
||||
transition: 0.25s;
|
||||
border: 2px solid #333;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.check:checked:after {
|
||||
left: 25px;
|
||||
border: 2px solid #00a1ff;
|
||||
}
|
||||
|
||||
.check:checked ~ .content.contentEnglish {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.check:checked ~ .content.contentBengla {
|
||||
display: block;
|
||||
}
|
||||
.table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.table, .table th, .table td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
.table th, .table td {
|
||||
padding: 4px;
|
||||
text-align: left;
|
||||
}
|
||||
.header {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -54,7 +54,7 @@ import Layout from "../layouts/Layout.astro";
|
||||
<input type="submit" value="Submit" class="bg-[#3084b5] text-white rounded-lg py-2.5 px-6 float-right"/>
|
||||
</div>
|
||||
</form>
|
||||
<div class="flex " id="thankYouSection" style="display: none;">
|
||||
<div class="flex" id="thankYouSection" style="display: none;">
|
||||
<h1 class="text-center text-black text-4xl">Thank You</h1>
|
||||
</div>
|
||||
</div>
|
||||
@@ -75,22 +75,26 @@ import Layout from "../layouts/Layout.astro";
|
||||
|
||||
contactForm.addEventListener('submit', async function (event) {
|
||||
event.preventDefault();
|
||||
|
||||
const formData = {
|
||||
name: nameInput.value,
|
||||
email: emailInput.value,
|
||||
mobile: phoneInput.value,
|
||||
message: messageInput.value
|
||||
};
|
||||
console.log("Form Data", formData)
|
||||
const url = 'https://api8.siliconpin.com/items/hps_contact';
|
||||
let data = {
|
||||
data:{
|
||||
name: nameInput.value,
|
||||
phone: phoneInput.value,
|
||||
email: emailInput.value,
|
||||
message: messageInput.value
|
||||
},
|
||||
owner: "Holly Wisdom Public School",
|
||||
domain: window.location.origin,
|
||||
referrer: "Holly Wisdom Public School"
|
||||
}
|
||||
console.log("Form Data", data)
|
||||
const url = 'https://api.siliconpin.com/v3/contact-form-processor/';
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(formData)
|
||||
body: JSON.stringify(data)
|
||||
});
|
||||
if (response.ok) {
|
||||
console.log('Form data submitted successfully');
|
||||
@@ -109,4 +113,34 @@ import Layout from "../layouts/Layout.astro";
|
||||
.gradintBack {
|
||||
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
||||
<!-- function submitForm(){
|
||||
const formData = {
|
||||
data: {
|
||||
name: document.getElementById('name').value,
|
||||
email: document.getElementById('email').value,
|
||||
phone: document.getElementById('phone').value
|
||||
},
|
||||
owner: document.getElementById('owner').value,
|
||||
domain: document.getElementById('domain').value,
|
||||
referrer: document.getElementById('referrer').value
|
||||
};
|
||||
fetch(`http://192.168.0.166:2053/v3/contact-form/`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type' : 'application/json',
|
||||
},
|
||||
body: JSON.stringify(formData)
|
||||
})
|
||||
.then(response => {
|
||||
if(response.ok){
|
||||
console.log('Form submitted succesfully!');
|
||||
}else{
|
||||
console.log('Form submitted faild!');
|
||||
}
|
||||
})
|
||||
.then(error => {
|
||||
console.error('an error occoured', error);
|
||||
})
|
||||
} -->
|
||||
@@ -1,62 +1,345 @@
|
||||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
import Slider from "../components/Slider.vue";
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import Slider from '../components/Slider.vue';
|
||||
import ContactForm from '../components/ContactForm.vue';
|
||||
import SliderHomepage from '../components/SliderHomepage.vue';
|
||||
import FAQ from '../components/FAQ.vue'
|
||||
let eventsData = [
|
||||
{
|
||||
"id": "1",
|
||||
"event": "Saraswati Puja",
|
||||
"img": "/img/ev1.jpg",
|
||||
"description": "This event celebrates Saraswati, the goddess of knowledge, music, and arts. Students and teachers participate in rituals, prayers, and cultural programs to seek her blessings for wisdom and learning."
|
||||
},
|
||||
{
|
||||
"id": "2",
|
||||
"event": "Independence Day",
|
||||
"img": "/img/ev2.jpg",
|
||||
"description": "Celebrated on August 15th, this day marks India's independence from British rule. The school hosts flag-hoisting ceremonies, patriotic songs, speeches, and cultural performances to honor the nation's freedom fighters."
|
||||
},
|
||||
{
|
||||
"id": "3",
|
||||
"event": "Netaji’s Birthday",
|
||||
"img": "/img/ev3.jpg",
|
||||
"description": "This event commemorates the birth anniversary of Netaji Subhas Chandra Bose, a prominent freedom fighter. The school organizes special assemblies, speeches, and activities highlighting his contributions to India's independence movement."
|
||||
},
|
||||
{
|
||||
"id": "4",
|
||||
"event": "Children’s Day",
|
||||
"img": "/img/ev4.jpg",
|
||||
"description": "Celebrated on November 14th, Children’s Day marks the birth anniversary of Jawaharlal Nehru, India’s first Prime Minister. The day is filled with fun activities, games, and performances to celebrate and honor children."
|
||||
},
|
||||
{
|
||||
"id": "5",
|
||||
"event": "School Foundation Day",
|
||||
"img": "/img/ev5.jpg",
|
||||
"description": "This event celebrates the establishment of the school. It includes various activities such as speeches, cultural programs, and exhibitions to reflect on the school's journey and achievements over the years."
|
||||
},
|
||||
{
|
||||
"id": "6",
|
||||
"event": "Annual Sports Competitions",
|
||||
"img": "/img/ev6.jpg",
|
||||
"description": "This event is a highlight of the school year, featuring various sports and athletic competitions. Students participate in events like races, team sports, and other physical activities, promoting teamwork, sportsmanship, and physical fitness."
|
||||
}
|
||||
]
|
||||
let compulsorySchoolData = [
|
||||
{
|
||||
"id": "1",
|
||||
"name": "Etiquette",
|
||||
"image": "/img/svg/hand.svg"
|
||||
},
|
||||
{
|
||||
"id": "2",
|
||||
"name": "Physical Education",
|
||||
"image": "/img/svg/education.svg"
|
||||
},
|
||||
{
|
||||
"id": "3",
|
||||
"name": "Singing and poetry",
|
||||
"image": "/img/svg/sing.svg"
|
||||
},
|
||||
{
|
||||
"id": "4",
|
||||
"name": "Sports",
|
||||
"image": "/img/svg/football.svg"
|
||||
},
|
||||
{
|
||||
"id": "5",
|
||||
"name": "Painting",
|
||||
"image": "/img/svg/paint.svg"
|
||||
},
|
||||
{
|
||||
"id": "6",
|
||||
"name": "Abacus",
|
||||
"image": "/img/svg/abacus.svg"
|
||||
},
|
||||
{
|
||||
"id": "7",
|
||||
"name": "Discipline",
|
||||
"image": "/img/svg/des.svg"
|
||||
},
|
||||
{
|
||||
"id": "8",
|
||||
"name": "Hand work",
|
||||
"image": "/img/svg/handwork.svg"
|
||||
},
|
||||
{
|
||||
"id": "9",
|
||||
"name": "Drama",
|
||||
"image": "/img/svg/drama.svg"
|
||||
},
|
||||
{
|
||||
"id": "10",
|
||||
"name": "Computer",
|
||||
"image": "/img/svg/computer.svg"
|
||||
},
|
||||
{
|
||||
"id": "11",
|
||||
"name": "Karate",
|
||||
"image": "/img/svg/karate.svg"
|
||||
}
|
||||
]
|
||||
let outSportsData = [
|
||||
{
|
||||
"id": "1",
|
||||
"name": "Basket Ball",
|
||||
"image": "/img/svg/basketball.svg"
|
||||
},
|
||||
{
|
||||
"id": "2",
|
||||
"name": "Volley Ball",
|
||||
"image": "/img/svg/volley.svg"
|
||||
},
|
||||
{
|
||||
"id": "3",
|
||||
"name": "Badminton",
|
||||
"image": "/img/svg/bad.svg"
|
||||
},
|
||||
{
|
||||
"id": "4",
|
||||
"name": "Football",
|
||||
"image": "/img/svg/football.svg"
|
||||
},
|
||||
{
|
||||
"id": "5",
|
||||
"name": "Cricket",
|
||||
"image": "/img/svg/cricket.svg"
|
||||
},
|
||||
{
|
||||
"id": "6",
|
||||
"name": "Adventured Sports (Proposed)",
|
||||
"image": "/img/svg/hill.svg"
|
||||
}
|
||||
]
|
||||
let inSportsData = [
|
||||
{
|
||||
"id": "1",
|
||||
"name": "Chess",
|
||||
"image": "/img/svg/chess.svg"
|
||||
},
|
||||
{
|
||||
"id": "2",
|
||||
"name": "Carrom",
|
||||
"image": "/img/svg/carrom.svg"
|
||||
},
|
||||
{
|
||||
"id": "3",
|
||||
"name": "Table Tennis",
|
||||
"image": "/img/svg/tennis.svg"
|
||||
}
|
||||
]
|
||||
---
|
||||
|
||||
<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="/about" 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-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="/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 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="space-y-3">
|
||||
<h1 class="text-xl md:text-3xl">Curriculum <hr></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> -->
|
||||
<p>
|
||||
The main thrust of our curriculum is based on innovative
|
||||
and creative activities in and outside the class room we
|
||||
have a well planed pre-school program which consists of
|
||||
the following integrated project based activities.
|
||||
</p>
|
||||
<li>
|
||||
We keep on introducing new projects taking along the
|
||||
previous ones. Focus on creative teaching through role
|
||||
play story dramatization dance, music rhymes are a great
|
||||
way to make children step out of their comfort zone and
|
||||
develop their inner personnel skills.
|
||||
</li>
|
||||
<li>
|
||||
Punctuality is of prime importance students fail to
|
||||
enter the premise on time will not be allowed to enter
|
||||
the school without concern of the Principal-In-Charge.
|
||||
</li>
|
||||
<li>
|
||||
Attendance below 75% will fail to sit in exam. Absentees
|
||||
for 7 consecutive days without proper notice guardian of
|
||||
the students will be called.
|
||||
</li>
|
||||
<li>
|
||||
Students must carry their students Identity Cards and
|
||||
the school diary during school campus.
|
||||
</li>
|
||||
<li>
|
||||
All the students will follow the rules and regulation of
|
||||
the school. Incase any student fail necessary action
|
||||
will be taken
|
||||
</li>
|
||||
<h1 class="text-3xl">Compulsory in our school <hr></h1>
|
||||
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6">
|
||||
{compulsorySchoolData.map((data) => (
|
||||
<div class="drop-shadow-2xl flex flex-col justify-center place-items-center items-center hover:bg-[#3084b530] p-2 rounded-lg duration-[1s] cursor-pointer">
|
||||
<img class="" src={data.image} alt="" />
|
||||
<h2 class="pt-3">{data.name}</h2>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
<h1 class="text-xl md:text-3xl pt-2">Special Events <hr></h1>
|
||||
<div>
|
||||
<h2>Attendence of all students is compulsory on various occassion like--</h2>
|
||||
<p>At the same time we also desire the presence of Guardians.</p>
|
||||
<p>All programs are performed by students.</p>
|
||||
</div>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 ">
|
||||
{eventsData.map((data, index) => (
|
||||
<div class="rounded-xl p-4 shadow-lg bg-slate-200" >
|
||||
<img class="w-full rounded-t-xl" src={data.img} alt={data.event} />
|
||||
<h2 class="text-2xl font-semibold mt-2 font-bold">{data.event}</h2>
|
||||
<p class="text-justify">{data.description}</p>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<h1 class="text-3xl">Outdoor Sports <hr></h1>
|
||||
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6">
|
||||
{outSportsData.map((data) => (
|
||||
<div class="drop-shadow-2xl flex flex-col justify-center place-items-center items-center hover:bg-[#3084b530] p-2 rounded-lg duration-[1s] cursor-pointer">
|
||||
<img class="" src={data.image} alt="" />
|
||||
<h2 class="pt-3">{data.name}</h2>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<h1 class="text-3xl">Indoor Sports <hr></h1>
|
||||
<div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 gap-6">
|
||||
{inSportsData.map((data) => (
|
||||
<div class="drop-shadow-2xl flex flex-col justify-center place-items-center items-center hover:bg-[#3084b530] p-2 rounded-lg duration-[1s] cursor-pointer">
|
||||
<img class="" src={data.image} alt="" />
|
||||
<h2 class="pt-3">{data.name}</h2>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
<h1 class="text-xl md:text-3xl pt-2">Obligatory <hr></h1>
|
||||
<p>1. Every students should be present in school before prayer</p>
|
||||
<p>2. Parents are prohibited from entering the school premises without reason.</p>
|
||||
<p>3. Parents can inform the authorities directly or in writing if there is any matter of the school</p>
|
||||
<p>4. Contact the headmistress directly if any problem occurs with the child</p>
|
||||
<p>5. The school bus will be closed on the day of theSpecial Event.</p>
|
||||
|
||||
<h1 class="text-xl md:text-3xl pt-2">Our Approach <hr></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>
|
||||
<h1 class="text-xl md:text-3xl pt-2">Key Focus Areas <hr></h1>
|
||||
<h2 class="text-xl pt-2">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>
|
||||
<h2 class="text-xl pt-2">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>
|
||||
<h2 class="text-xl pt-2">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-xl pt-2">
|
||||
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-xl pt-2">
|
||||
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>
|
||||
<h1 class="text-xl md:text-3xl pt-2">Daily Schedule <hr></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 <hr></h1>
|
||||
<div class="flex flex-col-reverse md:flex-row gap-4">
|
||||
<div class="w-full">
|
||||
<p class="text-justify">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>
|
||||
<div class="w-full md:w-1/2">
|
||||
<img src="/img/parent.jpg" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</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">✘</button>
|
||||
<div class="">
|
||||
<ContactForm client:visible/>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</Layout>
|
||||
<style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
|
||||
}
|
||||
</style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgb(71, 174, 106) 0%,
|
||||
rgba(255, 255, 255) 40%
|
||||
);
|
||||
}
|
||||
.w-96 {
|
||||
width: 11rem;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@@ -1,92 +1,275 @@
|
||||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import ContactForm from '../components/ContactForm.vue';
|
||||
import SliderHomepage from '../components/SliderHomepage.vue';
|
||||
import FAQ from '../components/FAQ.vue'
|
||||
import Layout from "../layouts/Layout.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.">
|
||||
<main>
|
||||
<div class="pb-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="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="/img/image.png" alt=""> -->
|
||||
<img class="lg:max-w-2xl" src="public/img/school-image-4.png" alt=""
|
||||
/>
|
||||
</div>
|
||||
<div class="flex flex-col w-full">
|
||||
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">A Montessori-inspired Preschool Curriculum</h1>
|
||||
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Conduct classroom sessions effortlessly and with assurance.</h2>
|
||||
<h3 class="text-xl text-justify pb-4">Carefully organized and tiered educational materials, inspired by the principles of Maria Montessori, designed to showcase your excellence as an instructor. Strategically crafted for effective implementation in both traditional classrooms and homeschool environments.</h3>
|
||||
<!-- <h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">A Montessori-inspired Preschool Curriculum</h1> -->
|
||||
<h1
|
||||
class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]"
|
||||
>
|
||||
HOLY WISDOM PUBLIC SCHOOL
|
||||
</h1>
|
||||
<!-- <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Conduct classroom sessions effortlessly and with assurance.</h2> -->
|
||||
<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">
|
||||
Carefully organized and tiered educational
|
||||
materials, inspired by the principles of Maria
|
||||
Montessori, designed to showcase your excellence as
|
||||
an instructor. Strategically crafted for effective
|
||||
implementation in both traditional classrooms and
|
||||
homeschool environments.
|
||||
</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>
|
||||
<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>
|
||||
<!-- grid grid-cols-1 md:grid-cols-2 -->
|
||||
</section>
|
||||
<section class="container mx-auto px-4 my-10">
|
||||
<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>
|
||||
<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="w-full md:w-2/3">
|
||||
<img class="" src="/img/curri.jpg" alt="" />
|
||||
</div>
|
||||
<div class="w-full flex flex-col gap-4">
|
||||
<h1 class="text-3xl">Explore Holy Wisdom Public School <hr></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>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 mb-10">
|
||||
<div class="flex flex-col xl:flex-row gap-6">
|
||||
<div class="flex flex-col justify-center gap-4">
|
||||
<h1 class="text-3xl">Enter Our Preschool World! <hr></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>
|
||||
</div>
|
||||
<div>
|
||||
<SliderHomepage client:visible />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 ">
|
||||
</section>
|
||||
<section class="container mx-auto px-4">
|
||||
<div class="pt-6">
|
||||
<h1 class="text-3xl">Legacy-Inspired Education <hr></h1>
|
||||
<p class="text-lg text-justify">
|
||||
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>
|
||||
<section class="container mx-auto px-4 mt-6">
|
||||
<h1 class="text-3xl mb-6">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">
|
||||
<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 class="w-full">
|
||||
<img class="drop-shadow-2xl" src="/img/school56.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4">
|
||||
<h1 class="text-2xl">Comprehensive and Engaging Educational Programs for Kids <hr></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="imgBx">
|
||||
<img src="public/img/school10.jpg" alt="image" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box w-full relative max-w-2xl mx-auto h-auto">
|
||||
<div class="imgBx">
|
||||
<img src="public/img/school9.jpg" alt="image" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box w-full relative max-w-2xl mx-auto h-auto">
|
||||
<div class="imgBx">
|
||||
<img src="public/img/school8.jpg" alt="image" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box w-full relative max-w-2xl mx-auto h-auto">
|
||||
<div class="imgBx">
|
||||
<img src="public/img/school 7.jpg" alt="image" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<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 w-fit">
|
||||
<h1 class="text-3xl">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>
|
||||
<a href="/vidyasagar" 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>
|
||||
<h1 class="text-3xl"> 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>
|
||||
<a
|
||||
href="/vidyasagar"
|
||||
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 class="flex ">
|
||||
<img class="w-full rounded-2xl" src="/img/pundit1.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="container mx-auto px-4 pt-10">
|
||||
<div class="flex flex-col lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6">
|
||||
<div class="flex">
|
||||
<img class="w-full rounded-2xl" src="/img/maria.jpg" alt="">
|
||||
<img class="w-full rounded-2xl" src="/img/pundit1.jpg" alt="" />
|
||||
</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">
|
||||
<img class="w-full rounded-2xl" src="/img/maria.jpg" alt="" />
|
||||
</div>
|
||||
<div class="flex flex-col w-fit">
|
||||
<h1 class="text-3xl">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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 ">
|
||||
<div class="pt-6">
|
||||
<h1 class="text-3xl">Legacy-Inspired Education</h1>
|
||||
<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>
|
||||
</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">✘</button>
|
||||
<div class="">
|
||||
<ContactForm client:visible/>
|
||||
<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>
|
||||
<div class="">
|
||||
<ContactForm client:visible />
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
</section>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgb(71, 174, 106) 0%,
|
||||
rgba(255, 255, 255) 40%
|
||||
);
|
||||
}
|
||||
.box {
|
||||
position: relative;
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
background: #000;
|
||||
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.box .imgBx {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.box .imgBx img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
.box:hover .imgBx img {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.box .content {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
/* left: 10%; */
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background: #fff;
|
||||
transition: 0.5s;
|
||||
overflow: hidden;
|
||||
padding: 12px;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.box:hover .content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.box .content h2 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.box .content p {
|
||||
/* margin: 10px 0 0; */
|
||||
padding: 0;
|
||||
opacity: 0;
|
||||
line-height: 1.2em;
|
||||
transition: 0.5s;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.box:hover .content p {
|
||||
opacity: 1;
|
||||
transition-delay: 0.5s;
|
||||
}
|
||||
</style>
|
||||
</Layout>
|
||||
<style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
|
||||
}
|
||||
</style>
|
||||
|
||||
138
src/pages/overview.astro
Normal file
138
src/pages/overview.astro
Normal file
@@ -0,0 +1,138 @@
|
||||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
import ContactForm from '../components/ContactForm.vue';
|
||||
---
|
||||
<Layout title="">
|
||||
<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>
|
||||
<section class="container mx-auto px-4">
|
||||
<div>
|
||||
<h1 class="text-xl md:text-3xl pt-2">School Uniform</h1>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="header">Category</th>
|
||||
<th class="header">Item</th>
|
||||
<th class="header">Details</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td rowspan="5">Boys</td>
|
||||
<td>Shirt</td>
|
||||
<td>Canary Yellow T-Shirt with bottle green collar</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pants</td>
|
||||
<td>Bottle green pant</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tie and Belt</td>
|
||||
<td>Bottle green tie and belt</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Footwear</td>
|
||||
<td>Black boots and white socks</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Winter Wear</td>
|
||||
<td>Bottle green sweater</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="5">Girls</td>
|
||||
<td>Shirt</td>
|
||||
<td>Canary Yellow T-Shirt with bottle green collar</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Skirt</td>
|
||||
<td>Bottle green skirts</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tie and Belt</td>
|
||||
<td>Bottle green tie and belt</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Footwear</td>
|
||||
<td>Black boots and white socks</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Winter Wear</td>
|
||||
<td>Bottle green cardigan</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="3">P.T. Dress</td>
|
||||
<td>Shirt</td>
|
||||
<td>Yellow T-Shirt</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pants</td>
|
||||
<td>Navy blue pant</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Footwear</td>
|
||||
<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>
|
||||
</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">Materials Required</h1>
|
||||
<p>All the books and notebooks, uniforms etc. are provided to the children by the school at fair price.</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">✘</button>
|
||||
<div class="">
|
||||
<ContactForm client:visible/>
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</Layout>
|
||||
<style>
|
||||
.gradintBack {
|
||||
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 {
|
||||
border: 1.5px solid black;
|
||||
}
|
||||
.table th, .table td {
|
||||
padding: 4px;
|
||||
text-align: left;
|
||||
}
|
||||
.header {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user