Skip to content

Jayetheus/group_x_homework

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

41 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Thanix Student Residence Finder

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.

🌐 Live Preview

(Add link here if deployed)

πŸ“Œ Features

  • 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.

πŸ› οΈ Tech Stack

  • HTML5
  • CSS3 (custom, no frameworks)
  • Google Fonts (Poppins)
  • Placeholder images (should be replaced with actual assets)

πŸ“ Folder Structure

/
β”œβ”€β”€ 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

πŸš€ Getting Started

  1. Clone the repository:

    git clone https://github.com/your-username/thanix-residence-finder.git
  2. Open the index.html file in your browser.

    You can double-click the file or use Live Server if using VS Code.

  3. 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.

πŸ“ TODOs

  • 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).

πŸ“„ License

This project is licensed under the MIT License.


Made with ❀️ for South African students.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 5