This project is a single-page website for DreamHome Realty, created with the aim of mastering CSS Animation skills. The website includes various sections such as a header, hero, about, features, properties, testimonials, a call to action, meet our team, gallery, and a footer. The primary focus is on delivering a smooth, visually engaging experience using modern CSS animations and transitions.
- HTML5: For structuring the content and layout of the website.
- CSS3/SCSS: For styling, layout, and implementing animations throughout the page.
- Header & Hero Section: Includes logo, navigation links, a hero banner with a heading, description, and a call-to-action button.
- About Section: Brief introduction to DreamHome Realty with supporting descriptions and an action button.
- Features Section: Showcases key features or services using icons and animations.
- Properties Section: Displays the most popular real estate listings with images, key attributes, prices, and buttons for viewing details.
- Testimonials: Client testimonials with quotes and smooth CSS transitions for visual effects.
- Call to Action: A form for users to get in touch, including options for selecting different estate categories.
- Meet Our Team Section: Introduces the team members with photos, names, roles, and subtle animations.
- Gallery Section: A responsive grid of property images featuring hover effects and transitions.
- Footer: Provides contact details, social media links, and quick navigation options.