This is a simple multi-page website built using HTML, CSS, and JavaScript. It allows apartment residents to log in, submit complaints, book amenities, and contact management. Designed for beginner frontend developers to learn layout, navigation, and form handling.
- Resident login form
- Complaint & query submission
- Amenities booking (party hall, pool, stadiums)
- Intercom & contact directory
- Responsive navigation bar across pages
- Basic form validations using JavaScript
- HTML5 – Page structure
- CSS3 – Styling & layout
- JavaScript – Basic interactivity (forms, navbar)
apartment-resident-portal-beginner/
├── MAIN.html # Home page
├── LOGIN.html # Resident login form
├── SPORT.html # Booking form (SPORT)
├── COMPLAINTS.html # Complaint submission
├── QUERY.html # General queries
├── INTERCOM.html # Internal contact info
├── CONTACTS.html # External contact info
├── SUGGESTIONS.html # Feedback form
├── css/
│ ├── MAIN.css
│ ├── LOGIN.css
│ └── SPORT.css
├── js/
│ ├── MAIN.js
│ ├── LOGIN.js
│ └── SPORT.js
├── images/
└── README.md- Clone the repository:
git clone https://github.com/DishaBasti/apartment-resident-portal-beginner.git
cd apartment-resident-portal-beginner-
Open index.html in your browser
-
Use the navbar to navigate between pages
This project is perfect for:
-Beginners learning HTML, CSS, and JavaScript
-Students who want to practice real-world page layouts
-Anyone interested in building static websites with navigation and forms
You can host this project using:
- GitHub Pages Live URL: Coming soon
-Add backend integration (e.g., Firebase, PHP, Node.js)
-Save form data using localStorage or database
-Improve design using animations or Tailwind CSS
-Admin login/dashboard for managing resident data
This project is licensed under the MIT License — free to use, share, and modify.
Disha S Basti
For learning and community sharing