generated from dwd/boilarplate-astro-tailwind
all work from f
This commit is contained in:
dev sp
35
src/pages/about.astro
Normal file
35
src/pages/about.astro
Normal file
@@ -0,0 +1,35 @@
|
||||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
---
|
||||
<Layout title="">
|
||||
<main>
|
||||
<div>
|
||||
<section class="container-fluid gradintBack">
|
||||
<div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row gap-x-4 place-items-center">
|
||||
<div class="w-full">
|
||||
<img class="w-full " src="/img/image3.png" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col w-full">
|
||||
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Discover Our Story</h1>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 my-10">
|
||||
<div class="">
|
||||
<h1 class="text-2xl">Enter Our Virtual 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>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</Layout>
|
||||
<style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
|
||||
}
|
||||
</style>
|
||||
112
src/pages/contact.astro
Normal file
112
src/pages/contact.astro
Normal file
@@ -0,0 +1,112 @@
|
||||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
---
|
||||
<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-2xl" src="/img/rec_girl.png" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col w-full">
|
||||
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Get in Touch with Holywisdom Preschool!</h1>
|
||||
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Contact us for a brighter start at Holywisdom Preschool!</h2>
|
||||
<h3 class="text-xl text-justify pb-4">Drop us a line at Holywisdom Preschool – your gateway to educational excellence!</h3>
|
||||
<!-- <div class="flex flex-row place-content-between">
|
||||
<a href="#" 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</a>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 my-10">
|
||||
<div class="">
|
||||
<h1 class="text-2xl">Reach Out to Holywisdom Preschool</h1>
|
||||
<p class="">Contacting Holywisdom Preschool is your first step toward a seamless connection with our dedicated team. Whether you have inquiries about our programs, enrollment details, or simply want to learn more about our unique approach to early childhood education, we're here to help. Your child's journey with us begins with a conversation. Reach out through the provided contact information, and let's embark on the path of educational discovery together. We look forward to hearing from you and welcoming your family into the Holywisdom community.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 my-16">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 bg-[#47ae6a50] justify-center p-6 rounded-2xl gap-x-10">
|
||||
<div class="flex flex-col justify-center">
|
||||
<p class="text-2xl md:text-3xl lg:text-3xl text-[#3084b5]">Have You Any Doubt or Any Quries</p>
|
||||
<p class="text-justify text-lg pt-4 ">Feel the freedom to write any questions or uncertainties—our door is always open for your curiosity. Your queries are more than welcome in our space of knowledge and assistance. Let your questions find their answers, and let the conversation unfold. We're here for you!</p>
|
||||
</div>
|
||||
<div id="contactForm" class="flex flex-col justify-center w-full">
|
||||
<form id="formSection" action="">
|
||||
<p class="text-2xl py-4">Write your Qurie</p>
|
||||
<div class="pb-3">
|
||||
<label for="name">Name:<span class=text-red-500>*</span></label>
|
||||
<input id="name" name="name" type="text" placeholder="Enter your Name" class="focus:border-2 border-[#3084b5] focus:outline-none rounded-lg w-full p-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<label for="phone">Mobile:<span class=text-red-500>*</span></label>
|
||||
<input id="phone" name="phone" type="text" placeholder="Enter your Mobile Number" class="focus:border-2 border-[#3084b5] focus:outline-none rounded-lg w-full p-2"/>
|
||||
</div>
|
||||
<div class="py-3">
|
||||
<label for="email">E-mail ID:<span class=text-red-500>*</span></label>
|
||||
<input id="email" name="email" type="text" placeholder="Enter your E-mail ID" class="focus:border-2 border-[#3084b5] focus:outline-none rounded-lg w-full p-2"/>
|
||||
</div>
|
||||
<div>
|
||||
<label for="message">Write your Qurie:<span class=text-red-500>*</span></label>
|
||||
<textarea id="message" name="message" rows="7" placeholder="Write your Qurie" class="focus:border-2 border-[#3084b5] focus:outline-none rounded-lg w-full p-2"></textarea>
|
||||
</div>
|
||||
<div class="">
|
||||
<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;">
|
||||
<h1 class="text-center text-black text-4xl">Thank You</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</Layout>
|
||||
<script is:inline>
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const contactForm = document.getElementById('contactForm');
|
||||
const formSection = document.getElementById('formSection');
|
||||
const thankYouSection = document.getElementById('thankYouSection');
|
||||
const nameInput = document.getElementById('name');
|
||||
const emailInput = document.getElementById('email');
|
||||
const phoneInput = document.getElementById('phone');
|
||||
const messageInput = document.getElementById('message');
|
||||
|
||||
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';
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(formData)
|
||||
});
|
||||
if (response.ok) {
|
||||
console.log('Form data submitted successfully');
|
||||
formSection.style.display = 'none';
|
||||
thankYouSection.style.display = 'block';
|
||||
} else {
|
||||
console.error('Failed to submit form data');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('An error occurred:', error);
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
|
||||
}
|
||||
</style>
|
||||
@@ -1,85 +1,82 @@
|
||||
---
|
||||
import Layout from '../layouts/Layout.astro';
|
||||
import Card from '../components/Card.astro';
|
||||
import MainHeader from '../components/MainHeader.vue';
|
||||
import Footer from '../components/Footer.astro';
|
||||
import ContactForm from '../components/ContactForm.astro';
|
||||
---
|
||||
|
||||
<!-- An AI powered British Preschool Curriculum -->
|
||||
<Layout title="Welcome to Astro.">
|
||||
<MainHeader />
|
||||
<main>
|
||||
<h1>Welcome to <span class="text-gradient">Astro</span></h1>
|
||||
<p class="instructions">
|
||||
To get started, open the directory <code>src/pages</code> in your project.<br />
|
||||
<strong>Code Challenge:</strong> Tweak the "Welcome to Astro" message above.
|
||||
</p>
|
||||
<ul role="list" class="link-card-grid">
|
||||
<Card
|
||||
href="https://docs.astro.build/"
|
||||
title="Documentation"
|
||||
body="Learn how Astro works and explore the official API docs."
|
||||
/>
|
||||
<Card
|
||||
href="https://astro.build/integrations/"
|
||||
title="Integrations"
|
||||
body="Supercharge your project with new frameworks and libraries."
|
||||
/>
|
||||
<Card
|
||||
href="https://astro.build/themes/"
|
||||
title="Themes"
|
||||
body="Explore a galaxy of community-built starter themes."
|
||||
/>
|
||||
<Card
|
||||
href="https://astro.build/chat/"
|
||||
title="Community"
|
||||
body="Come say hi to our amazing Discord community. ❤️"
|
||||
/>
|
||||
</ul>
|
||||
</main>
|
||||
<Footer />
|
||||
</Layout>
|
||||
<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="w-full">
|
||||
<img class="lg:max-w-2xl" src="/img/image.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>
|
||||
<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 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>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 ">
|
||||
<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>
|
||||
</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="">
|
||||
</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>
|
||||
</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>
|
||||
</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 />
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</Layout>
|
||||
<style>
|
||||
main {
|
||||
margin: auto;
|
||||
padding: 1.5rem;
|
||||
max-width: 60ch;
|
||||
}
|
||||
h1 {
|
||||
font-size: 3rem;
|
||||
font-weight: 800;
|
||||
margin: 0;
|
||||
}
|
||||
.text-gradient {
|
||||
background-image: var(--accent-gradient);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
background-size: 400%;
|
||||
background-position: 0%;
|
||||
}
|
||||
.instructions {
|
||||
line-height: 1.6;
|
||||
margin: 1rem 0;
|
||||
border: 1px solid rgba(var(--accent), 25%);
|
||||
background-color: white;
|
||||
padding: 1rem;
|
||||
border-radius: 0.4rem;
|
||||
}
|
||||
.instructions code {
|
||||
font-size: 0.875em;
|
||||
font-weight: bold;
|
||||
background: rgba(var(--accent), 12%);
|
||||
color: rgb(var(--accent));
|
||||
border-radius: 4px;
|
||||
padding: 0.3em 0.45em;
|
||||
}
|
||||
.instructions strong {
|
||||
color: rgb(var(--accent));
|
||||
}
|
||||
.link-card-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
|
||||
gap: 1rem;
|
||||
padding: 0;
|
||||
.gradintBack {
|
||||
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
|
||||
}
|
||||
</style>
|
||||
|
||||
60
src/pages/montessori.astro
Normal file
60
src/pages/montessori.astro
Normal file
@@ -0,0 +1,60 @@
|
||||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
---
|
||||
<Layout title="">
|
||||
<main>
|
||||
<div>
|
||||
<section class="container-fluid gradintBack mb-16">
|
||||
<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 drop-shadow-2xl" src="/img/maria_m.png" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col w-full">
|
||||
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Maria Montessori: Pioneering Child-Centric Education</h1>
|
||||
<!-- <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Explore the life and legacy of Iswar Chandra Vidyasagar, an educational pioneer who shaped the foundations of our inclusive learning environment.</h2> -->
|
||||
<h3 class="text-xl text-justify py-4">Embark on a journey to discover Maria Montessori's visionary impact on education at Holywisdom Public School, where her ideals continue to shape a transformative and inspiring learning environment.</h3>
|
||||
<!-- <div class="flex flex-row place-content-between">
|
||||
<a href="#" 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</a>
|
||||
<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">
|
||||
<h1 class="text-xl md:text-3xl font-bold md:text-center py-4 font-light">All About Maria Montessori</h1>
|
||||
<img class="md:max-w-xs lg:float-right p-2" src="/img/maria_book.jpg" alt="" />
|
||||
<h3 class="text-xl md:text-3xl">Early Life and Background</h3>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Maria Montessori, born in 1870 in Italy, was a visionary educator, physician, and humanitarian. Her groundbreaking contributions to child development and education have left an indelible mark on the world.</p>
|
||||
<h3 class="text-xl md:text-3xl">The Montessori Method: A Child-Centric Approach</h3>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Maria Montessori's educational philosophy, commonly known as the Montessori Method, is rooted in the belief that every child is a natural learner with the innate ability to explore and discover their world. This child-centric approach is characterized by the following principles:</p>
|
||||
<h4 class="text-lg md:text-xl">1. Child-Led Learning:</h4>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Montessori education emphasizes self-directed learning, allowing children to choose activities based on their interests. This autonomy fosters a sense of independence and a love for learning.</p>
|
||||
<h4 class="text-lg md:text-xl">2. Prepared Environment:</h4>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Classrooms are carefully designed to encourage exploration and independence. Montessori materials, meticulously crafted, promote sensory and cognitive development, laying the foundation for a well-rounded education.</p>
|
||||
<h4 class="text-lg md:text-xl">3. Mixed-Age Classrooms:</h4>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Montessori classrooms typically feature mixed-age groups, allowing older children to mentor younger ones. This structure promotes collaboration, empathy, and a sense of community.</p>
|
||||
<h4 class="text-lg md:text-xl">4. Focus on Practical Life Skills:</h4>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Montessori education places a significant emphasis on practical life skills. Activities such as cooking, cleaning, and gardening are integrated into the curriculum to develop essential life skills and independence.</p>
|
||||
<h4 class="text-lg md:text-xl">5. Freedom within Limits:</h4>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">While children have the freedom to choose activities, this freedom is guided by clear boundaries and expectations. This balance nurtures self-discipline and respect for others.</p>
|
||||
<h3 class="text-xl md:text-3xl">Impact on Child Development</h3>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">
|
||||
Maria Montessori's method is not just an educational approach; it's a philosophy that recognizes the interconnectedness of cognitive, social, emotional, and physical development in children. The Montessori Method is designed to: <br/>
|
||||
Cultivate Independence: By encouraging self-directed learning, Montessori education fosters independence and a sense of responsibility.<br/>
|
||||
Develop Critical Thinking: Hands-on activities with specially designed materials promote critical thinking and problem-solving skills.<br/>
|
||||
Nurture Creativity: The emphasis on individual interests and exploration sparks creativity and a lifelong love for learning.<br/>
|
||||
Foster Social Skills: Mixed-age classrooms encourage collaboration, empathy, and effective communication among children.
|
||||
</p>
|
||||
<h3 class="text-xl md:text-3xl">Maria Montessori's Legacy</h3>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Maria Montessori's impact on education is immeasurable. Her innovative approach has transcended time and cultural boundaries, influencing countless educators and schools worldwide. The Montessori Method continues to shape the early learning experiences of children, inspiring a holistic and child-centered approach to education.
|
||||
Join us at Holywisdom Public School as we embrace Maria Montessori's vision, providing an enriching and nurturing environment that honors each child's unique journey of discovery and growth.</p>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</Layout>
|
||||
<style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
|
||||
}
|
||||
</style>
|
||||
44
src/pages/vidyasagar.astro
Normal file
44
src/pages/vidyasagar.astro
Normal file
@@ -0,0 +1,44 @@
|
||||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
---
|
||||
<Layout title="">
|
||||
<main>
|
||||
<div>
|
||||
<section class="container-fluid gradintBack mb-16">
|
||||
<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 drop-shadow-2xl" src="/img/pundit1.png" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col w-full">
|
||||
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Iswar Chandra Vidyasagar: Educational Visionary</h1>
|
||||
<!-- <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Explore the life and legacy of Iswar Chandra Vidyasagar, an educational pioneer who shaped the foundations of our inclusive learning environment.</h2> -->
|
||||
<h3 class="text-xl text-justify py-4">Explore the life and legacy of Iswar Chandra Vidyasagar, an educational luminary whose vision continues to inspire us. Discover the profound impact of his ideals on education at Holywisdom Public School.</h3>
|
||||
<!-- <div class="flex flex-row place-content-between">
|
||||
<a href="#" 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</a>
|
||||
<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">
|
||||
<h1 class="text-xl md:text-3xl font-bold md:text-center py-4">All About Iswar Chandra Vidyasagar</h1>
|
||||
<img class="md:max-w-xs lg:float-right p-2" src="/img/barna.jpg" alt="" />
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Iswar Chandra Vidyasagar, a luminary of 19th-century Bengal, was an eminent educator, social reformer, and philanthropist. Born in 1820, his life's journey was dedicated to reshaping the educational landscape and challenging societal norms. Vidyasagar's vision for education extended far beyond traditional boundaries, advocating for accessible learning opportunities for all, irrespective of caste, creed, or gender.</p>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">As a pioneering educational reformer, Vidyasagar's impact was transformative. He spearheaded significant advancements in curriculum development and played a pivotal role in establishing schools that broke down barriers, welcoming students from diverse backgrounds. His philosophy emphasized holistic education, blending academic learning with character development and moral values.</p>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Vidyasagar's advocacy for women's education was revolutionary for his time. In an era when female education was often neglected, he tirelessly worked to establish schools exclusively for girls, challenging societal norms and fostering a new era of empowerment.</p>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Beyond the classroom, Vidyasagar's philanthropic initiatives addressed pressing social issues. He championed causes like widow remarriage, advocated for humanitarian causes, and worked towards creating a more just and compassionate society.</p>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">The legacy of Iswar Chandra Vidyasagar echoes in the halls of Holywisdom Public School. Inspired by his ideals, we strive to create an inclusive and nurturing environment that honors the individuality of each student. Our commitment to accessible, character-driven education reflects the enduring influence of Vidyasagar's visionary approach.</p>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Vidyasagar's enduring impact extends to modern education, with his emphasis on inclusivity, accessibility, and a love for learning continuing to shape our educational practices. The Gallery of Inspiration provides a visual testament to his life and works, offering a glimpse into the extraordinary journey of this educational visionary.</p>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">In essence, Iswar Chandra Vidyasagar's contributions to education remain a beacon of inspiration, reminding us of the transformative power of knowledge and the importance of creating an inclusive and compassionate learning environment for generations to come.</p>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">Inspired by the enduring spirit of Iswar Chandra Vidyasagar, our educational journey at Holywisdom Public School is a tribute to his vision. Just as Vidyasagar illuminated minds, we strive to foster a love for learning and character development, creating a legacy of inclusive education.</p>
|
||||
<p class="text-base sm:text-lg pb-4 text-justify">In the footsteps of Vidyasagar, our school embraces the timeless lesson that knowledge, compassion, and inclusivity pave the path to a brighter, more harmonious world.</p>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
</Layout>
|
||||
<style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user