Thanix Student Residence Finder is a responsive, single-page HTML and CSS website that helps students in South Africa find affordable, safe, and convenient accommodations near their universities or colleges.
(Add link here if deployed)
- Responsive Design β Looks great on all devices.
- Hero Section β A catchy intro with a call-to-action to search residences.
- About Section β Brief overview of what Thanix is and what it offers.
- Residences Section β Displays featured student accommodations with images and short descriptions.
- Contact Form β Simple form for users to send messages or inquiries.
- Sticky Header β Easy navigation across sections.
- Footer with Social Links β Connects users to social platforms.
- HTML5
- CSS3 (custom, no frameworks)
- Google Fonts (Poppins)
- Placeholder images (should be replaced with actual assets)
/
βββ index.html # Main HTML file
βββ logo.png # Website logo
βββ student-residence.jpg # Hero image
βββ residence1.jpg # Featured Residence 1
βββ residence2.jpg # Featured Residence 2
βββ residence3.jpg # Featured Residence 3
βββ facebook-icon.png # Social media icons
βββ twitter-icon.png
βββ instagram-icon.png
βββ add_res.html # (Optional) Page for residence providers
-
Clone the repository:
git clone https://github.com/your-username/thanix-residence-finder.git
-
Open the
index.htmlfile in your browser.You can double-click the file or use Live Server if using VS Code.
-
Customize:
- Replace image placeholders with real images.
- Update links to real pages (e.g.,
residences_search.jsp). - Optionally connect the contact form to a backend or email service.
- Add backend functionality for search and contact.
- Create a real-time residence listings page (
residences_search.jsp). - Improve SEO and accessibility.
- Deploy online (e.g., GitHub Pages, Netlify, Vercel).
This project is licensed under the MIT License.
Made with β€οΈ for South African students.