generated from dwd/boilarplate-astro-tailwind
Compare commits
24 Commits
| Author | SHA1 | Date |
|---|---|---|
 Subhodip Ghosh
|
f7eaa9199b | |
Suvodip
|
ec28fbcb92 | |
|
Suvodip
|
efb4a5b83f | |
|
Suvodip
|
7bda9dbf6d | |
|
Suvodip
|
2b361357ee | |
|
Subhodip Ghosh
|
2627d4109f | |
|
Suvodip
|
8b7015693d | |
|
Suvodip
|
1a2ddb7316 | |
|
Suvodip
|
8dca92b6fe | |
|
Subhodip Ghosh
|
719dad3a70 | |
 Kar
|
9c13441ca3 | |
|
Subhodip Ghosh
|
9fe4f37f5e | |
|
Kar
|
e288484cff | |
|
Suvodip
|
2ec148bccb | |
|
Suvodip
|
c7d1ac2749 | |
|
Subhodip Ghosh
|
c5f3ddf301 | |
|
Subhodip Ghosh
|
ebb0e40d12 | |
 dev2 siliconpin
|
6f9c876024 | |
|
dev2 siliconpin
|
b29973aa0b | |
|
dev2 siliconpin
|
d41d4443af | |
|
dev2 siliconpin
|
44b011b444 | |
|
dev2 siliconpin
|
659139f687 | |
|
dev2 siliconpin
|
a542f1933d | |
|
dev2 siliconpin
|
7a704b30b4 |
|
|
@ -2,17 +2,17 @@
|
|||
"faqs": [
|
||||
{
|
||||
"questionNumber": 1,
|
||||
"question": "What is the age range for enrollment at Holywisdom Public School?",
|
||||
"answer": "Our preschool welcomes children aged 1 to 3 for enrollment."
|
||||
"question": "What is the age range for enrollment at Holy Wisdom Public School?",
|
||||
"answer": "Our School welcomes children aged 1 to 3 for enrollment."
|
||||
},
|
||||
{
|
||||
"questionNumber": 2,
|
||||
"question": "What makes Holywisdom's curriculum unique?",
|
||||
"question": "What makes Holy Wisdom's curriculum unique?",
|
||||
"answer": "Our curriculum is designed to foster a love for learning through a child-centric approach, emphasizing creativity, social development, and a well-rounded education."
|
||||
},
|
||||
{
|
||||
"questionNumber": 3,
|
||||
"question": "How can I schedule a tour of the preschool?",
|
||||
"question": "How can I schedule a tour of the School?",
|
||||
"answer": "You can schedule a tour by [insert contact information or directing to the online scheduling system]."
|
||||
},
|
||||
{
|
||||
|
|
@ -27,17 +27,17 @@
|
|||
},
|
||||
{
|
||||
"questionNumber": 6,
|
||||
"question": "What is the daily schedule like for preschoolers?",
|
||||
"question": "What is the daily schedule like for Schoolers?",
|
||||
"answer": "The daily schedule includes a balance of structured learning, playtime, creative activities, and rest to provide a comprehensive early education experience."
|
||||
},
|
||||
{
|
||||
"questionNumber": 7,
|
||||
"question": "Are there extracurricular activities offered at Holywisdom?",
|
||||
"question": "Are there extracurricular activities offered at Holy Wisdom?",
|
||||
"answer": "Yes, we offer [list extracurricular activities] to enrich the learning experience."
|
||||
},
|
||||
{
|
||||
"questionNumber": 8,
|
||||
"question": "How does Holywisdom ensure the safety and security of the children?",
|
||||
"question": "How does Holy Wisdom ensure the safety and security of the children?",
|
||||
"answer": "We have stringent safety protocols, including [insert safety measures], to ensure the well-being of every child."
|
||||
},
|
||||
{
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
},
|
||||
{
|
||||
"questionNumber": 10,
|
||||
"question": "How does Holywisdom encourage parent involvement?",
|
||||
"question": "How does Holy Wisdom encourage parent involvement?",
|
||||
"answer": "We encourage parent involvement through fostering a strong partnership between home and school."
|
||||
}
|
||||
]
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 124 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 4.2 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 19 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 454 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 709 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 38 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 743 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 328 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 670 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 71 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 82 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 999 KiB After Width: | Height: | Size: 378 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 532 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 465 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 297 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 175 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 15 MiB After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 364 KiB After Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 163 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 737 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.0 MiB After Width: | Height: | Size: 196 KiB |
|
Before Width: | Height: | Size: 34 KiB After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
|
|
@ -0,0 +1,873 @@
|
|||
<div class="body-class">
|
||||
<div class="header-class">
|
||||
<div class="menu-container">
|
||||
<input type="checkbox" name="check" id="check">
|
||||
<div class="nav-btn">
|
||||
<div class="nav-links">
|
||||
<ul class="ul-class">
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">Home</a>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">Institute<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">History</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Mission</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Vision</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Objective</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Infrastructure & Facilities</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Distinctiveness</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Best Practices</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Awards & Recognition</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Funds Received</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Strategic/Perspective Plan</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Future Plan</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Holiday List</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Campus</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">SWOC of College</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Site Map</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Contact</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">Administration<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Administrative Committee</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Teachers' Council</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Organogram</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Code of Conduct</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Disciplinary Rules</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Feedback Form</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">RTI</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">RUSA</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Support Staff</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class"> Academics<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Programs Offered<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown second">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Humanities</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Science</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Commerce</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Departments<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown second">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Humanities<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown second">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Bengali</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Economics</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Education</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">English</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">French</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Geography</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">History</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Philosophy</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Political Science</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Sanskrit</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Sociology</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Science<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown second">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Botany</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Chemistry</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Computer Science</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Environmental Science</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Mathematics</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Physics</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Zoology</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Commerce</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">ISR</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">NSS</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Syllabus</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Faculty List (5 Years)</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Add-on Courses</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">PO, PSO & CO</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Academic Audit Report</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">University Examination</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">University Result</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Internal Examination</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">LMS</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Language Lab</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Language Lab</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Feedback on Curriculam</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Study Tours & Field Trips</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Exam Related Grievances</a>
|
||||
</li>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">Student's_Corner<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Rules & Regulations</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Routine</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Scholarship</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Placement Cell</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Online Competitive Exam</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Skill Development Program</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Achievements</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Student Support Services</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Students' Union</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Alumni</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">E-Magazine</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Feedback Form</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Online Grievance Redressal</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Anti Ragging Cell</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Minority Cell</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">ST/SC Cell</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">OBC Cell</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Anti Sexual Harassment Cell</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Add on Information</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">Research<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">PhD/MPhil/PG Teachers</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Research Guides</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Research Projects</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Know Your Ganges</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Central Instrumental Facility</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">Publications<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Journal Trivium</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Journal Ruellia</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Papers & Journals</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Books & Chapters</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">Notifications<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">General Notice</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Tender Notice</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">News&Events<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Events</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Press Coverage</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Gallery</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Videos</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">Facilities<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">ICT & Other Facilities</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class"> Girl's Hostel </a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hamburger-menu-container">
|
||||
<div class="hamburger-menu">
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script is:inline src="https://kit.fontawesome.com/3b161c540c.js" crossorigin="anonymous"></script>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
|
||||
|
||||
.body-class{
|
||||
overflow-x: hidden;
|
||||
}
|
||||
:root {
|
||||
--clr-btn: #3e5b66;
|
||||
--clr-dropdown: #3e5b66;
|
||||
--clr-nav-hover: #0011ff;
|
||||
--clr-dropdown-hov: #009463;
|
||||
--clr-dropdown-link-hov: #ff04c9;
|
||||
--clr-light: #FFF;
|
||||
}
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
.ul-class {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.link-class {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.header-class {
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
background-color: #868756;
|
||||
width: 100%;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: rgba(30, 130, 95, 0.5);
|
||||
}
|
||||
|
||||
.menu-container {
|
||||
max-width: 100%;
|
||||
padding: 0px 2rem 0px 2rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nav-btn {
|
||||
flex: 3;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.log-sign {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.logo {
|
||||
color: var(--clr-light);
|
||||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: .5rem 1.3rem;
|
||||
font-size: .8rem;
|
||||
border: 2px solid var(--clr-light);
|
||||
border-radius: 2rem;
|
||||
line-height: 1;
|
||||
margin: 0 .2rem;
|
||||
transition: .3s;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.btn.solid,
|
||||
.btn.transparent:hover {
|
||||
background-color: var(--clr-light);
|
||||
color: var(--clr-btn);
|
||||
}
|
||||
|
||||
.btn.transparent,
|
||||
.btn.solid:hover {
|
||||
background-color: transparent;
|
||||
color: var(--clr-light);
|
||||
}
|
||||
|
||||
.nav-links > .ul-class {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav-link > .link-class {
|
||||
line-height: 3rem;
|
||||
color: var(--clr-light);
|
||||
padding: 0 .8rem;
|
||||
letter-spacing: 1px;
|
||||
font-size: .95rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.nav-link > .link-class > i {
|
||||
margin-left: .2rem;
|
||||
}
|
||||
|
||||
.nav-link:hover > .link-class {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 15rem;
|
||||
transform: translateY(10px);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.dropdown .ul-class {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-link > .link-class {
|
||||
display: flex;
|
||||
background-color: #3e5b66;
|
||||
color: #FFF;
|
||||
padding: .5rem 1rem;
|
||||
font-size: .9rem;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
transition: .3s;
|
||||
}
|
||||
|
||||
.dropdown-link:hover > .link-class {
|
||||
background-color: #273c45;
|
||||
color: #fbaf00;
|
||||
}
|
||||
|
||||
.dropdown-link:not(:nth-last-child(2)) {
|
||||
border-bottom: 1px solid var(--clr-light);
|
||||
}
|
||||
|
||||
.dropdown-link i {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.arrow {
|
||||
position: absolute;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
top: -5.5px;
|
||||
left: 32px;
|
||||
background-color: #3e5b66;
|
||||
transform: rotate(45deg);
|
||||
cursor: pointer;
|
||||
transition: .3s;
|
||||
}
|
||||
|
||||
.dropdown-link:first-child:hover ~ .arrow {
|
||||
background-color: var(--clr-dropdown);
|
||||
}
|
||||
|
||||
.dropdown-link {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown.second {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
padding-left: .8rem;
|
||||
cursor: pointer;
|
||||
transform: translateX(10px);
|
||||
}
|
||||
|
||||
.dropdown.second .arrow {
|
||||
top: 10px;
|
||||
left: -5.5px;
|
||||
}
|
||||
|
||||
.nav-link:hover > .dropdown,
|
||||
.dropdown-link:hover>.dropdown {
|
||||
transform: translate(0, 0);
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.hamburger-menu-container {
|
||||
flex: 1;
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.hamburger-menu {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.hamburger-menu div {
|
||||
width: 1.6rem;
|
||||
height: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: var(--clr-light);
|
||||
position: relative;
|
||||
z-index: 1001;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.hamburger-menu div:before,
|
||||
.hamburger-menu div:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
background-color: var(--clr-light);
|
||||
border-radius: 3px;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.hamburger-menu div:before {
|
||||
transform: translateY(-7px);
|
||||
}
|
||||
|
||||
.hamburger-menu div:after {
|
||||
transform: translateY(7px);
|
||||
}
|
||||
|
||||
#check {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 1.5rem;
|
||||
transform: translateY(-50%);
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
z-index: 90000;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#check:checked ~ .hamburger-menu-container .hamburger-menu div {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#check:checked ~ .hamburger-menu-container .hamburger-menu div:before {
|
||||
transform: translateY(0) rotate(-45deg);
|
||||
}
|
||||
|
||||
#check:checked ~ .hamburger-menu-container .hamburger-menu div:after {
|
||||
transform: translateY(0) rotate(45deg);
|
||||
}
|
||||
|
||||
@keyframes animation {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(15px);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0px);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1220px) {
|
||||
.hamburger-menu-container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#check {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-btn {
|
||||
position: fixed;
|
||||
height: calc(100vh - 3rem);
|
||||
top: 2.5rem;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: var(--clr-btn);
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
transform: translateX(-100%);
|
||||
transition: .65s;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
#check:checked ~ .nav-btn {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
#check:checked ~ .nav-btn .nav-link,
|
||||
#check:checked ~ .nav-btn .log-sign {
|
||||
animation: animation .5s ease forwards var(--i);
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
flex: initial;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-links > .ul-class {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
transform: translateY(15px);
|
||||
}
|
||||
|
||||
.nav-link > .link-class {
|
||||
line-height: 1;
|
||||
padding: 1.6rem 2rem;
|
||||
}
|
||||
|
||||
.nav-link:hover > .link-class {
|
||||
transform: scale(1);
|
||||
background-color: #273c45;
|
||||
}
|
||||
|
||||
.dropdown,
|
||||
.dropdown.second {
|
||||
position: initial;
|
||||
top: initial;
|
||||
left: initial;
|
||||
transform: initial;
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
background-color: #3e5b66;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-link:hover > .dropdown,
|
||||
.dropdown-link:hover>.dropdown {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-link:hover > .link-class > i,
|
||||
.dropdown-link:hover>.link-class>i {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
|
||||
.dropdown-link > .link-class {
|
||||
background-color: transparent;
|
||||
color: var(--clr-light);
|
||||
padding: 1.2rem 2rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.dropdown.second .dropdown-link > .link-class {
|
||||
padding: 1.2rem 2rem 1.2rem 3rem;
|
||||
}
|
||||
|
||||
.dropdown.second .dropdown.second .dropdown-link > .link-class {
|
||||
padding: 1.2rem 2rem 1.2rem 4rem;
|
||||
}
|
||||
|
||||
.dropdown-link:not(:nth-last-child(2)) {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
z-index: 1;
|
||||
background-color: var(--clr-btn);
|
||||
left: 10%;
|
||||
transform: scale(1.1) rotate(45deg);
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.nav-link:hover .arrow {
|
||||
background-color: #273c45;
|
||||
}
|
||||
|
||||
.dropdown .dropdown .arrow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropdown-link:hover > .link-class {
|
||||
background-color: #273c45;
|
||||
}
|
||||
|
||||
.dropdown-link:first-child:hover ~ .arrow {
|
||||
background-color: #273c45;
|
||||
}
|
||||
|
||||
.nav-link > .link-class > i {
|
||||
font-size: 1.1rem;
|
||||
transform: rotate(-90deg);
|
||||
transition: .7s;
|
||||
}
|
||||
|
||||
.dropdown i {
|
||||
font-size: 1rem;
|
||||
transition: .7s;
|
||||
}
|
||||
|
||||
.log-sign {
|
||||
flex: initial;
|
||||
width: 100%;
|
||||
padding: 1.5rem 1.9rem;
|
||||
justify-content: flex-start;
|
||||
opacity: 0;
|
||||
transform: translateY(15px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,657 @@
|
|||
<body class="body-class lg:hidden">
|
||||
<div class="header-class2">
|
||||
<div class="menu-container">
|
||||
<input type="checkbox" name="check" id="check">
|
||||
<div class="nav-btn">
|
||||
<div class="nav-links">
|
||||
<ul class="ul-class">
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class"> NCC<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Accreditation Document<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown second">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">NAAC Certificates & Score Sheet</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">NAAC 3rd Cycle Press Note</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Capacity Building Program</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">NAAC SSR</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">IIQA Documents<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown second">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">IIQA Filled in Form</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">AISHE Certificate 2021-22</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">2F & 12B</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">University Affiliated Courses</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Undertaking of H.O.I.</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Self Declaration of H.O.I.</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Program Outcome</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Syllabus</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">List of Programme</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">IQAC Minutes & Report</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Annual Examination Report</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Feedback</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Project Certificate</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Collaborative Activities</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Career Counselling Certificate</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">JAM/NET/Exam Cleared List</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">ICT Rooms</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Full Time Teachers & Students</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Seminar Reports - IPR, RM & EP</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Program Studies & Placement</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Mentor/Mentee Meeting Report</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Developing Grants Received</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Solar Panel Installation</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Water Harvesting Project</a>
|
||||
</li>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">IQAC<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Policy Document</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Committee</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">IQAC Minutes</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">A.Q.A.R.</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">S.S.S.</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Academic Audit</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Green Audit</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">College Annual Report</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Gender Audit</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">NIRF<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">NIRF 2024</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">NIRF 2023</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">NIRF 2022</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">NIRF 2021</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">NIRF 2020</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class">ICC<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Members</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Policy Document</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Grievance Redressal</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Grievance Cell</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Anti Sexual Harassment Cell</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hamburger-menu-container">
|
||||
<div class="hamburger-menu">
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script is:inline src="https://kit.fontawesome.com/3b161c540c.js" crossorigin="anonymous"></script>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
|
||||
|
||||
.body-class{
|
||||
overflow-x: hidden;
|
||||
}
|
||||
:root {
|
||||
--clr-btn: #3e5b66;
|
||||
--clr-dropdown: #3e5b66;
|
||||
--clr-nav-hover: #0011ff;
|
||||
--clr-dropdown-hov: #009463;
|
||||
--clr-dropdown-link-hov: #ff04c9;
|
||||
--clr-light: #FFF;
|
||||
}
|
||||
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
.ul-class {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.link-class {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.header-class2 {
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
background-color: #c6a7a4;
|
||||
width: 100%;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.overlay {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-color: rgba(30, 130, 95, 0.5);
|
||||
}
|
||||
|
||||
.menu-container {
|
||||
max-width: 100%;
|
||||
padding: 0px 2rem 0px 2rem;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nav-btn {
|
||||
flex: 3;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.log-sign {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.logo {
|
||||
color: var(--clr-light);
|
||||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: .5rem 1.3rem;
|
||||
font-size: .8rem;
|
||||
border: 2px solid var(--clr-light);
|
||||
border-radius: 2rem;
|
||||
line-height: 1;
|
||||
margin: 0 .2rem;
|
||||
transition: .3s;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.btn.solid,
|
||||
.btn.transparent:hover {
|
||||
background-color: var(--clr-light);
|
||||
color: var(--clr-btn);
|
||||
}
|
||||
|
||||
.btn.transparent,
|
||||
.btn.solid:hover {
|
||||
background-color: transparent;
|
||||
color: var(--clr-light);
|
||||
}
|
||||
|
||||
.nav-links > .ul-class {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav-link > .link-class {
|
||||
line-height: 3rem;
|
||||
color: var(--clr-light);
|
||||
padding: 0 .8rem;
|
||||
letter-spacing: 1px;
|
||||
font-size: .95rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.nav-link > .link-class > i {
|
||||
margin-left: .2rem;
|
||||
}
|
||||
|
||||
.nav-link:hover > .link-class {
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
.dropdown {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 15rem;
|
||||
transform: translateY(10px);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.dropdown .ul-class {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown-link > .link-class {
|
||||
display: flex;
|
||||
background-color: #3e5b66;
|
||||
color: #FFF;
|
||||
padding: .5rem 1rem;
|
||||
font-size: .9rem;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
transition: .3s;
|
||||
}
|
||||
|
||||
.dropdown-link:hover > .link-class {
|
||||
background-color: #273c45;
|
||||
color: #fbaf00;
|
||||
}
|
||||
|
||||
.dropdown-link:not(:nth-last-child(2)) {
|
||||
border-bottom: 1px solid var(--clr-light);
|
||||
}
|
||||
|
||||
.dropdown-link i {
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
.arrow {
|
||||
position: absolute;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
top: -5.5px;
|
||||
left: 32px;
|
||||
background-color: #3e5b66;
|
||||
transform: rotate(45deg);
|
||||
cursor: pointer;
|
||||
transition: .3s;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.dropdown-link:first-child:hover ~ .arrow {
|
||||
background-color: var(--clr-dropdown);
|
||||
}
|
||||
|
||||
.dropdown-link {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dropdown.second {
|
||||
top: 0;
|
||||
left: 100%;
|
||||
padding-left: .8rem;
|
||||
cursor: pointer;
|
||||
transform: translateX(10px);
|
||||
}
|
||||
|
||||
.dropdown.second .arrow {
|
||||
top: 10px;
|
||||
left: -5.5px;
|
||||
}
|
||||
|
||||
.nav-link:hover > .dropdown,
|
||||
.dropdown-link:hover>.dropdown {
|
||||
transform: translate(0, 0);
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.hamburger-menu-container {
|
||||
flex: 1;
|
||||
display: none;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.hamburger-menu {
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.hamburger-menu div {
|
||||
width: 1.6rem;
|
||||
height: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: var(--clr-light);
|
||||
position: relative;
|
||||
z-index: 1002;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.hamburger-menu div:before,
|
||||
.hamburger-menu div:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
background-color: var(--clr-light);
|
||||
border-radius: 3px;
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.hamburger-menu div:before {
|
||||
transform: translateY(-7px);
|
||||
}
|
||||
|
||||
.hamburger-menu div:after {
|
||||
transform: translateY(7px);
|
||||
}
|
||||
|
||||
#check {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 1.5rem;
|
||||
transform: translateY(-50%);
|
||||
width: 2.5rem;
|
||||
height: 2.5rem;
|
||||
z-index: 90001;
|
||||
cursor: pointer;
|
||||
opacity: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#check:checked ~ .hamburger-menu-container .hamburger-menu div {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#check:checked ~ .hamburger-menu-container .hamburger-menu div:before {
|
||||
transform: translateY(0) rotate(-45deg);
|
||||
}
|
||||
|
||||
#check:checked ~ .hamburger-menu-container .hamburger-menu div:after {
|
||||
transform: translateY(0) rotate(45deg);
|
||||
}
|
||||
|
||||
@keyframes animation {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(15px);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0px);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1220px) {
|
||||
.hamburger-menu-container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#check {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-btn {
|
||||
position: fixed;
|
||||
height: calc(100vh - 3rem);
|
||||
top: 2.5rem;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
background-color: var(--clr-btn);
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
transform: translateX(-100%);
|
||||
transition: .65s;
|
||||
}
|
||||
|
||||
#check:checked ~ .nav-btn {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
#check:checked ~ .nav-btn .nav-link,
|
||||
#check:checked ~ .nav-btn .log-sign {
|
||||
animation: animation .5s ease forwards var(--i);
|
||||
}
|
||||
|
||||
.nav-links {
|
||||
flex: initial;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-links > .ul-class {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
transform: translateY(15px);
|
||||
}
|
||||
|
||||
.nav-link > .link-class {
|
||||
line-height: 1;
|
||||
padding: 1.6rem 2rem;
|
||||
}
|
||||
|
||||
.nav-link:hover > .link-class {
|
||||
transform: scale(1);
|
||||
background-color: #273c45;
|
||||
}
|
||||
|
||||
.dropdown,
|
||||
.dropdown.second {
|
||||
position: initial;
|
||||
top: initial;
|
||||
left: initial;
|
||||
transform: initial;
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
background-color: #3e5b66;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav-link:hover > .dropdown,
|
||||
.dropdown-link:hover>.dropdown {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-link:hover > .link-class > i,
|
||||
.dropdown-link:hover>.link-class>i {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
|
||||
.dropdown-link > .link-class {
|
||||
background-color: transparent;
|
||||
color: var(--clr-light);
|
||||
padding: 1.2rem 2rem;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.dropdown.second .dropdown-link > .link-class {
|
||||
padding: 1.2rem 2rem 1.2rem 3rem;
|
||||
}
|
||||
|
||||
.dropdown.second .dropdown.second .dropdown-link > .link-class {
|
||||
padding: 1.2rem 2rem 1.2rem 4rem;
|
||||
}
|
||||
|
||||
.dropdown-link:not(:nth-last-child(2)) {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.arrow {
|
||||
z-index: 2;
|
||||
background-color: var(--clr-btn);
|
||||
left: 10%;
|
||||
transform: scale(1.1) rotate(45deg);
|
||||
transition: .5s;
|
||||
}
|
||||
|
||||
.nav-link:hover .arrow {
|
||||
background-color: #273c45;
|
||||
}
|
||||
|
||||
.dropdown .dropdown .arrow {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dropdown-link:hover > .link-class {
|
||||
background-color: #273c45;
|
||||
}
|
||||
|
||||
.dropdown-link:first-child:hover ~ .arrow {
|
||||
background-color: #273c45;
|
||||
}
|
||||
|
||||
.nav-link > .link-class > i {
|
||||
font-size: 1.1rem;
|
||||
transform: rotate(-90deg);
|
||||
transition: .7s;
|
||||
}
|
||||
|
||||
.dropdown i {
|
||||
font-size: 1rem;
|
||||
transition: .7s;
|
||||
}
|
||||
|
||||
.log-sign {
|
||||
flex: initial;
|
||||
width: 100%;
|
||||
padding: 1.5rem 1.9rem;
|
||||
justify-content: flex-start;
|
||||
opacity: 0;
|
||||
transform: translateY(15px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,53 +1,63 @@
|
|||
<template>
|
||||
<div id="contactForm" class="flex flex-col justify-center w-full">
|
||||
<form @submit="saveFormData" id="formSection" action="">
|
||||
<div v-if="userQurie">
|
||||
<p class="text-2xl">Write your Qurie</p>
|
||||
<div class="py-3">
|
||||
<label for="name">Name:<span class=text-red-500>*</span></label>
|
||||
<input v-model="name" id="name" name="name" type="text" placeholder="Enter your Name" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
|
||||
</div>
|
||||
<div>
|
||||
<label for="phone">Mobile:<span class=text-red-500>*</span></label>
|
||||
<input v-model="phone" id="phone" name="phone" type="text" placeholder="Enter your Mobile Number" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
|
||||
</div>
|
||||
<div class="py-3">
|
||||
<label for="email">E-mail ID:<span class=text-red-500>*</span></label>
|
||||
<input v-model="email" id="email" name="email" type="text" placeholder="Enter your E-mail ID" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
|
||||
</div>
|
||||
<div>
|
||||
<label for="message">Write your Qurie:<span class=text-red-500>*</span></label>
|
||||
<textarea v-model="message" id="message" name="message" rows="7" placeholder="Write your Qurie" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required></textarea>
|
||||
</div>
|
||||
<div class="">
|
||||
<button class="bg-[#3084b5] text-white rounded-lg py-2.5 px-6 float-right" >Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="flex" >
|
||||
<h1 class="text-center text-black text-4xl p-16">Thank You</h1>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div id="contactForm" class="flex flex-col justify-center w-full">
|
||||
<form @submit="saveFormData" id="formSection" action="">
|
||||
<div v-if="userQuery">
|
||||
<p class="text-2xl">Write your Query</p>
|
||||
<div class="py-3">
|
||||
<label for="name">Name:<span class="text-red-500">*</span></label>
|
||||
<input v-model="name" id="name" name="name" type="text" placeholder="Enter your Name" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required />
|
||||
</div>
|
||||
<div>
|
||||
<label for="phone">Mobile:<span class="text-red-500">*</span></label>
|
||||
<input v-model="phone" id="phone" name="phone" type="text" placeholder="Enter your Mobile Number" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required />
|
||||
</div>
|
||||
<div class="py-3">
|
||||
<label for="email">E-mail ID:<span class="text-red-500">*</span></label>
|
||||
<input v-model="email" id="email" name="email" type="email" placeholder="Enter your E-mail ID" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required />
|
||||
</div>
|
||||
<div>
|
||||
<label for="message">Write your Query:<span class="text-red-500">*</span></label>
|
||||
<textarea v-model="message" id="message" name="message" rows="7" placeholder="Write your Query" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required></textarea>
|
||||
</div>
|
||||
<div class="">
|
||||
<button class="bg-[#3084b5] text-white rounded-lg py-2.5 px-6 float-right">Submit</button>
|
||||
</div>
|
||||
</div>
|
||||
<div v-else class="flex">
|
||||
<h1 class="text-center text-black text-4xl p-16">Thank You</h1>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default{
|
||||
data(){
|
||||
return{
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
name: "",
|
||||
phone: "",
|
||||
email: "",
|
||||
message: "",
|
||||
userQurie: true,
|
||||
domain: 'sample.com',
|
||||
owner: 'Holly Wisdom Public School',
|
||||
referrer: 'Holly Wisdom Public School',
|
||||
}
|
||||
userQuery: true,
|
||||
domain: '',
|
||||
owner: 'Holy Wisdom Public School',
|
||||
referrer: '',
|
||||
};
|
||||
},
|
||||
methods:{
|
||||
saveFormData(e){
|
||||
|
||||
mounted() {
|
||||
// Assign window-dependent values in mounted hook
|
||||
if (typeof window !== 'undefined') {
|
||||
this.domain = window.location.origin;
|
||||
this.referrer = document.referrer;
|
||||
}
|
||||
},
|
||||
|
||||
methods: {
|
||||
saveFormData(e) {
|
||||
e.preventDefault();
|
||||
let formData = {
|
||||
data:{
|
||||
data: {
|
||||
name: this.name,
|
||||
phone: this.phone,
|
||||
email: this.email,
|
||||
|
|
@ -56,22 +66,33 @@
|
|||
owner: this.owner,
|
||||
domain: this.domain,
|
||||
referrer: this.referrer
|
||||
}
|
||||
console.log(formData);
|
||||
fetch(`http://api.siliconpin.com/v3/contact-form-processor/`,
|
||||
{
|
||||
};
|
||||
// console.log(formData);
|
||||
fetch(`https://api.siliconpin.com/v3/contact-form-processor/`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type' : 'application/json'
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(formData)
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(resData => {
|
||||
// console.log("Saved Form resData", resData)
|
||||
// console.log("Saved Form resData", resData.success);
|
||||
if(resData.success === true){
|
||||
this.userQuery = false;
|
||||
}
|
||||
this.clearForm();
|
||||
})
|
||||
this.userQurie = false;
|
||||
.catch(error => {
|
||||
console.error("Error:", error);
|
||||
});
|
||||
},
|
||||
clearForm() {
|
||||
this.name = "";
|
||||
this.phone = "";
|
||||
this.email = "";
|
||||
this.message = "";
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
};
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -6,17 +6,21 @@
|
|||
</div>
|
||||
<div class="flex flex-row place-items-center gap-x-4">
|
||||
<a href="https://www.facebook.com/holywisdompublicschool" target="_blank"><img class="hover:-translate-y-2 duration-500 hover:bg-[#1b74e4] rounded-full" src="/img/svg/facebook.svg" alt="" /></a>
|
||||
<a href="#" target="_blank"><img class="hover:-translate-y-2 duration-500 hover:bg-[#1D9BF0] rounded-full" src="/img/svg/twitter.svg" alt="" /></a>
|
||||
<a href="https://reviewthis.biz/holywisdompublicschool" target="_blank" class="inline-flex items-center gap-2 text-white text-sm">
|
||||
<img class="w-10 rounded-full aspect-square" src="/img/google-review.jpg" alt="" />
|
||||
Reviews us on Google
|
||||
</a>
|
||||
<!-- <a href="#" target="_blank"><img class="hover:-translate-y-2 duration-500 hover:bg-[#1D9BF0] rounded-full" src="/img/svg/twitter.svg" alt="" /></a>
|
||||
<a href="#" target="_blank"><img class="hover:-translate-y-2 duration-500 hover:bg-[#0077b5] rounded-full" src="/img/svg/link.svg" alt="" /></a>
|
||||
<a href="#" target="_blank"><img class="hover:-translate-y-2 duration-500 hover:bg-gradient-to-b from-[#614cc6] via-[#e7495b] to-[#f76441] rounded-xl" src="/img/svg/instagram.svg" alt="" /></a>
|
||||
<a href="#" target="_blank"><img class="hover:-translate-y-2 duration-500 hover:bg-gradient-to-b from-[#614cc6] via-[#e7495b] to-[#f76441] rounded-xl" src="/img/svg/instagram.svg" alt="" /></a> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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="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>
|
||||
<img class="h-[100px]" src="/img/logo(202).png" alt="Holy Wisdom Public School" />
|
||||
<p class="text-[15px] text-justify">At <a href="/" class="text-[#3084b5]">Holy Wisdom 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">
|
||||
<p class="text-xl">Other's Link</p>
|
||||
|
|
@ -27,9 +31,10 @@
|
|||
</div>
|
||||
<div class="flex flex-col gap-y-4 border p-2 rounded-xl">
|
||||
<p class="text-xl">Address</p>
|
||||
<p class="inline-flex text-[#3084b5] gap-2"><img class="-mt-4" src="/img/svg/home.svg" alt="" />Kumra, Kumra Kashipur, Habra, 24 Pgs (N), WB, 743271</p>
|
||||
<p class="inline-flex text-[#3084b5] gap-2"><img class="-mt-4" src="/img/svg/home.svg" alt="" />Kumra, Kumra Kashipur, Habra, 24 Pgs (N), WB, 743271 (Near Kumra ITI & Rajeev Gandhi Youth Computer Institute)</p>
|
||||
<p class="inline-flex text-[#3084b5] gap-2"><img class="" src="/img/svg/phone.svg" alt="" />+91 9002802897</p>
|
||||
<p class="inline-flex text-[#3084b5] gap-2"><img class="" src="/img/svg/phone.svg" alt="" />+91 7318992100</p>
|
||||
<p class="inline-flex text-[#3084b5] gap-2"><img class="" src="/img/svg/email.svg" alt="" />ho@rgyci.org</p>
|
||||
<p class="inline-flex text-[#3084b5] gap-2"><img class="" src="/img/svg/email.svg" alt="" />holywisdompublicschool1@gmail.com</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div>
|
||||
<nav>
|
||||
<div class="logo">
|
||||
<a href="/"><img src="public/img/logo(202).png" alt="Holywisdom Public School Logo" /></a>
|
||||
<a href="/"><img src="/img/logo(202).png" alt="Holy Wisdom Public School Logo" /></a>
|
||||
</div>
|
||||
<div class="hamburger">
|
||||
<div class="line1"></div>
|
||||
|
|
@ -19,6 +19,8 @@
|
|||
<li><a href="/gallery">Gallery</a></li>
|
||||
<li><a href="/admission">Admission</a></li>
|
||||
<li><a href="/contact">Contact</a></li>
|
||||
<li><a href="/franchisee">Franchisee</a></li>
|
||||
|
||||
|
||||
<!-- <li><a href="/login">Login</a></li>
|
||||
<li><a href="/sign-up">Signup</a></li> -->
|
||||
|
|
|
|||
|
|
@ -0,0 +1,68 @@
|
|||
<li class="nav-link" style="--i: 0s">
|
||||
<a href="#" class="link-class"> Academics<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Programs Offered<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown second">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Humanities</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Science</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Commerce</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">More<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown second">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Link 1</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Link 2</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Link 3</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Link 1</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Link 2</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Link 3<i class="fas fa-caret-down"></i></a>
|
||||
<div class="dropdown second">
|
||||
<ul class="ul-class">
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Link 1</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Link 2</a>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Link 3</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
<li class="dropdown-link">
|
||||
<a href="#" class="link-class">Link 4</a>
|
||||
</li>
|
||||
<div class="arrow"></div>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
|
|
@ -2,36 +2,73 @@
|
|||
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>
|
||||
|
||||
<Layout title="Holy Wisdom Public School - About Us">
|
||||
<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">
|
||||
<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#FFFFFF] px-4 md:px-8 p-3 bg-[#3084b5] border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<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 Holy Wisdom School
|
||||
</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">
|
||||
<button
|
||||
onclick="formModal.showModal();"
|
||||
class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#FFFFFF] px-4 md:px-8 p-3 bg-[#3084b5] border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300"
|
||||
>Get in Touch</button
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 my-10">
|
||||
<div class="">
|
||||
<h1 class="text-2xl">Enter Our Preschool World!</h1>
|
||||
<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>
|
||||
<h1 class="text-2xl">Enter Our School World!</h1>
|
||||
<p class="text-justify">
|
||||
Welcome to the digital gateway of Holy Wisdom Public
|
||||
School's newest School! 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 Holy Wisdom School.
|
||||
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 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>
|
||||
<h1 class="text-2xl pt-4">
|
||||
About Holy Wisdom Public School
|
||||
</h1>
|
||||
<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 School 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
|
||||
|
|
@ -41,11 +78,87 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
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>
|
||||
respect their parents, teachers and all elders to built cultural value and patriotism.</p> -->
|
||||
|
||||
<section class="container">
|
||||
<div class="flex flex-wrap justify-center gap-6 p-4">
|
||||
<div
|
||||
class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="/img/goal.png"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-bold">Mission</h3>
|
||||
<p class="text-justify">
|
||||
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.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="/img/rocket.png"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-bold">Vision</h3>
|
||||
<p class="text-justify">
|
||||
At Holy Wisdom Public School, our vision is
|
||||
to create a nurturing environment where
|
||||
every child can thrive. We aim to inspire
|
||||
curious minds, compassionate hearts, and
|
||||
confident leaders who are prepared to
|
||||
succeed in a diverse world and contribute
|
||||
meaningfully to their communities.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="/img/commitee.png"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-bold">Ethics</h3>
|
||||
<p class="text-justify">
|
||||
We believe in teaching our children the
|
||||
importance of honesty, kindness, and
|
||||
fairness, creating a foundation for lifelong
|
||||
ethical behavior and compassionate
|
||||
citizenship.
|
||||
</p>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card text-card-foreground p-6 rounded-lg max-w-xs flex flex-col items-center border border-zinc-300 shadow-md"
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="/img/philosophy.png"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-bold">Philosophy</h3>
|
||||
<p class="text-justify">
|
||||
Rooted in Vidyasagar's Vision: At Holy
|
||||
Wisdom, we draw inspiration from Ishwar
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<!-- <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">
|
||||
<!-- <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>
|
||||
|
|
@ -55,8 +168,19 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
</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> class="w-full h-[500px] lg:h-screen" -->
|
||||
|
||||
<!-- <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">
|
||||
<!-- <model-viewer class="w-full h-[500px] lg:h-screen" src="/assets/schoolbuilding_stage3.glb" ar ar-modes="scene-viewer webxr quick-look" camera-controls tone-mapping="neutral" poster="/assets/poster.webp" shadow-intensity="1" camera-orbit="-17.83deg 71.59deg 193.5m" field-of-view="25.56deg" auto-rotate>
|
||||
<div class="progress-bar hide" slot="progress-bar">
|
||||
<div class="update-bar"></div>
|
||||
</div>
|
||||
|
|
@ -67,25 +191,10 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
<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">
|
||||
<!-- <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>
|
||||
|
|
@ -96,113 +205,434 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
<img src="https://modelviewer.dev/shared-assets/icons/hand.png">
|
||||
</div>
|
||||
</model-viewer> -->
|
||||
<section class="container">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-6">
|
||||
<h2 class="text-3xl font-extrabold text-center mb-8">Our Core Values</h2>
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
|
||||
<img src="public/img/codevalue3.png" alt="" />
|
||||
<section class="container">
|
||||
<div
|
||||
class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-6"
|
||||
>
|
||||
<h2
|
||||
class="text-3xl font-extrabold text-center mb-8"
|
||||
>
|
||||
Our Core Values
|
||||
</h2>
|
||||
<div
|
||||
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8"
|
||||
>
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="/img/codevalue3.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold ">Respect</h3>
|
||||
<p class=" mt-2">We teach our children to value and appreciate the diversity
|
||||
and uniqueness of everyone around them.</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
|
||||
<img src="public/img/codevalue4.png" alt="" />
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">
|
||||
Respect
|
||||
</h3>
|
||||
<p class="mt-2">
|
||||
We teach our children to value and
|
||||
appreciate the diversity and uniqueness
|
||||
of everyone around them.
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="/img/codevalue4.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">Responsibility</h3>
|
||||
<p class=" mt-2">We guide our children to take ownership of their actions and
|
||||
learn the importance of making positive choices.</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
|
||||
<img src="public/img/codevalue5.png" alt="" />
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">
|
||||
Responsibility
|
||||
</h3>
|
||||
<p class="mt-2">
|
||||
We guide our children to take ownership
|
||||
of their actions and learn the
|
||||
importance of making positive choices.
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="/img/codevalue5.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">Resilience</h3>
|
||||
<p class="mt-2">We support our children in developing strong emotional
|
||||
health, teaching them to cope with challenges and setbacks.</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
|
||||
<img src="public/img/codevalue1.png" alt="" />
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">
|
||||
Resilience
|
||||
</h3>
|
||||
<p class="mt-2">
|
||||
We support our children in developing
|
||||
strong emotional health, teaching them
|
||||
to cope with challenges and setbacks.
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="/img/codevalue1.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">Creativity</h3>
|
||||
<p class="mt-2">We nurture imaginative and innovative thinking, encouraging children to explore new ideas and solutions.</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
|
||||
<img src="public/img/codevalue2.png" alt="" />
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">
|
||||
Creativity
|
||||
</h3>
|
||||
<p class="mt-2">
|
||||
We nurture imaginative and innovative
|
||||
thinking, encouraging children to
|
||||
explore new ideas and solutions.
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="/img/codevalue2.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">Quality</h3>
|
||||
<p class="mt-2">Our curriculum is designed to provide high-quality education, ensuring each child reaches their full potential.</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400">
|
||||
<img src="public/img/codevalue6.png" alt="" />
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">
|
||||
Quality
|
||||
</h3>
|
||||
<p class="mt-2">
|
||||
Our curriculum is designed to provide
|
||||
high-quality education, ensuring each
|
||||
child reaches their full potential.
|
||||
</p>
|
||||
</div>
|
||||
<div class="text-center">
|
||||
<div class="flex justify-center mb-4">
|
||||
<div
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="/img/codevalue6.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">Teamwork</h3>
|
||||
<p class="mt-2">We emphasize the importance of working together, helping children develop strong collaboration and communication skills.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="text-xl font-semibold">
|
||||
Teamwork
|
||||
</h3>
|
||||
<p class="mt-2">
|
||||
We emphasize the importance of working
|
||||
together, helping children develop
|
||||
strong collaboration and communication
|
||||
skills.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- <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> -->
|
||||
<!-- <section class="container">
|
||||
<div class="container mx-auto mt-20">
|
||||
<div class="flex flex-col md:flex-row items-center">
|
||||
<div class="p-2">
|
||||
<h2 class="text-3xl font-bold mb-4">
|
||||
Our Objective
|
||||
</h2>
|
||||
<ul class="space-y-1 list-disc list-inside">
|
||||
<li>
|
||||
To achieve high standard of academic
|
||||
excellence.
|
||||
</li>
|
||||
<li>
|
||||
To provide an education that prepare
|
||||
young minds to be creative
|
||||
compassionate and innovative adults.
|
||||
</li>
|
||||
<li>
|
||||
To prepare the students according to
|
||||
the interest and ability of the
|
||||
students.
|
||||
</li>
|
||||
<li>
|
||||
Including a variety of learning
|
||||
tasks in the curriculam as some
|
||||
children prefer learning by
|
||||
discovery rather than limitation.
|
||||
</li>
|
||||
<li>
|
||||
Asking question that encourages
|
||||
original responses.
|
||||
</li>
|
||||
<li>
|
||||
Providing time and scope to slow
|
||||
learners.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="p-2">
|
||||
<img
|
||||
class="rounded-lg shadow-lg"
|
||||
src="/img/Objective.jpg"
|
||||
alt="objective"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
|
||||
<h1 class="text-xl md:text-3xl pt-2">Our Objective</h1>
|
||||
<div class="flex flex-col-reverse md:flex-row gap-4">
|
||||
<div class="w-full">
|
||||
<ul class="space-y-1 list-disc list-inside">
|
||||
<li>
|
||||
To achieve high standard of academic
|
||||
excellence.
|
||||
</li>
|
||||
<li>
|
||||
To provide an education that prepare
|
||||
young minds to be creative
|
||||
compassionate and innovative adults.
|
||||
</li>
|
||||
<li>
|
||||
To prepare the students according to
|
||||
the interest and ability of the
|
||||
students.
|
||||
</li>
|
||||
<li>
|
||||
Including a variety of learning
|
||||
tasks in the curriculam as some
|
||||
children prefer learning by
|
||||
discovery rather than limitation.
|
||||
</li>
|
||||
<li>
|
||||
Asking question that encourages
|
||||
original responses.
|
||||
</li>
|
||||
<li>
|
||||
Providing time and scope to slow
|
||||
learners.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2">
|
||||
<img
|
||||
class="rounded-lg shadow-lg"
|
||||
src="/img/objective.jpg"
|
||||
alt="objective"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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 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">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 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 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>
|
||||
<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 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>
|
||||
<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 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 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>
|
||||
<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 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>
|
||||
<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 class="container">
|
||||
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-6">
|
||||
<h2 class="text-3xl font-extrabold text-center mb-8">
|
||||
Our School Gallery
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 p-4"
|
||||
>
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="/img/g.jpg"
|
||||
alt="Image 1"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="/img/g2.jpg"
|
||||
alt="Image 2"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="/img/g3.jpg"
|
||||
alt="Image 3"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="/img/g4.jpg"
|
||||
alt="Image 4"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="/img/g5.jpg"
|
||||
alt="Image 5"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="/img/g6.jpg"
|
||||
alt="Image 6"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="/img/g7.jpg"
|
||||
alt="Image 7"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="group cursor-pointer relative">
|
||||
<img
|
||||
src="/img/g8.jpg"
|
||||
alt="Image 8"
|
||||
class="w-full h-48 object-cover rounded-lg transition-transform transform scale-100 group-hover:scale-105"
|
||||
/>
|
||||
<div
|
||||
class="absolute inset-0 flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section class="container mx-auto">
|
||||
<div>
|
||||
<dialog id="formModal" class="max-w-2xl rounded-xl">
|
||||
<form method="dialog" class="">
|
||||
<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">✘</button>
|
||||
<button
|
||||
class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right"
|
||||
>✘</button
|
||||
>
|
||||
<div class="">
|
||||
<ContactForm client:visible/>
|
||||
</div>
|
||||
<ContactForm client:visible />
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
|
|
@ -210,8 +640,17 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
</div>
|
||||
</main>
|
||||
</Layout>
|
||||
<script
|
||||
is:inline
|
||||
type="module"
|
||||
src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"
|
||||
></script>
|
||||
<style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgb(71, 174, 106) 0%,
|
||||
rgba(255, 255, 255) 40%
|
||||
);
|
||||
}
|
||||
</style>
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import Layout from "../layouts/Layout.astro";
|
|||
import ContactForm from "../components/ContactForm.vue";
|
||||
---
|
||||
|
||||
<Layout title="">
|
||||
<Layout title="Holy Wisdom Public School - Admission">
|
||||
<main>
|
||||
<div class="pb-16">
|
||||
<section class="container-fluid gradintBack">
|
||||
|
|
@ -13,7 +13,7 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
<div class="w-full">
|
||||
<img
|
||||
class="lg:max-w-3xl"
|
||||
src="public/img/school-image-3.png"
|
||||
src="/img/school-image-3.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
|
|
@ -24,8 +24,8 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
Admission
|
||||
</h1>
|
||||
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">
|
||||
Discovering Bright Beginnings: Holywisdom's Engaging
|
||||
Preschool Curriculum
|
||||
Discovering Bright Beginnings: Holy Wisdom's Engaging
|
||||
I.C.S.E. Curriculum
|
||||
</h2>
|
||||
<h3 class="text-xl text-justify pb-4">
|
||||
Thoughtfully structured and tiered learning
|
||||
|
|
@ -37,73 +37,139 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
</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="/assets/admission-form.pdf" download
|
||||
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"
|
||||
>Download Form</a
|
||||
>
|
||||
<button onclick="formModal.showModal();" 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" >Download Form</button>
|
||||
<!-- <p class="text-base xl:text-lg font-bold">Or</p> -->
|
||||
<!-- <a href="/assets/admission-form.pdf" download 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" >Download Form</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>
|
||||
<!-- <h3 class="text-2xl text-[#3084b5] mt-16 mb-8">Age limit for admission in different categories <hr></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>
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="container mx-auto px-4">
|
||||
<div class="flex flex-col lg:flex-row gap-6 mt-6">
|
||||
<div class="w-full">
|
||||
<div class="flex flex-col items-center">
|
||||
<h1 class="bg-[#3084b5] text-[#FFF] py-2.5 px-6 rounded-xl text-2xl">English Medium</h1>
|
||||
<h1 class="text-2xl"> following I.C.S.E. Board</h1>
|
||||
<h3 class="text-2xl">Day Division : 11:00 a.m. to 04:00 p.m</h3>
|
||||
</div>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="header">Class</th>
|
||||
<th class="header">Age</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Play</td>
|
||||
<td>2+ Years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pre-Nursery</td>
|
||||
<td>3+ years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Nursery</td>
|
||||
<td>4+ years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>KG</td>
|
||||
<td>5+ years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 1</td>
|
||||
<td>From 6 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 2</td>
|
||||
<td>From 7 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 3</td>
|
||||
<td>From 8 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 4</td>
|
||||
<td>From 9 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 5</td>
|
||||
<td>From 10 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 6</td>
|
||||
<td>From 11 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 7</td>
|
||||
<td>From 12 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 8</td>
|
||||
<td>From 13 years</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<div class="flex flex-col items-center">
|
||||
<h1 class="bg-[#3084b5] text-[#FFF] py-2.5 px-6 rounded-xl text-2xl">Bengali Medium</h1>
|
||||
<h1 class="text-2xl"> following West Bengal Board</h1>
|
||||
<h3 class="text-2xl">Morning Division : 07:15 a.m. to 10:30 a.m.</h3>
|
||||
</div>
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="header">Class</th>
|
||||
<th class="header">Age</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Play</td>
|
||||
<td>2+ Years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pre-Nursery</td>
|
||||
<td>3+ years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Nursery</td>
|
||||
<td>4+ years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>KG</td>
|
||||
<td>5+ years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 1</td>
|
||||
<td>From 6 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 2</td>
|
||||
<td>From 7 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 3</td>
|
||||
<td>From 8 years</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Class - 4</td>
|
||||
<td>From 9 years</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
|
|
@ -326,11 +392,11 @@ import ContactForm from "../components/ContactForm.vue";
|
|||
</tr>
|
||||
</tbody>
|
||||
</table> -->
|
||||
<div class="my-6 flex flex-row">
|
||||
<!-- <div class="my-6 flex flex-row">
|
||||
<p class="animate-bounce text-4xl font-bold">⤷</p>
|
||||
|
||||
<p class="text-2xl font-bold"><a target="_blank" class="text-blue-700" href="/assets/admission-form.pdf" download>Click Here</a> to download admission form</p>
|
||||
</div>
|
||||
</div> -->
|
||||
</section>
|
||||
<section class="container mx-auto">
|
||||
<div>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
---
|
||||
<Layout title="">
|
||||
<Layout title="Holy Wisdom Public School - Contact Us">
|
||||
<main>
|
||||
<div>
|
||||
<section class="container-fluid gradintBack">
|
||||
|
|
@ -10,9 +10,9 @@ import Layout from "../layouts/Layout.astro";
|
|||
<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 Public School!</h1>
|
||||
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Contact us for a brighter start at Holywisdom Public School!</h2>
|
||||
<h3 class="text-xl text-justify pb-4">Drop us a line at Holywisdom Public School – your gateway to educational excellence!</h3>
|
||||
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Get in Touch with Holy Wisdom Public School!</h1>
|
||||
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Contact us for a brighter start at Holy Wisdom Public School!</h2>
|
||||
<h3 class="text-xl text-justify pb-4">Drop us a line at Holy Wisdom Public School – 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> -->
|
||||
|
|
@ -21,8 +21,8 @@ import Layout from "../layouts/Layout.astro";
|
|||
</section>
|
||||
<section class="container mx-auto px-4 my-10">
|
||||
<div class="">
|
||||
<h1 class="text-2xl">Reach Out to Holywisdom Public School</h1>
|
||||
<p class="">Contacting Holywisdom Public School 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>
|
||||
<h1 class="text-2xl">Reach Out to Holy Wisdom Public School</h1>
|
||||
<p class="">Contacting Holy Wisdom Public School 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 Holy Wisdom community.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container mx-auto px-4 my-16">
|
||||
|
|
@ -64,7 +64,6 @@ import Layout from "../layouts/Layout.astro";
|
|||
</main>
|
||||
</Layout>
|
||||
<script is:inline>
|
||||
|
||||
document.getElementById('formSection').addEventListener('submit', function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
|
|
@ -75,12 +74,12 @@ import Layout from "../layouts/Layout.astro";
|
|||
email: document.getElementById('email').value,
|
||||
message: document.getElementById('message').value
|
||||
},
|
||||
owner: 'owner_value',
|
||||
domain: 'domain_value',
|
||||
owner: 'Holy Wisdom Public School',
|
||||
domain: window.location.origin,
|
||||
referrer: document.referrer
|
||||
};
|
||||
|
||||
fetch('http://192.168.0.166:2053/v3/contact-form-processor/', {
|
||||
fetch('https://api.siliconpin.com/v3/contact-form-processor/', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
|
|
@ -90,96 +89,25 @@ import Layout from "../layouts/Layout.astro";
|
|||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
console.log('Data submitted successfully');
|
||||
// console.log('Data submitted successfully');
|
||||
if(data.success === true){
|
||||
document.getElementById('formSection').style.display = 'none';
|
||||
document.getElementById('thankYouSection').style.display = 'block';
|
||||
}
|
||||
console.log(data.success)
|
||||
} else {
|
||||
console.log('Error: ' + data.message);
|
||||
// console.log('Error: ' + data.message);
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error:', error);
|
||||
console.log('An error occurred while submitting the form');
|
||||
// console.error('Error:', error);
|
||||
// console.log('An error occurred while submitting the form');
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
|
||||
// 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();
|
||||
// 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(data)
|
||||
// });
|
||||
// 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>
|
||||
|
||||
<!-- 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);
|
||||
})
|
||||
} -->
|
||||
|
|
@ -40,8 +40,22 @@ let eventsData = [
|
|||
"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."
|
||||
},
|
||||
{
|
||||
"id": "7",
|
||||
"event": "Merry Christmas",
|
||||
"img": "/img/ev7.jpg",
|
||||
"description": "Celebrated on December 25th, Christmas at school includes decorating the Christmas tree, singing carols, and organizing a special assembly. Students and teachers participate in gift exchanges and various fun activities, fostering a spirit of joy and community."
|
||||
},
|
||||
{
|
||||
"id": "8",
|
||||
"event": "Rabindranath Tagore Jayanti",
|
||||
"img": "/img/ev8.jpg",
|
||||
"description": "This event celebrates the birth anniversary of Rabindranath Tagore, a renowned poet, philosopher, and artist. The school organizes cultural programs, recitations, and activities that reflect on his contributions to literature and the arts."
|
||||
}
|
||||
]
|
||||
|
||||
|
||||
let compulsorySchoolData = [
|
||||
{
|
||||
"id": "1",
|
||||
|
|
@ -150,17 +164,17 @@ let inSportsData = [
|
|||
]
|
||||
---
|
||||
|
||||
<Layout title="">
|
||||
<Layout title="Holy Wisdom Public School - Curriculum">
|
||||
<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="container mx-auto px-4 flex flex-col-reverse xl:flex-row place-items-center gap-y-4">
|
||||
<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>
|
||||
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">School Learning at Holy Wisdom</h1>
|
||||
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Discovering Bright Beginnings: Holy Wisdom's Engaging School 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">
|
||||
|
|
@ -174,7 +188,7 @@ let inSportsData = [
|
|||
<section class="container mx-auto px-4 pt-16">
|
||||
<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>Welcome to Holy Wisdom Public School's Curriculum Page! At Holy Wisdom, 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
|
||||
|
|
@ -260,7 +274,7 @@ let inSportsData = [
|
|||
<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
|
||||
Holy Wisdom, 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.
|
||||
|
|
@ -297,7 +311,7 @@ let inSportsData = [
|
|||
</div>
|
||||
<h1 class="text-xl md:text-3xl pt-2">Daily Schedule <hr></h1>
|
||||
<p>
|
||||
Our daily schedule at Holywisdom is thoughtfully crafted
|
||||
Our daily schedule at Holy Wisdom 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.
|
||||
|
|
@ -305,7 +319,7 @@ let inSportsData = [
|
|||
<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>
|
||||
<p class="text-justify">We encourage parental involvement at Holy Wisdom 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 Holy Wisdom 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="" />
|
||||
|
|
@ -318,10 +332,10 @@ let inSportsData = [
|
|||
<div>
|
||||
<dialog id="formModal" class="max-w-2xl rounded-xl">
|
||||
<form method="dialog" class="">
|
||||
<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">✘</button>
|
||||
<button type="submit" class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">✘</button>
|
||||
<div class="">
|
||||
<ContactForm client:visible/>
|
||||
</div>
|
||||
<ContactForm client:visible />
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,9 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
---
|
||||
<Layout title="">
|
||||
<div class="container mx-auto my-16">
|
||||
<p class="text-3xl font-bold ">Holy Wisdom Public School Franchisee</p>
|
||||
<p >Holy Wisdom Public School Affiliate Holy Kids</p>
|
||||
</div>
|
||||
</Layout>
|
||||
|
|
@ -13,8 +13,8 @@ const img3DResInter = [{ image_src: "/assets/school_image/hps-image1.jpg" },{ im
|
|||
</div>
|
||||
<div class="flex flex-col w-full">
|
||||
<h1 class="text-3xl md:text-4xl lg:text-5xl text-[#47ae6a]">Holy Wisdom Paublic School Gallery!</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> -->
|
||||
<!-- <h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">Contact us for a brighter start at Holy Wisdom School!</h2> -->
|
||||
<!-- <h3 class="text-xl text-justify pb-4">Drop us a line at Holy Wisdom School – 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> -->
|
||||
|
|
|
|||
|
|
@ -0,0 +1,105 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Snake Game</title>
|
||||
<style>
|
||||
body {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
margin: 0;
|
||||
background-color: #333;
|
||||
}
|
||||
canvas {
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="gameCanvas" width="400" height="400"></canvas>
|
||||
|
||||
<script is:inline>
|
||||
const canvas = document.getElementById('gameCanvas');
|
||||
const ctx = canvas.getContext('2d');
|
||||
const gridSize = 20;
|
||||
const tileCount = canvas.width / gridSize;
|
||||
|
||||
let snake = [{ x: 10, y: 10 }];
|
||||
let velocity = { x: 0, y: 0 };
|
||||
|
||||
let food = { x: Math.floor(Math.random() * tileCount), y: Math.floor(Math.random() * tileCount) };
|
||||
let score = 0;
|
||||
const gameSpeed = 200;
|
||||
document.addEventListener('keydown', (event) => {
|
||||
switch (event.key) {
|
||||
case 'ArrowUp':
|
||||
if (velocity.y === 0) {
|
||||
velocity = { x: 0, y: -1 };
|
||||
}
|
||||
break;
|
||||
case 'ArrowDown':
|
||||
if (velocity.y === 0) {
|
||||
velocity = { x: 0, y: 1 };
|
||||
}
|
||||
break;
|
||||
case 'ArrowLeft':
|
||||
if (velocity.x === 0) {
|
||||
velocity = { x: -1, y: 0 };
|
||||
}
|
||||
break;
|
||||
case 'ArrowRight':
|
||||
if (velocity.x === 0) {
|
||||
velocity = { x: 1, y: 0 };
|
||||
}
|
||||
break;
|
||||
}
|
||||
});
|
||||
function gameLoop() {
|
||||
const head = { x: snake[0].x + velocity.x, y: snake[0].y + velocity.y };
|
||||
snake.unshift(head);
|
||||
if (head.x === food.x && head.y === food.y) {
|
||||
score++;
|
||||
food = { x: Math.floor(Math.random() * tileCount), y: Math.floor(Math.random() * tileCount) };
|
||||
} else {
|
||||
snake.pop();
|
||||
}
|
||||
if (head.x < 0 || head.x >= tileCount || head.y < 0 || head.y >= tileCount) {
|
||||
resetGame();
|
||||
}
|
||||
|
||||
for (let i = 1; i < snake.length; i++) {
|
||||
if (head.x === snake[i].x && head.y === snake[i].y) {
|
||||
resetGame();
|
||||
}
|
||||
}
|
||||
draw();
|
||||
}
|
||||
|
||||
function resetGame() {
|
||||
alert(`Game Over! Your score: ${score}`);
|
||||
score = 0;
|
||||
snake = [{ x: 10, y: 10 }];
|
||||
velocity = { x: 0, y: 0 };
|
||||
food = { x: Math.floor(Math.random() * tileCount), y: Math.floor(Math.random() * tileCount) };
|
||||
}
|
||||
function draw() {
|
||||
ctx.fillStyle = '#000';
|
||||
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
||||
ctx.fillStyle = '#0F0';
|
||||
snake.forEach(segment => {
|
||||
ctx.fillRect(segment.x * gridSize, segment.y * gridSize, gridSize, gridSize);
|
||||
});
|
||||
ctx.fillStyle = '#F00';
|
||||
ctx.fillRect(food.x * gridSize, food.y * gridSize, gridSize, gridSize);
|
||||
|
||||
ctx.fillStyle = '#FFF';
|
||||
ctx.font = '20px Arial';
|
||||
ctx.fillText(`Score: ${score}`, 10, 30);
|
||||
}
|
||||
setInterval(gameLoop, gameSpeed);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -5,27 +5,42 @@ import SliderHomepage from "../components/SliderHomepage.vue";
|
|||
import FAQ from "../components/FAQ.vue";
|
||||
---
|
||||
|
||||
<!-- An AI powered British Preschool Curriculum -->
|
||||
<Layout title="Welcome to Astro.">
|
||||
<!-- An AI powered British School Curriculum -->
|
||||
<Layout title="Holy Wisdom Public School">
|
||||
<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="mx-auto">
|
||||
<img class="w-full" src="/img/new-bg5.png" alt="">
|
||||
</div>
|
||||
<div class="container mx-auto px-4">
|
||||
<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>
|
||||
<!-- <section class="container-fluid gradintBack">
|
||||
<div class="container mx-auto px-4 flex flex-col-reverse xl:flex-row place-items-center gap-y-4">
|
||||
<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-image-4.png" alt=""
|
||||
<img
|
||||
class="w-full xl:max-w-2xl"
|
||||
src="/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> -->
|
||||
<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.
|
||||
|
|
@ -39,34 +54,77 @@ import FAQ from "../components/FAQ.vue";
|
|||
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>
|
||||
<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> -->
|
||||
<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>
|
||||
<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>
|
||||
<h1 class="text-3xl">
|
||||
Enter Our School World! <hr />
|
||||
</h1>
|
||||
<p class="text-justify text-lg">
|
||||
Welcome to the digital gateway of Holy Wisdom Public
|
||||
School's newest School! 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 Holy Wisdom School. 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>
|
||||
|
|
@ -76,9 +134,9 @@ import FAQ from "../components/FAQ.vue";
|
|||
</section>
|
||||
<section class="container mx-auto px-4">
|
||||
<div class="pt-6">
|
||||
<h1 class="text-3xl">Legacy-Inspired Education <hr></h1>
|
||||
<h1 class="text-3xl">Legacy-Inspired Education <hr /></h1>
|
||||
<p class="text-lg text-justify">
|
||||
At Holywisdom Public School, we are dedicated to
|
||||
At Holy Wisdom 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,
|
||||
|
|
@ -91,65 +149,136 @@ import FAQ from "../components/FAQ.vue";
|
|||
</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">
|
||||
<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>
|
||||
<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="" />
|
||||
<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">
|
||||
<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" />
|
||||
<img src="/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>
|
||||
<h2>Play Class<hr /></h2>
|
||||
<p class="text-justify leading-9">
|
||||
Our Play Class 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" />
|
||||
<img src="/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>
|
||||
<h2>Pre-Nursery <hr /></h2>
|
||||
<p class="text-justify leading-9">
|
||||
Our Pre-Nursery program prepares your child for formal
|
||||
schooling with a more integrated School
|
||||
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" />
|
||||
<img src="/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>
|
||||
<h2>Nursery <hr /></h2>
|
||||
<p class="text-justify leading-9">
|
||||
Our Nursery 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" />
|
||||
<img src="/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>
|
||||
<h2>and Class 1 to Class 8<hr /></h2>
|
||||
<p class="text-justify leading-9">
|
||||
Our Class 1 to Class 8 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">
|
||||
<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.
|
||||
<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"
|
||||
|
|
@ -158,18 +287,146 @@ import FAQ from "../components/FAQ.vue";
|
|||
>
|
||||
</div>
|
||||
<div class="flex">
|
||||
<img class="w-full rounded-2xl" src="/img/pundit1.jpg" alt="" />
|
||||
<img
|
||||
class="w-full rounded-2xl"
|
||||
src="/img/pundit1.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6 mt-10">
|
||||
<div
|
||||
class="flex flex-col lg:flex-row gap-x-6 bg-[#47ae6a50] justify-center place-items-center rounded-2xl p-6 mt-10"
|
||||
>
|
||||
<div class="flex">
|
||||
<img class="w-full rounded-2xl" src="/img/maria.jpg" alt="" />
|
||||
<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.
|
||||
<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>
|
||||
<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="bg-background text-foreground p-8">
|
||||
<div class="mx-auto">
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
||||
<div class="md:col-span-1">
|
||||
<h2 class="text-3xl font-bold mb-4">
|
||||
Your Child's Safety, Our First Priority
|
||||
</h2>
|
||||
<p class="text-justify mb-4">
|
||||
At Holy Wisdom Public School, we prioritize
|
||||
your child's safety above all else. Our
|
||||
secure campus is equipped with modern
|
||||
surveillance systems and controlled access
|
||||
points. Our dedicated staff undergoes
|
||||
regular training to ensure they are prepared
|
||||
for any situation. We maintain strict
|
||||
hygiene protocols to provide a clean and
|
||||
healthy environment. With continuous
|
||||
supervision and a caring community, we
|
||||
create a safe haven for your child's growth
|
||||
and development.
|
||||
</p>
|
||||
|
||||
<a
|
||||
href="/admission"
|
||||
class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500"
|
||||
>Admission Now >></a
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class="md:col-span-2 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"
|
||||
>
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="/img/Priority3.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-semibold">
|
||||
CCTV Monitoring
|
||||
</h3>
|
||||
</div>
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="/img/Priority5.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-semibold">
|
||||
First Aid Kits
|
||||
</h3>
|
||||
</div>
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="/img/Priority6.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-semibold">
|
||||
Safety and Hygiene Standards as per WHO
|
||||
and UNESCO
|
||||
</h3>
|
||||
</div>
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="/img/Priority1.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-semibold">
|
||||
Trained Staff in Early Childhood Care
|
||||
</h3>
|
||||
</div>
|
||||
<!-- <div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="/img/Priority4.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-semibold">
|
||||
Pediatrician On Call
|
||||
</h3>
|
||||
</div> -->
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="/img/Priority2.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-semibold">
|
||||
Fire Safety Protocol
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -182,7 +439,9 @@ import FAQ from "../components/FAQ.vue";
|
|||
<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>
|
||||
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>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,46 @@
|
|||
|
||||
<main>
|
||||
<div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
|
||||
<section class="container mx-auto max-w-lg bg-[url(/img/hps_logo.png)] rounded-2xl">
|
||||
<div class="flex flex-col w-full justify-center place-items-center border-[1px] border-[#0e0f0420] rounded-[20px] shadow-2xl py-10">
|
||||
<img class="max-w-[150px] shadow-lg p-2 py-6 border-[1px] rounded-full" src="/img/hps_logo.png" alt="">
|
||||
<form action="" class="p-6">
|
||||
<input id="email" name="email" type="text" placeholder="User ID" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2" required/>
|
||||
<input id="password" name="password" type="password" placeholder="Passsord" class="border-2 focus:border-[#47ae6a] border-[#3084b5] focus:outline-none rounded-lg w-full p-2 mt-6" required/>
|
||||
<button onclick="myFunction(event)" class="border-2 border-[#3084b5] text-white bg-[#3084b5] focus:outline-none rounded-lg w-full p-2 mt-4">Login</button>
|
||||
</form>
|
||||
<p class="">Not Registerd? <a href="/sign-up" class="text-[#FFFFFF] font-bold">Register Now</a></p>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
<script is:inline>
|
||||
function myFunction(event){
|
||||
event.preventDefault();
|
||||
let emailId = document.getElementById('email').value;
|
||||
let password = document.getElementById('password').value;
|
||||
let userData = {
|
||||
email : emailId,
|
||||
password : password
|
||||
}
|
||||
fetch(`https://game-du.teachertrainingkolkata.in/auth/login`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type' : 'application/json'
|
||||
},
|
||||
body: JSON.stringify(userData)
|
||||
})
|
||||
.then(res => res.json())
|
||||
.then(data => {
|
||||
console.log(data)
|
||||
})
|
||||
}
|
||||
</script>
|
||||
<style>
|
||||
.content {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
</style>
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
|
||||
<main>
|
||||
<div class="content">
|
||||
<div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
|
||||
<section class="container mx-auto max-w-lg bg-[url(/img/hps_logo.png)] rounded-2xl">
|
||||
<div class="flex flex-col w-full justify-center place-items-center border-[1px] border-[#0e0f0420] rounded-[20px] shadow-2xl py-10">
|
||||
<img class="max-w-[150px] shadow-lg p-2 py-6 border-[1px] rounded-full" src="/img/hps_logo.png" alt="">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,34 @@
|
|||
<main>
|
||||
<div class="bg-[url(/img/bg-image.jpg)] bg-cover bg-center h-screen">
|
||||
<div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2">
|
||||
<div class="container mx-auto px-4 max-w-lg py-6 bg-[#00000080] rounded-lg shadow-[0px 0px 10px 0px] shadow-[#FFF]">
|
||||
<div class="flex flex-col space-y-3 ">
|
||||
<p class="text-2xl font-bold text-[#FFF] ">Welcome Back</p>
|
||||
<p class="text-lg text-[#fff]">Enter your email and password to access your account</p>
|
||||
<div class="mt-10 flex flex-col">
|
||||
<label class="text-[#FFF]" for="email">Email:</label>
|
||||
<input
|
||||
class="border-2 border-[#fff] text-[#FFF] rounded-md bg-transparent p-2"
|
||||
placeholder="Email Id"
|
||||
type="text">
|
||||
</div>
|
||||
<div class="flex flex-col">
|
||||
<label class="text-[#FFF]" for="password">Password:</label>
|
||||
<input
|
||||
placeholder="Password"
|
||||
class="border-2 border-[#fff] text-[#FFF] rounded-md bg-transparent p-2"
|
||||
type="password">
|
||||
</div>
|
||||
<div class="flex flex-row justify-between">
|
||||
<label class="text-[#FFF]" for="remember">
|
||||
<input type="checkbox" name="remember" id="remember">
|
||||
Remember Password
|
||||
</label>
|
||||
<a class="text-[#FFF]" href="">Forgot Password</a>
|
||||
</div>
|
||||
<button class="bg-[#FFFFFF80] p-1.5 rounded-md">Login</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
---
|
||||
<Layout title="">
|
||||
<Layout title="Holy Wisdom Public School - Maria Montessori">
|
||||
<main>
|
||||
<div>
|
||||
<section class="container-fluid gradintBack mb-16">
|
||||
|
|
@ -12,7 +12,7 @@ import Layout from "../layouts/Layout.astro";
|
|||
<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>
|
||||
<h3 class="text-xl text-justify py-4">Embark on a journey to discover Maria Montessori's visionary impact on education at Holy Wisdom 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>
|
||||
|
|
@ -48,7 +48,7 @@ import Layout from "../layouts/Layout.astro";
|
|||
</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>
|
||||
Join us at Holy Wisdom 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>
|
||||
|
|
|
|||
|
|
@ -1,28 +1,260 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
import ContactForm from '../components/ContactForm.vue';
|
||||
import ContactForm from "../components/ContactForm.vue";
|
||||
---
|
||||
<Layout title="">
|
||||
|
||||
<Layout title="Holy Wisdom Public School - Overview">
|
||||
<main>
|
||||
<div class="mb-16">
|
||||
<section class="container-fluid gradintBack">
|
||||
<div class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center">
|
||||
<div class="w-full">
|
||||
<!-- <img class="lg:max-w-2xl" src="/img/image.png" alt=""> -->
|
||||
<img class="lg:max-w-2xl" src="public/img/school-bus.png" alt="">
|
||||
</div>
|
||||
<div class="flex flex-col w-full">
|
||||
<h2 class="text-2xl md:text-2xl text-[#3084b5] py-4">An ideal institution for Children’s Education in this area.</h2>
|
||||
<h3 class="text-xl text-justify pb-4">Discover essential details about our school's dress code and necessary supplies for students, ensuring preparedness and comfort throughout the school year.</h3>
|
||||
<div class="flex flex-row place-content-between">
|
||||
<button onclick="formModal.showModal();" class="text-sm xl:text-lg rounded-lg shadow-2xl text-[#3084b5] px-4 md:px-8 p-3 border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Get in Touch</button>
|
||||
<p class="text-base xl:text-lg font-bold">Or</p>
|
||||
<a href="/curriculum" class="text-sm xl:text-lg rounded-lg text-white shadow-2xl px-4 md:px-8 p-3 bg-[#3084b5] te border-2 border-[#3084b5] transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300">Let's Check</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div
|
||||
class="container mx-auto px-4 flex flex-col-reverse lg:flex-row place-items-center"
|
||||
>
|
||||
<div class="w-full">
|
||||
<!-- <img class="lg:max-w-2xl" src="/img/image.png" alt=""> -->
|
||||
<img
|
||||
class="lg:max-w-2xl"
|
||||
src="/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 class="text-center mb-8">
|
||||
<h2 class="text-3xl font-bold">Best Facilities For Kids</h2>
|
||||
</div>
|
||||
<div class="flex flex-wrap justify-center items-start">
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div
|
||||
class="bg-red-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
|
||||
>
|
||||
01
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">
|
||||
Safe and secure outdoor play area
|
||||
</h3>
|
||||
<p class="text-justify">
|
||||
A fenced and monitored space with
|
||||
age-appropriate equipment ensuring children
|
||||
can play freely under supervision.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div
|
||||
class="bg-orange-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
|
||||
>
|
||||
02
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">
|
||||
Colorful and stimulating classrooms
|
||||
</h3>
|
||||
<p class="text-justify">
|
||||
Vibrant, well-organized rooms with visually
|
||||
appealing decor that encourages learning and
|
||||
creativity.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div
|
||||
class="bg-green-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
|
||||
>
|
||||
03
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">
|
||||
Indoor play spaces for physical activities
|
||||
</h3>
|
||||
<p class="text-justify">
|
||||
Areas designed for physical play, promoting
|
||||
gross motor skills through activities like
|
||||
climbing, jumping, and balancing.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div
|
||||
class="bg-red-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
|
||||
>
|
||||
04
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">
|
||||
Interactive learning tools and educational
|
||||
toys
|
||||
</h3>
|
||||
<p class="text-justify">
|
||||
Various hands-on materials and toys that
|
||||
engage children while promoting cognitive
|
||||
and motor skill development.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div
|
||||
class="bg-orange-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
|
||||
>
|
||||
05
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">
|
||||
Art and creativity corner with diverse
|
||||
materials
|
||||
</h3>
|
||||
<p class="text-justify">
|
||||
An area stocked with art supplies to
|
||||
encourage self-expression and creativity
|
||||
through various art mediums.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2 lg:w-1/3 p-4">
|
||||
<div class="flex items-start">
|
||||
<div class="flex-shrink-0">
|
||||
<div
|
||||
class="bg-purple-500 text-white rounded-full w-12 h-12 flex items-center justify-center font-bold"
|
||||
>
|
||||
06
|
||||
</div>
|
||||
</div>
|
||||
<div class="ml-4">
|
||||
<h3 class="text-xl font-semibold">
|
||||
Multimedia and technology integration for
|
||||
learning
|
||||
</h3>
|
||||
<p class="text-justify">
|
||||
Access to age-appropriate technology, such
|
||||
as computers or tablets, used as a
|
||||
supplementary tool to enhance learning
|
||||
experiences.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container text-center p-8">
|
||||
<div
|
||||
class="flex flex-wrap items-center mt-20 text-left text-center"
|
||||
>
|
||||
<div class="w-full md:w-3/5 lg:w-1/2 px-4">
|
||||
<img
|
||||
src="/img/dream.jpg"
|
||||
alt=""
|
||||
class="inline-block rounded shadow-lg border border-merino-400"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="w-full md:w-2/5 lg:w-1/2 px-4 text-center md:text-left lg:pl-12"
|
||||
>
|
||||
<h3
|
||||
class="font-bold mt-8 text-xl md:mt-0 sm:text-2xl"
|
||||
>
|
||||
The Dream
|
||||
</h3>
|
||||
<p class="text-justify">
|
||||
At Holy Wisdom Public School, we believe in
|
||||
nurturing the dreams of our young learners.
|
||||
Every child has a unique potential and a world
|
||||
of possibilities ahead. We strive to create an
|
||||
environment where their dreams can take flight,
|
||||
encouraging curiosity, creativity, and a love
|
||||
for learning. Our dedicated teachers and
|
||||
supportive community work together to ensure
|
||||
that each child feels inspired to dream big and
|
||||
pursue their passions. At Holy Wisdom, we are
|
||||
committed to turning dreams into reality, one
|
||||
step at a time.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="flex flex-wrap items-center mt-20 text-left text-center"
|
||||
>
|
||||
<div class="w-full md:w-3/5 lg:w-1/2 px-4">
|
||||
<img
|
||||
src="/img/team.jpg"
|
||||
alt=""
|
||||
class="inline-block rounded shadow-lg border border-merino-400"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="w-full md:w-2/5 lg:w-1/2 px-4 md:order-first text-center md:text-left lg:pr-12"
|
||||
>
|
||||
<h3
|
||||
class="font-bold mt-8 text-xl md:mt-0 sm:text-2xl"
|
||||
>
|
||||
Our Team
|
||||
</h3>
|
||||
<p class="text-justify">
|
||||
At Holy Wisdom Public School, our team is the
|
||||
heart of our community. Comprised of dedicated
|
||||
and experienced educators, our staff is
|
||||
passionate about fostering a love for learning
|
||||
in every child. Our teachers are not only
|
||||
skilled in early childhood education but are
|
||||
also committed to creating a nurturing and
|
||||
supportive environment where each child can
|
||||
thrive. With a focus on personalized attention
|
||||
and holistic development, our team works
|
||||
tirelessly to ensure that every child feels
|
||||
valued and encouraged. Together, we strive to
|
||||
make every day a meaningful and joyful learning
|
||||
experience for our students.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1 class="text-xl md:text-3xl pt-2">School Uniform</h1>
|
||||
<table class="table">
|
||||
|
|
@ -37,7 +269,10 @@ import ContactForm from '../components/ContactForm.vue';
|
|||
<tr>
|
||||
<td rowspan="5">Boys</td>
|
||||
<td>Shirt</td>
|
||||
<td>Canary Yellow T-Shirt with bottle green collar</td>
|
||||
<td
|
||||
>Canary Yellow T-Shirt with bottle green
|
||||
collar</td
|
||||
>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Pants</td>
|
||||
|
|
@ -58,7 +293,10 @@ import ContactForm from '../components/ContactForm.vue';
|
|||
<tr>
|
||||
<td rowspan="5">Girls</td>
|
||||
<td>Shirt</td>
|
||||
<td>Canary Yellow T-Shirt with bottle green collar</td>
|
||||
<td
|
||||
>Canary Yellow T-Shirt with bottle green
|
||||
collar</td
|
||||
>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Skirt</td>
|
||||
|
|
@ -90,26 +328,435 @@ import ContactForm from '../components/ContactForm.vue';
|
|||
<td>White shoes and socks</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="3"><strong>Note:</strong> Boys and girls' T-shirt, pants, skirt, P.T. dress, tie, belt, and batch price is 1,400 Rs. Black boots, white shoes, and socks will not be provided by the school.</td>
|
||||
<td colspan="3"
|
||||
><strong>Note:</strong> Boys and girls' T-shirt,
|
||||
pants, skirt, P.T. dress, tie, belt, and batch
|
||||
price is 1,400 Rs. Black boots, white shoes,
|
||||
and socks will not be provided by the school.</td
|
||||
>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div>
|
||||
<h1 class="text-xl md:text-3xl pt-2">School Car</h1>
|
||||
<p>School buses / car are available for students. For this, you have to apply on the day of admission</p>
|
||||
<!-- <h1 class="text-xl md:text-3xl pt-2">School Car</h1>
|
||||
<p>School buses / car are available for students. For this, you have to apply on the day of admission</p> -->
|
||||
<h1 class="text-xl md:text-3xl pt-2">Transport<hr /></h1>
|
||||
<div class="flex flex-col-reverse md:flex-row gap-4">
|
||||
<div class="w-full">
|
||||
<p class="text-justify">
|
||||
At Holy Wisdom Public School, we prioritize the
|
||||
safety and convenience of our students. Our
|
||||
school transport system is designed to ensure a
|
||||
comfortable and secure journey for your child.
|
||||
Our fleet of buses is well-maintained and
|
||||
equipped with modern safety features. Each bus
|
||||
is supervised by trained staff to ensure the
|
||||
well-being of every student during their
|
||||
commute.
|
||||
</p>
|
||||
<ul class="space-y-1 list-disc list-inside">
|
||||
<li>Experienced and qualified drivers.</li>
|
||||
<li>Regular maintenance and safety checks.</li>
|
||||
<li>
|
||||
Designated pick-up and drop-off points for
|
||||
efficient and timely service.
|
||||
</li>
|
||||
<li>
|
||||
Strict adherence to safety protocols and
|
||||
guidelines.
|
||||
</li>
|
||||
</ul>
|
||||
<p class="text-justify">
|
||||
We strive to provide a reliable and hassle-free
|
||||
transport experience, so you can have peace of
|
||||
mind knowing your child is in safe hands.
|
||||
</p>
|
||||
</div>
|
||||
<div class="w-full md:w-1/2">
|
||||
<img
|
||||
src="/img/school-bus-4773905_1920.jpg"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h1 class="text-xl md:text-3xl pt-2">Materials Required</h1>
|
||||
<p>All the books and notebooks, uniforms etc. are provided to the children by the school at fair price.</p>
|
||||
<p>
|
||||
All the books and notebooks, uniforms etc. are provided
|
||||
to the children by the school at fair price.
|
||||
</p>
|
||||
</div>
|
||||
<section class="container">
|
||||
<div class="bg-background text-foreground p-6">
|
||||
<h2 class="text-center text-2xl font-bold mb-6">
|
||||
Parent Reviews
|
||||
</h2>
|
||||
<div
|
||||
class="grid gap-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
|
||||
>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Aarav Mehta</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"Holy Wisdom Public School has been a
|
||||
wonderful experience for my child. The
|
||||
teachers are caring and provide a nurturing
|
||||
environment. My child looks forward to going
|
||||
to school every day!"
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Sneha Patel</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"I am very impressed with the curriculum and
|
||||
the activities at Holy Wisdom. My child has
|
||||
learned so much and has become more
|
||||
confident. The staff is very supportive and
|
||||
approachable."
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Rajesh Kumar</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"Choosing Holy Wisdom for my child was the
|
||||
best decision. The school focuses on the
|
||||
overall development of children, including
|
||||
academics, arts, and physical activities.
|
||||
Highly recommended!"
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Priya Singh</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"Holy Wisdom Public School has exceeded our
|
||||
expectations. The teachers are passionate
|
||||
about teaching, and it shows in the progress
|
||||
my child has made. The school environment is
|
||||
safe and friendly."
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
><path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path></svg
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
><path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path></svg
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
><path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
></path></svg
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Anjali Sharma</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"My child has had an amazing experience at
|
||||
Holy Wisdom. The interactive learning
|
||||
methods and the focus on each child's
|
||||
individual needs have really made a
|
||||
difference. We are very happy with the
|
||||
school."
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
><path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
></path></svg
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
><path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
></path></svg
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
><path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
></path></svg
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="bg-card p-6 rounded-lg shadow-md border-2 border-zinc-300"
|
||||
>
|
||||
<h3 class="font-bold mb-2">Vikram Gupta</h3>
|
||||
<p
|
||||
class="text-xl font-light italic text-gray-700"
|
||||
>
|
||||
"Holy Wisdom Public School is fantastic! The
|
||||
school has a great balance between learning
|
||||
and fun. My child has developed good social
|
||||
skills and enjoys the various activities. I
|
||||
am very satisfied with the school's
|
||||
approach."
|
||||
</p>
|
||||
<div
|
||||
class="flex items-center justify-center space-x-2 mt-4"
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
><path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path></svg
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
>
|
||||
</path></svg
|
||||
>
|
||||
<svg
|
||||
class="text-yellow-500 w-4 h-4"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 20 20"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
><path
|
||||
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
|
||||
></path></svg
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container">
|
||||
<div
|
||||
class="flex flex-col md:flex-row items-center bg-background p-6 rounded-lg"
|
||||
>
|
||||
<div class="md:w-1/2 flex justify-center mb-6 md:mb-0">
|
||||
<img
|
||||
src="/img/visit.png"
|
||||
alt="location marker with buildings"
|
||||
class="rounded-full bg-muted p-4"
|
||||
/>
|
||||
</div>
|
||||
<div class="md:w-1/2 text-center md:text-left">
|
||||
<h2 class="text-2xl font-bold text-foreground mb-4">
|
||||
Visit Us
|
||||
</h2>
|
||||
<p class="text-justify mb-6">
|
||||
We warmly invite parents to tour Holy Wisdom
|
||||
Public School and see our vibrant learning
|
||||
environment firsthand. Schedule your visit today
|
||||
to meet our dedicated team, explore our engaging
|
||||
classrooms, and discover the unique learning
|
||||
experiences we offer. Come and see why Holy
|
||||
Wisdom is the perfect place for your child's
|
||||
early education journey.
|
||||
</p>
|
||||
|
||||
<a
|
||||
href="/contact"
|
||||
class="bg-blue-700 w-fit text-white px-6 py-2.5 rounded-lg hover:scale-105 hover:shadow-lg duration-500"
|
||||
>Reach Us >></a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
<section class="container mx-auto">
|
||||
<div>
|
||||
<dialog id="formModal" class="max-w-2xl rounded-xl">
|
||||
<form method="dialog" class="">
|
||||
<button class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right">✘</button>
|
||||
<button
|
||||
class="text-3xl text-red-500 bg-[#3084b550] hover:bg-[#3084b580] px-4 py-2 rounded-full float-right"
|
||||
>✘</button
|
||||
>
|
||||
<div class="">
|
||||
<ContactForm client:visible/>
|
||||
</div>
|
||||
<ContactForm client:visible />
|
||||
</div>
|
||||
</form>
|
||||
</dialog>
|
||||
</div>
|
||||
|
|
@ -119,16 +766,23 @@ import ContactForm from '../components/ContactForm.vue';
|
|||
</Layout>
|
||||
<style>
|
||||
.gradintBack {
|
||||
background: linear-gradient(0deg, rgb(71, 174, 106) 0%, rgba(255, 255, 255) 40%);
|
||||
}
|
||||
background: linear-gradient(
|
||||
0deg,
|
||||
rgb(71, 174, 106) 0%,
|
||||
rgba(255, 255, 255) 40%
|
||||
);
|
||||
}
|
||||
.table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.table, .table th, .table td {
|
||||
.table,
|
||||
.table th,
|
||||
.table td {
|
||||
border: 1.5px solid black;
|
||||
}
|
||||
.table th, .table td {
|
||||
.table th,
|
||||
.table td {
|
||||
padding: 4px;
|
||||
text-align: left;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,20 +0,0 @@
|
|||
<div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-2">
|
||||
<div class="h-[200px] text-center bg-[#f59e0b]">
|
||||
Grid - 1
|
||||
</div>
|
||||
<div class="h-[200px] text-center bg-[#84cc16]">
|
||||
Grid - 2
|
||||
</div>
|
||||
<div class="h-[200px] text-center bg-[#84cc16]">
|
||||
Grid - 3
|
||||
</div>
|
||||
<div class="h-[200px] text-center bg-[#4f46e5]">
|
||||
Grid - 4
|
||||
</div>
|
||||
<div class="h-[200px] text-center bg-[#db2777]">
|
||||
Grid - 5
|
||||
</div>
|
||||
<div class="h-[200px] text-center bg-[#b91c1c]">
|
||||
Grid - 6
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Form Submission</title>
|
||||
</head>
|
||||
<body>
|
||||
<form id="formSection">
|
||||
<p class="text-2xl py-4">Write your Query</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" required />
|
||||
</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" required />
|
||||
</div>
|
||||
<div class="py-3">
|
||||
<label for="email">E-mail ID:<span class="text-red-500">*</span></label>
|
||||
<input id="email" name="email" type="email" placeholder="Enter your E-mail ID" required />
|
||||
</div>
|
||||
<div>
|
||||
<label for="message">Write your Query:<span class="text-red-500">*</span></label>
|
||||
<textarea id="message" name="message" rows="7" placeholder="Write your Query" required></textarea>
|
||||
</div>
|
||||
<div>
|
||||
<input type="submit" value="Submit" />
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script is:inline>
|
||||
document.getElementById('formSection').addEventListener('submit', function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
const formData = {
|
||||
data: {
|
||||
name: document.getElementById('name').value,
|
||||
phone: document.getElementById('phone').value,
|
||||
email: document.getElementById('email').value,
|
||||
message: document.getElementById('message').value
|
||||
},
|
||||
owner: 'owner_value', // Replace with appropriate value
|
||||
domain: 'domain_value', // Replace with appropriate value
|
||||
referrer: document.referrer
|
||||
};
|
||||
|
||||
fetch('your_backend_endpoint', { // Replace with your backend endpoint URL
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
},
|
||||
body: JSON.stringify(formData)
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
if (data.success) {
|
||||
alert('Data submitted successfully');
|
||||
} else {
|
||||
alert('Error: ' + data.message);
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error:', error);
|
||||
alert('An error occurred while submitting the form');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
---
|
||||
<Layout title="">
|
||||
<Layout title="Holy Wisdom Public School - Iswar Chandra Vidyasagar">
|
||||
<main>
|
||||
<div>
|
||||
<section class="container-fluid gradintBack mb-16">
|
||||
|
|
@ -12,7 +12,7 @@ import Layout from "../layouts/Layout.astro";
|
|||
<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>
|
||||
<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 Holy Wisdom 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>
|
||||
|
|
@ -28,10 +28,10 @@ import Layout from "../layouts/Layout.astro";
|
|||
<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">The legacy of Iswar Chandra Vidyasagar echoes in the halls of Holy Wisdom 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">Inspired by the enduring spirit of Iswar Chandra Vidyasagar, our educational journey at Holy Wisdom 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>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,9 @@
|
|||
module.exports = {
|
||||
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
||||
theme: {
|
||||
extend: {},
|
||||
extend: {
|
||||
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue