O'Reilly logo

Mobile First Design with HTML5 and CSS3 by Jason Gonzalez

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 2. Building the Home Page

In this chapter, we are going to start using the 320 and Up framework to immediately get started on building the home page of our example portfolio site. We will start off with some basics of where specific code goes and why. We will then quickly move on to building our page with many of the typical elements of a portfolio home page: navigation, hero/slider, and a triplet of content panels. If you don't know what these terms mean, don't worry, you will soon!

If you have successfully downloaded and unzipped all the code from the link at the end of Chapter 1, Mobile First – How and Why?, you are ready to go. If not, go back and use the link there to download the sample code and return.

Preparing and planning your ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required