Skip to content

M-YasirGhaffar/real-estate-static-website-html-css-javascript

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

Real Estate Website Showcase

This is a responsive real estate website showcasing my skills in HTML, CSS, and JavaScript. The website aims to demonstrate a visually appealing and functional design for a real estate agency. The website features various sections such as home, popular properties, values, contact, and footer.

Features

  • Responsive design to ensure optimal user experience across different devices and screen sizes.
  • Interactive navigation menu with smooth scrolling to different sections of the page.
  • Popular properties section using a swiper carousel for showcasing featured properties.
  • Values section with accordion-style content for presenting key values and information.
  • Contact section with contact information and a contact card layout.
  • Dark mode feature for better readability in low-light environments.
  • Scroll-to-top button for easy navigation back to the top of the page.
  • Theme toggling to switch between light and dark modes.

Technologies Used

  • HTML: Structured the website content and layout.
  • CSS: Styled the website components, sections, and responsive design.
  • JavaScript: Implemented interactive features such as smooth scrolling, theme toggling, accordion behavior, and swiper carousel.

Getting Started

  1. Clone this repository to your local machine using:

    git clone https://github.com/your-username/real-estate-website.git
    
  2. Open the index.html file in your web browser to view the website.

Usage

  • Navigate through the website using the interactive menu and smooth scrolling.
  • Explore the popular properties section to view featured properties.
  • Expand and collapse the values accordion to learn more about the company's values.
  • Contact the agency using the provided contact information.

Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please open an issue or create a pull request.