generated from dwd/boilarplate-astro-tailwind
Compare commits
8 Commits
9fe4f37f5e
...
bnew
| Author | SHA1 | Date | |
|---|---|---|---|
|
f68579d3b4 | ||
|
|
ec28fbcb92 | ||
|
|
efb4a5b83f | ||
|
|
7bda9dbf6d | ||
|
|
2b361357ee | ||
|
|
8b7015693d | ||
|
|
1a2ddb7316 | ||
|
|
8dca92b6fe |
@@ -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."
|
||||
}
|
||||
]
|
||||
|
||||
BIN
public/image1.jpg
Normal file
BIN
public/image1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 454 KiB |
BIN
public/image2.jpg
Normal file
BIN
public/image2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 709 KiB |
BIN
public/image3.jpg
Normal file
BIN
public/image3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 127 KiB |
BIN
public/image4.jpg
Normal file
BIN
public/image4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 26 KiB |
BIN
public/img/bg-3.jpg
Normal file
BIN
public/img/bg-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 MiB |
BIN
public/img/google-review.jpg
Normal file
BIN
public/img/google-review.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
public/img/logonobg.png
Normal file
BIN
public/img/logonobg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
public/img/new-bg.jpg
Normal file
BIN
public/img/new-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 532 KiB |
BIN
public/img/new-bg2.jpg
Normal file
BIN
public/img/new-bg2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 465 KiB |
BIN
public/img/new-bg3.png
Normal file
BIN
public/img/new-bg3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
public/img/new-bg4.png
Normal file
BIN
public/img/new-bg4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
BIN
public/img/new-bg5.png
Normal file
BIN
public/img/new-bg5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 297 KiB |
8
public/stackedit.min.js
vendored
Normal file
8
public/stackedit.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
873
src/components/CollegeMenu1.astro
Normal file
873
src/components/CollegeMenu1.astro
Normal file
@@ -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>
|
||||
657
src/components/CollegeMenu2.astro
Normal file
657
src/components/CollegeMenu2.astro
Normal file
@@ -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>
|
||||
@@ -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="/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="/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> -->
|
||||
|
||||
68
src/pages/a.astro
Normal file
68
src/pages/a.astro
Normal file
@@ -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>
|
||||
@@ -20,7 +20,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
Discover Our Story
|
||||
</h1>
|
||||
<h2 class="text-2xl md:text-3xl text-[#3084b5] py-4">
|
||||
Nurturing Young Minds at Holywisdom Preschool
|
||||
Nurturing Young Minds at Holy Wisdom School
|
||||
</h2>
|
||||
<h3 class="text-xl text-justify pb-4">
|
||||
A testament to our Montessori-inspired vision,
|
||||
@@ -39,10 +39,10 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
</section>
|
||||
<section class="container mx-auto px-4 my-10">
|
||||
<div class="">
|
||||
<h1 class="text-2xl">Enter Our Preschool World!</h1>
|
||||
<h1 class="text-2xl">Enter Our School World!</h1>
|
||||
<p class="text-justify">
|
||||
Welcome to the digital gateway of Holywisdom Public
|
||||
School's newest preschool! Explore the essence of early
|
||||
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
|
||||
@@ -50,7 +50,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
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.
|
||||
that awaits your little one at Holy Wisdom School.
|
||||
Start the adventure now!
|
||||
</p>
|
||||
</div>
|
||||
@@ -64,7 +64,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
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
|
||||
education system. Our School is dedicated to creating
|
||||
an environment where children flourish, explore, and
|
||||
grow.
|
||||
</p>
|
||||
@@ -87,7 +87,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="public/img/goal.png"
|
||||
src="/img/goal.png"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-bold">Mission</h3>
|
||||
@@ -105,7 +105,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="public/img/rocket.png"
|
||||
src="/img/rocket.png"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-bold">Vision</h3>
|
||||
@@ -124,7 +124,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="public/img/commitee.png"
|
||||
src="/img/commitee.png"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-bold">Ethics</h3>
|
||||
@@ -141,7 +141,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
>
|
||||
<img
|
||||
class="w-24 h-24 rounded-full mb-4"
|
||||
src="public/img/philosophy.png"
|
||||
src="/img/philosophy.png"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-bold">Philosophy</h3>
|
||||
@@ -180,7 +180,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
</div>
|
||||
</model-viewer> class="w-full h-[500px] lg:h-screen" -->
|
||||
|
||||
<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>
|
||||
<!-- <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>
|
||||
@@ -190,7 +190,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
<div id="ar-prompt">
|
||||
<img src="https://modelviewer.dev/shared-assets/icons/hand.png">
|
||||
</div>
|
||||
</model-viewer>
|
||||
</model-viewer> -->
|
||||
|
||||
|
||||
|
||||
@@ -223,7 +223,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="public/img/codevalue3.png"
|
||||
src="/img/codevalue3.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
@@ -243,7 +243,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="public/img/codevalue4.png"
|
||||
src="/img/codevalue4.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
@@ -263,7 +263,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="public/img/codevalue5.png"
|
||||
src="/img/codevalue5.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
@@ -283,7 +283,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="public/img/codevalue1.png"
|
||||
src="/img/codevalue1.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
@@ -303,7 +303,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="public/img/codevalue2.png"
|
||||
src="/img/codevalue2.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
@@ -323,7 +323,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
class="w-24 h-24 flex items-center justify-center rounded-full border-2 border-yellow-400"
|
||||
>
|
||||
<img
|
||||
src="public/img/codevalue6.png"
|
||||
src="/img/codevalue6.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
@@ -398,7 +398,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
<div class="p-2">
|
||||
<img
|
||||
class="rounded-lg shadow-lg"
|
||||
src="public/img/Objective.jpg"
|
||||
src="/img/Objective.jpg"
|
||||
alt="objective"
|
||||
/>
|
||||
</div>
|
||||
@@ -443,7 +443,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
<div class="w-full md:w-1/2">
|
||||
<img
|
||||
class="rounded-lg shadow-lg"
|
||||
src="public/img/objective.jpg"
|
||||
src="/img/objective.jpg"
|
||||
alt="objective"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -173,8 +173,8 @@ let inSportsData = [
|
||||
<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">
|
||||
@@ -188,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
|
||||
@@ -274,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.
|
||||
@@ -311,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.
|
||||
@@ -319,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="" />
|
||||
|
||||
9
src/pages/franchisee.astro
Normal file
9
src/pages/franchisee.astro
Normal file
@@ -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> -->
|
||||
|
||||
105
src/pages/game.astro
Normal file
105
src/pages/game.astro
Normal file
@@ -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,14 +5,29 @@ import SliderHomepage from "../components/SliderHomepage.vue";
|
||||
import FAQ from "../components/FAQ.vue";
|
||||
---
|
||||
|
||||
<!-- An AI powered British Preschool Curriculum -->
|
||||
<!-- 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 xl:flex-row place-items-center gap-y-4"
|
||||
>
|
||||
<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="w-full xl:max-w-2xl"
|
||||
@@ -21,13 +36,11 @@ import FAQ from "../components/FAQ.vue";
|
||||
/>
|
||||
</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.
|
||||
@@ -55,8 +68,7 @@ import FAQ from "../components/FAQ.vue";
|
||||
</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">
|
||||
@@ -93,11 +105,11 @@ import FAQ from "../components/FAQ.vue";
|
||||
<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 />
|
||||
Enter Our School 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
|
||||
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
|
||||
@@ -106,7 +118,7 @@ import FAQ from "../components/FAQ.vue";
|
||||
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!
|
||||
at Holy Wisdom School. Start the adventure now!
|
||||
<div>
|
||||
<a
|
||||
href="/admission"
|
||||
@@ -124,7 +136,7 @@ import FAQ from "../components/FAQ.vue";
|
||||
<div class="pt-6">
|
||||
<h1 class="text-3xl">Legacy-Inspired Education <hr /></h1>
|
||||
<p class="text-lg text-justify">
|
||||
At Holywisdom Public School, we are dedicated to
|
||||
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,
|
||||
@@ -193,9 +205,9 @@ import FAQ from "../components/FAQ.vue";
|
||||
<img src="/img/school10.jpg" alt="image" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<h2>Nursery <hr /></h2>
|
||||
<h2>Play Class<hr /></h2>
|
||||
<p class="text-justify leading-9">
|
||||
Our Nursery program builds on the foundational
|
||||
Our Play Class program builds on the foundational
|
||||
skills and introduces structured learning to
|
||||
your child, which includes early literacy and
|
||||
numeracy.
|
||||
@@ -207,10 +219,10 @@ import FAQ from "../components/FAQ.vue";
|
||||
<img src="/img/school9.jpg" alt="image" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<h2>KG-1 <hr /></h2>
|
||||
<h2>Pre-Nursery <hr /></h2>
|
||||
<p class="text-justify leading-9">
|
||||
Our KG-1 program prepares your child for formal
|
||||
schooling with a more integrated preschool
|
||||
Our Pre-Nursery program prepares your child for formal
|
||||
schooling with a more integrated School
|
||||
curriculum focusing on language and cognitive
|
||||
skills.
|
||||
</p>
|
||||
@@ -221,9 +233,9 @@ import FAQ from "../components/FAQ.vue";
|
||||
<img src="/img/school8.jpg" alt="image" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<h2>KG-2 <hr /></h2>
|
||||
<h2>Nursery <hr /></h2>
|
||||
<p class="text-justify leading-9">
|
||||
Our KG-2 program refines your child’s academic,
|
||||
Our Nursery program refines your child’s academic,
|
||||
social, and creative abilities and ensures that
|
||||
your child is perfectly ready for formal
|
||||
schooling.
|
||||
@@ -235,9 +247,9 @@ import FAQ from "../components/FAQ.vue";
|
||||
<img src="/img/school_7.jpg" alt="image" />
|
||||
</div>
|
||||
<div class="content">
|
||||
<h2>Standard 1-4 <hr /></h2>
|
||||
<h2>and Class 1 to Class 8<hr /></h2>
|
||||
<p class="text-justify leading-9">
|
||||
Our Standard 1-4 program refines your child’s
|
||||
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.
|
||||
@@ -355,7 +367,7 @@ import FAQ from "../components/FAQ.vue";
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="public/img/Priority3.jpg"
|
||||
src="/img/Priority3.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-semibold">
|
||||
@@ -365,7 +377,7 @@ import FAQ from "../components/FAQ.vue";
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="public/img/Priority5.jpg"
|
||||
src="/img/Priority5.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-semibold">
|
||||
@@ -375,7 +387,7 @@ import FAQ from "../components/FAQ.vue";
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="public/img/Priority6.jpg"
|
||||
src="/img/Priority6.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-semibold">
|
||||
@@ -386,27 +398,27 @@ import FAQ from "../components/FAQ.vue";
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="public/img/Priority1.jpg"
|
||||
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">
|
||||
<!-- <div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="public/img/Priority4.jpg"
|
||||
src="/img/Priority4.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-semibold">
|
||||
Pediatrician On Call
|
||||
</h3>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="bg-card p-4 rounded-lg text-center">
|
||||
<img
|
||||
class="w-full h-48 object-cover rounded-lg mb-4"
|
||||
src="public/img/Priority2.jpg"
|
||||
src="/img/Priority2.jpg"
|
||||
alt=""
|
||||
/>
|
||||
<h3 class="text-lg font-semibold">
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<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">
|
||||
<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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -14,7 +14,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
<!-- <img class="lg:max-w-2xl" src="/img/image.png" alt=""> -->
|
||||
<img
|
||||
class="lg:max-w-2xl"
|
||||
src="public/img/school-bus.png"
|
||||
src="/img/school-bus.png"
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
@@ -187,7 +187,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
>
|
||||
<div class="w-full md:w-3/5 lg:w-1/2 px-4">
|
||||
<img
|
||||
src="public/img/dream.jpg"
|
||||
src="/img/dream.jpg"
|
||||
alt=""
|
||||
class="inline-block rounded shadow-lg border border-merino-400"
|
||||
/>
|
||||
@@ -222,7 +222,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
>
|
||||
<div class="w-full md:w-3/5 lg:w-1/2 px-4">
|
||||
<img
|
||||
src="public/img/team.jpg"
|
||||
src="/img/team.jpg"
|
||||
alt=""
|
||||
class="inline-block rounded shadow-lg border border-merino-400"
|
||||
/>
|
||||
@@ -345,7 +345,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
<div class="flex flex-col-reverse md:flex-row gap-4">
|
||||
<div class="w-full">
|
||||
<p class="text-justify">
|
||||
At HolyWisdom Public School, we prioritize the
|
||||
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.
|
||||
@@ -717,7 +717,7 @@ import ContactForm from "../components/ContactForm.vue";
|
||||
>
|
||||
<div class="md:w-1/2 flex justify-center mb-6 md:mb-0">
|
||||
<img
|
||||
src="public/img/visit.png"
|
||||
src="/img/visit.png"
|
||||
alt="location marker with buildings"
|
||||
class="rounded-full bg-muted p-4"
|
||||
/>
|
||||
|
||||
@@ -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,15 +0,0 @@
|
||||
<div>
|
||||
<button onclick="fetchData()">Fetch Data</button>
|
||||
</div>
|
||||
<script is:inline>
|
||||
function fetchData(){
|
||||
fetch(`https://dummy.restapiexample.com/api/v1/employees`)
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
console.log(data)
|
||||
})
|
||||
.catch(error => {
|
||||
console.error(error)
|
||||
})
|
||||
}
|
||||
</script>
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user