random shape

Project

Nexter

A responsive landing page for a real-estate company.
HTML
CSS
CSS Grid
CSS Animation
Responsive UI
Custom Fonts

Duration

2 weeks

Medium

video thumbnail image

Introduction

Step into the world of real estate and embark on a journey to craft an enticing homepage for your real estate agency using the power of HTML and CSS. Along the way, you'll gain a comprehensive understanding of HTML, the language that forms the foundation of web pages. You'll also explore the intricacies of CSS, the language that transforms your vision into reality, painting a vibrant picture of your real estate services.

Prerequisites

  • Knowledge of Git and GitHub is required.
  • Knowledge of HTML & CSS.

Requirements

Please refer to the above video for a visual walkthrough of the project requirements.
Features
  • Hero Section
  • Feature Section
  • Testimonial Section
  • Listing Section
  • Photo Gallary
  • Footer Section
General
  • Use the BEM naming convention
  • Use custom font from Google Fonts
  • Use CSS variables
  • Responsive UI
  • Use semantic HTML tags

Roadmap

Below is the weekly breakdown of how to approach the project. This is how an actual developer would approach and build the project.
Complete the 1st half of the webpage with responsive UI.
Tasks
  • Hero Section
  • Feature Section
  • Testimonial Section

Starter Files

Link to GitHub Repository.

Contributor(s)

John Doe

Founder and Fullstack Developer at freeCodeProject.org

Created this project.