O'Reilly logo

Instant Zurb Foundation 4 by Carlos Azaustre, Jorge Arévalo

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

Top 6 features you need to know about

As you start to use Foundation 4, you will realize that there is a wide variety of things that you can do with it. This section will teach you all about the most commonly used features in Foundation 4, and how to put them together to build a more complex responsive website.

For our example, we will construct the basic web interface of an online store. Foundation 4 elements such as the following will be used:

  • Buttons
  • Navigation bars
  • Forms
  • CSS elements (alerts, progress bars, tabs, price tables, and so on)
  • Image slider
  • Previsualization panels
  • Lightboxes
  • Tooltips
  • Drop-down menus

The online store will have the following parts:

  • Home page, with the last products (shop_index.html)
  • Catalog page, with the complete catalog where ...

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