Web BuildingLesson 66Free preview

Web Band

This lesson is part of W3.CSS · All levels

Summary

The Band Project combines basic lessons into a complete band site. This page uses a big picture as the opening, horizontal navigation, then the about section, tour schedule, and contact. Each part uses a container class and layout to appear consistent. (W3.CSS)

Key points

Hero contains a big picture with a title and a call button
Horizontal navigation is made with .w3-bar
Tour schedules are presented as a table or list of dates and cities
Hero images are compressed to make the page load faster
The compact menu appears via the hamburger button on the small screen.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.