Project
Backroads
HTML
CSS
CSS Flexbox
CSS Animation
Responsive UI
CSS Variables
Duration
2 weeks
Beginner
Introduction
Embark on a journey of web design and development as we create a captivating homepage for a travel website using HTML and CSS. Along the way, you'll gain a profound understanding of HTML, the language that dictates the structure and content of web pages. You'll also delve into the realm of CSS, the language that orchestrates the visual styling and presentation of web elements.
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
- Responsive Navbar.
- Full page Hero Section.
- About Section.
- Services Section.
- Feature Tour Section.
- Photo Gallary.
- Footer section.
General
- Add Animation.
- Responsive UI.
- Use the BEM Naming Convention.
- Use CSS Variables.
- Use Semantic HTML tags.
- Use icons from FontAwesome.
- Customize Appearance.
Roadmap
Below is the weekly breakdown of how to approach the project. This is how an actual developer would approach and build the project.
This week complete the top half section with Responsive UI.
Tasks
- Responsive Navbar.
- Full page Hero Section.
- About Section.
This week complete the second half section and wrap up the project.
Tasks
- Services Section.
- Feature Tour Section.
- Photo Gallary.
- Footer section.
Helpful Tools
Contributor(s)
John Doe
Founder and Fullstack Developer at freeCodeProject.org
Created this project.