bhanudaya-school

Excellence School - Complete School Management Website

A comprehensive, feature-rich school website built with HTML, CSS, and JavaScript only (no backend required). This project includes all essential features for a modern school website with student portal, admin panel, and complete content management.

🎯 Features

1. Homepage

2. About Section

3. Academic Information

4. Admission Section

5. Student Portal 🎓

Login Credentials:

Features:

6. Admin Panel 🔐

Login Credentials:

Features:

7. Notice Board & Events

9. Contact Page

📁 Project Structure

school-website/
│
├── index.html                 # Homepage
│
├── css/
│   ├── style.css             # Main stylesheet
│   ├── pages.css             # Page-specific styles
│   ├── portal.css            # Student portal styles
│   └── admin.css             # Admin panel styles
│
├── js/
│   ├── main.js               # Core JavaScript functions
│   ├── slider.js             # Banner slider functionality
│   ├── admission.js          # Admission form handling
│   ├── student-portal.js     # Student portal functionality
│   ├── admin.js              # Admin panel functionality
│   ├── gallery.js            # Gallery and filtering
│   ├── contact.js            # Contact form and FAQ
│   └── notice.js             # Notice board functionality
│
└── pages/
    ├── history.html          # School history
    ├── vision-mission.html   # Vision and mission (to be created)
    ├── principal-message.html # Principal's message (to be created)
    ├── faculty.html          # Faculty list (to be created)
    ├── courses.html          # Courses offered (to be created)
    ├── computer-science.html # CS program details (to be created)
    ├── hotel-management.html # HM program details (to be created)
    ├── admission.html        # Admission section
    ├── student-portal.html   # Student portal
    ├── admin-login.html      # Admin panel
    ├── notice.html           # Notice board
    ├── gallery.html          # Photo gallery
    └── contact.html          # Contact page

🚀 How to Use

Installation

  1. Download or clone the project files
  2. Extract to your desired location
  3. No installation required - it’s pure HTML/CSS/JS!

Running the Website

  1. Open index.html in any modern web browser
  2. Navigate through the website using the menu
  3. All features work without a server (uses localStorage)

Demo Credentials

Student Portal:

Admin Panel:

💾 Data Storage

This website uses browser localStorage to store data:

🎨 Key Features

Responsive Design

Interactive Elements

User Experience

🛠️ Technologies Used

📱 Browser Compatibility

🔧 Customization Guide

Changing School Information

  1. Edit school name in all HTML files
  2. Update contact information
  3. Replace logo images
  4. Modify color scheme in css/style.css (CSS variables)

Adding New Features

  1. Create new HTML page in pages/ folder
  2. Link CSS and JS files
  3. Add navigation link in header
  4. Implement functionality in JS

Color Scheme

Edit CSS variables in css/style.css:

:root {
    --primary-color: #2c3e50;
    --secondary-color: #3498db;
    --accent-color: #e74c3c;
    /* Modify these values */
}

📋 Features Checklist

Core Features ✅

Advanced Features ✅

🎓 Educational Use

Perfect for:

📄 License

This project is free to use for educational purposes. Feel free to modify and adapt it to your needs.

🤝 Contributing

This is a demonstration project. Feel free to:

📞 Support

For questions or issues:

🌟 Future Enhancements

Potential additions:

📝 Notes

Built with ❤️ for Excellence School

Last Updated: January 2025