Skills Expanded

Build a Rock Climbing Company Landing Page with HTML & CSS

What you'll learn

CSS is great for styling a website. In this project, you'll use CSS to style an existing HTML landing page. This page includes several sections which include the header, navigation, hero, sales banner, categories, full banner, and footer.

Table of contents

  • Set up your local environment for projects. We'll walk you through everything you need to know, including how to install and configure your environment to be able to complete all of the tasks.
Utility Classes
  • Create several flexbox utility classes.
Header & Navigation
  • Style the header and navigation of the landing page.
Hero, Sales Banner, & Categories
  • Style the hero, sales banner, and the categories sections.
Full Banner
  • Create and style a decorative banner.
  • Create the Pluralsight demonstration and footer styles

About the author

Tom is a staff author at Pluralsight helping to develop Hands-On content. Tom's background in software development, UI/UX, and instructional design was developed over the years while working as a faculty member at the School of Computing at Weber State University in Utah, and continues to grow as he develops Projects and Labs for Pluralsight. When he's not creating content to allow learners to gain real-life experience, he enjoys spending time with his family.

Ready to upskill? Get started