Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Building a Responsive Site with Zurb Foundation
Introducing Foundation
What Is a Framework?
Understanding the Working Environment
Installing Foundation
Why Use SASS?
Scaffolding Our Website
Making Our Site Responsive
Learning Media Queries
Grasping the Grid System
Seeing Visibility Classes
Why to Go Mobile First?
Using interchange.js
Navigating the site
Browsing Off-canvas on Mobile
Incorporating the Top Bar
Implementing the Sticky-nav
Incorporating the Side-nav
Using Dropdowns
Structuring the Content
Incorporating Tabs
Beautiful Typography
Implementing a Pricing Table
Learning Accordions
Using the Equalizer
Adding Media Content
Incorporating Thumbnails
Understanding the Block Grid
Incorporating Flex-video
Learning 'Interchange'
Using Lightboxes
Constructing Forms
Creating Basic Forms
Understanding Form Utilities
Implementing Switches and Ranges
Using Abide Validation
Buttons and UI Elements
Customizing Buttons
Using Panels and Alerts
Learning Tooltips
Adding Modals
Incorporating Pagination and Breadcrumbs
Conclusions
Customizing Foundation
Optimizing for Deployment
Using Templates and the Zurb Playground
What Have We Learned So Far?
Where to Go from Here?
Beautiful Typography
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock