https://github.com/m-yasirghaffar/real-estate-static-website-html-css-javascript
Complete responsive real estate website
https://github.com/m-yasirghaffar/real-estate-static-website-html-css-javascript
css html javascript night-mode real-estate responsive responsive-web-design static
Last synced: 9 months ago
JSON representation
Complete responsive real estate website
- Host: GitHub
- URL: https://github.com/m-yasirghaffar/real-estate-static-website-html-css-javascript
- Owner: M-YasirGhaffar
- Created: 2023-08-15T01:05:00.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-28T20:33:59.000Z (almost 3 years ago)
- Last Synced: 2025-04-01T21:48:15.614Z (about 1 year ago)
- Topics: css, html, javascript, night-mode, real-estate, responsive, responsive-web-design, static
- Language: HTML
- Homepage: https://m-yasirghaffar.github.io/real-estate-static-website-html-css-javascript/
- Size: 18.3 MB
- Stars: 17
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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.