How to Use the Zurb Foundation Framework
OSTraining
Course Summary
Zurb Foundation is a very popular alternative to the Bootstrap framework. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails.
-
+
Course Description
Zurb Foundation is a very popular alternative to the Bootstrap framework. Foundation is a family of responsive front-end frameworks that make it easy to design beautiful responsive websites, apps and emails.In this introduction to Foundation, you'll take a non-responsive HTML website and convert it into a powerful, responsive, grid-based design.
Vicki is the lead web designer & developer at VWeb Web Design. She specializes in Joomla, custom Joomla templates, search engine optimization, website statistics/analytics, marketing/traffic building strategies and education/training to help you learn to manage your own site.
Vicki holds a B.S. in Computer Science and has taught as an adjunct professor for years.
She is a mom, teacher, author, and horse trainer.
We're excited to have Vicki sharing her expertise with you!
-
+
Course Syllabus
Introduction
Introducing and Installing Zurb FoundationFree
The Foundation Grid
How to Create Your Zurb Foundation Grid
Building Out the Foundation Grid
Finishing the Foundation Grid
Content
Adding Content into the Foundation Design
Nested Block Grids For Content
Using Modal Pop-ups in Zurb Foundation
Foundation Slideshows With the Orbit Slider
Navigation
Responsive Dropdown Menus in Foundation
Continuing with the Responsive Dropdown Menu
More Foundation
How to Use Foundation Icon Fonts
Finishing Your Foundation-Based Design
Zurb Foundation Quiz
