- Lab
- Core Tech
Build a Rock Climbing Company Landing Page with HTML & CSS
CSS is great for styling a website. In this Lab, 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.
Path Info
Table of Contents
-
Challenge
Utility Classes
Overview
CSS is great for styling a website. In this lab, 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.
In this module you'll create several flexbox utility classes. ### Solution The solution can be found in the
solutiondirectory. -
Challenge
Header & Navigation
In this module you'll style the header and navigation of the landing page.
-
Challenge
Hero, Sales Banner, & Categories
In this module you'll style the hero, sales banner, and the categories sections.
-
Challenge
Full Banner
In this module you'll create and style a decorative banner.
-
Challenge
Footer
In this module you'll create the Pluralsight demonstration and footer styles
What's a lab?
Hands-on Labs are real environments created by industry experts to help you learn. These environments help you gain knowledge and experience, practice without compromising your system, test without risk, destroy without fear, and let you learn from your mistakes. Hands-on Labs: practice your skills before delivering in the real world.
Provided environment for hands-on practice
We will provide the credentials and environment necessary for you to practice right within your browser.
Guided walkthrough
Follow along with the author’s guided walkthrough and build something new in your provided environment!
Did you know?
On average, you retain 75% more of your learning if you get time for practice.