Foundation 5 for Beginners

We apply the Zurb's Foundation 5 web framework to build a simple Responsive website.
4.3 (108 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
4,116 students enrolled
Start Learning Now
  • Lectures 21
  • Length 2 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2014 English

Course Description

In this course, we will live code a simple four-page website built using the web framework, Foundation.

Foundation 5 is an open-source framework created by ZURB, a design agency in California. They released the 5.0 version of the product in late 2013 and this course is based on the latest version.

It is one of the more popular frameworks available on the Web today and is absolutely free.

The purpose: Make websites beautiful without a lot of work. This course walks you through some of Foundation's core features that produce beautiful websites with a little effort.

It contains almost all of the CSS styling you will need for a website and a lot of cool jQuery tools to extend your website. It also allows you to make your website responsive so it can be viewed on mobile designs.

This course will walk you through creating a website from scratch using the framework. You do not need to be an expert in HTML or CSS. But if you know the basics, it will take you a long way.

If you do not know the basics, we will create the elements of the website and will answer any questions you have.

What are the requirements?

  • Basic HTML/CSS knowledge

What am I going to get from this course?

  • By the end of this course, you will know the basic features of Foundation
  • You will know how Foundation builds in Responsive Design
  • You will know how to use the built-in Foundation image slider
  • You will know how to use the Foundation grid system
  • In this course, you will know the major components of Foundation 5

Who is the target audience?

  • Web Design Students
  • Web Enthusiasts
  • New to Web Design

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Class introduction
Welcome to the Class
Intro to Frameworks
Downloading Foundation
Section 2: Creating the Home Page
The Foundation grid
Adding Logo
Adding Nav, Part 1
Adding Nav, Part 2
Adding nav menu, Part 3
Adding the Hero Image
Finishing the home page
Section 3: Creating the Lessons Page
Starting the Lessons.html page
Adding CSS
Adding Lessons Table, Part 1
Adding Lessons Table, Part 2
Adding Pricing Table
Section 4: Creating the Rentals Page
Adding the Rentals Pricing Table
Adding the Slider, Part 1
Adding the Slider, Part 2
Section 5: Creating Contact Page
Contact Page
Final Review

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Drew Butler, Instructor and Web Developer

Drew was a university instructor and served as a course desginer for online courses for two semesters. I was also on the instructional team for Front-End Development at the Nashville Software School. Today, I am a Web Developer based in Nashville, TN that works with Ruby and Ruby on Rails.

Ready to start learning?
Start Learning Now