Modern College Website HTML/CSS/JS
Budget / SalaryHourly project
TypeFreelance project
LocationRemote
Posted35 minutes ago
I want a fully-functional, mobile-friendly college website built from scratch with plain HTML, CSS and vanilla JavaScript. The visual direction is modern and bold, so feel free to experiment with vibrant colour accents, large hero imagery and clean typography while still keeping the overall layout intuitive for first-time visitors.
Core pages and sections
• Home: an inviting college overview followed by campus photos & facilities, latest news and upcoming events, plus a carousel or grid that highlights student achievements and testimonials.
• Courses & Departments: an organised, searchable display of every programme, each with a brief description and link to its dedicated details block.
• Admission Enquiry: a form that gathers the student’s name, phone number, email, course interest, preferred department, message and previous education details. Front-end validation is fine; no server-side handling is required for this delivery.
• Contact: address, phone, email, an embedded map and optional quick-contact links.
Technical expectations
– Pure HTML5, CSS3 and JavaScript (no external frameworks).
– Responsive breakpoints so the layout reads perfectly on mobile, tablet and desktop.
– Well-commented, neatly-indented code and a clear folder structure (assets, css, js, images).
– Any images or icons you include should be royalty-free or clearly marked placeholders.
Acceptance criteria
1. Every section above renders correctly in the latest versions of Chrome, Firefox and Edge.
2. The enquiry form validates required fields on the client side.
3. Page load scores at least 80 on Google Lighthouse mobile.
4. Final hand-off includes the complete project folder in ZIP plus a brief README explaining file structure and any setup instructions.
Once we agree on a deadline, please keep to it; phased check-ins are welcome so we can tweak UI elements early rather than late. Clean, working code delivered on time is the goal.
Core pages and sections
• Home: an inviting college overview followed by campus photos & facilities, latest news and upcoming events, plus a carousel or grid that highlights student achievements and testimonials.
• Courses & Departments: an organised, searchable display of every programme, each with a brief description and link to its dedicated details block.
• Admission Enquiry: a form that gathers the student’s name, phone number, email, course interest, preferred department, message and previous education details. Front-end validation is fine; no server-side handling is required for this delivery.
• Contact: address, phone, email, an embedded map and optional quick-contact links.
Technical expectations
– Pure HTML5, CSS3 and JavaScript (no external frameworks).
– Responsive breakpoints so the layout reads perfectly on mobile, tablet and desktop.
– Well-commented, neatly-indented code and a clear folder structure (assets, css, js, images).
– Any images or icons you include should be royalty-free or clearly marked placeholders.
Acceptance criteria
1. Every section above renders correctly in the latest versions of Chrome, Firefox and Edge.
2. The enquiry form validates required fields on the client side.
3. Page load scores at least 80 on Google Lighthouse mobile.
4. Final hand-off includes the complete project folder in ZIP plus a brief README explaining file structure and any setup instructions.
Once we agree on a deadline, please keep to it; phased check-ins are welcome so we can tweak UI elements early rather than late. Clean, working code delivered on time is the goal.
Apply on Freelancer →
Project sourced from Freelancer.com. Applications happen directly on the original platform — we never collect your data.