| Latest revision |
Your text |
| Line 1: |
Line 1: |
| <div style="text-align: center; padding: 20px 10px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;">
| | body { |
| <h1 style="font-size: 2.7em; color: #1a4c8b; margin-bottom: 6px; font-weight: 200;">
| | font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", |
| Welcome to the Official School Wiki
| | Roboto, Helvetica, Arial, sans-serif; |
| </h1>
| | } |
| <hr style="width: 90%; border: none; border-top: 1px solid #999; margin: 10px auto 15px;">
| |
| <p style="font-size: 1.2em; color: #d0d0d0; max-width: 750px; margin: 0 auto; line-height: 1.5;">
| |
| A structured platform to preserve the academic and cultural journey of our institution.
| |
| </p>
| |
| </div>
| |
|
| |
|
| <div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 30px; font-family: -apple-systen, BlinkMacSystemFont, 'Segoe UI', sans-serif;">
| | /* Container */ |
| | .mainpage-container { |
| | max-width: 960px; |
| | margin: auto; |
| | padding: 32px; |
| | } |
|
| |
|
| <!-- About the School -->
| | /* Responsive & readable */ |
| <div style="flex: 1 1 300px; background: #f2f2f2; border: 1px solid #ccc; border-radius: 10px; padding: 20px;"> | | .mainpage-container h1, .mainpage-container h2 { |
| <h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">About the School</h2>
| | font-weight: 600; |
| <p style="color: #555; margin-bottom: 10px;">Comprehensive details regarding the school’s foundation, structure, and facilities.</p>
| | margin-top: 1.5em; |
| <ul style="padding-left: 20px; color: #cc0000;">
| | } |
| <li>[[History of the School]]</li>
| |
| <li>[[Campus Map]]</li>
| |
| <li>[[Departments and Blocks]]</li>
| |
| </ul>
| |
| </div>
| |
|
| |
|
| <!-- Faculty and Mentors -->
| | .mainpage-container ul { |
| <div style="flex: 1 1 300px; background: #f2f2f2; border: 1px solid #ccc; border-radius: 10px; padding: 20px;"> | | margin-left: 1.5em; |
| <h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">Faculty and Mentors</h2>
| | line-height: 1.7; |
| <p style="color: #555; margin-bottom: 10px;">Profiles and contributions of distinguished educators and staff members.</p>
| | } |
| <ul style="padding-left: 20px; color: #cc0000;">
| |
| <li>[[Faculty Achievements]]</li>
| |
| <li>[[Notable Teachers]]</li>
| |
| <li>[[Retired Faculty Honors]]</li>
| |
| </ul>
| |
| </div>
| |
|
| |
|
| <!-- Student Body -->
| | /* Support for dark & light mode */ |
| <div style="flex: 1 1 300px; background: #f2f2f2; border: 1px solid #ccc; border-radius: 10px; padding: 20px;"> | | @media (prefers-color-scheme: dark) { |
| <h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">Student Body</h2> | | .mainpage-container { |
| <p style="color: #555; margin-bottom: 10px;">Academic, extracurricular, and alumni profiles of students over the years.</p> | | background-color: #111; |
| <ul style="padding-left: 20px; color: #cc0000;">
| | color: #f0f0f0; |
| <li>[[Batch of 2025]]</li>
| | } |
| <li>[[Student Achievements]]</li>
| | .mainpage-container a { |
| <li>[[Alumni Network]]</li>
| | color: # |
| </ul>
| |
| </div>
| |
| | |
| <!-- Events and Milestones --> | |
| <div style="flex: 1 1 300px; background: #f2f2f2; border: 1px solid #ccc; border-radius: 10px; padding: 20px;"> | |
| <h2 style="font-size: 1.4em; color: #222; margin-bottom: 10px;">Events and Milestones</h2>
| |
| <p style="color: #555; margin-bottom: 10px;">Significant academic, cultural, and administrative events in our timeline.</p>
| |
| <ul style="padding-left: 20px; color: #cc0000;">
| |
| <li>[[Annual Functions]]</li>
| |
| <li>[[Historical Events]]</li>
| |
| <li>[[School Achievements]]</li>
| |
| </ul> | |
| </div>
| |
| | |
| </div>
| |
| | |
| <div style="text-align: center; font-size: 0.9em; color: #888; padding-bottom: 20px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;">
| |
| © Maintained by the school students. All rights reserved.
| |
| </div>
| |