Join Jen Kramer for an in-depth discussion in this video Challenge: Style a page, part of Up and Running with Foundation 4.
Now that we've had nine videos on styling inside of Foundation, it's time to part …all of those wonderful learning experiences into action. …And what I've got here is a document called 3-stylechallenge.html. …You'll find it in your Exercise Files folder. …If you take a look at this document, it's pretty darn simple. …There's nothing in here but a bunch of paragraphs. …And this is a schedule for this conference website that we've been …working on. It's just a series of paragraphs there's …a couple links in here, there's a couple images in here.…
Those images are also available inside of your Exercise Files folder. …If you've been following along with the last view videos, you already have these …images in your foundation site. If you don't, you're going to need to …copy over the folder called Thumbs and the two images that are inside of there. …And put that inside of your Images folder, inside of your Foundation site, …in order for these paths to work correctly. …If you've already been following along, you've got the images so you don't need …
- What is Foundation?
- Exploring the grid system
- Working with lists
- Styling buttons, thumbnail images, and more
- Including flexible video
- Adding breadcrumbs to the navigation
- Working with Clearing, the responsive lightbox
- Creating accordion panels and tabs for in-page navigation
Skill Level Beginner
1. Foundation Introduction and Download
2. The Grid System in Foundation
3. CSS Overview
4. Navigation Systems
Next steps2m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.