Join Jen Kramer for an in-depth discussion in this video Including lists, part of Learning Foundation 4.
Next thing I'm going to cover are lists inside of Foundation, and default styling …that come with lists. If you've been following along with me …for the last few chapters, I'm continuing in the same document, although I've …renamed it to 3-lists.html. You can find that document inside of your …Exercise Files folder. I'm going to continue on here with …several kinds of lists that I'd like to add to this particular web page. …First of all, in the column that we just started where we put the block quotes, …I'm going to go ahead and add some additional text here.…
In your exercise files folder, you'll find a folder called code snippets.txt. …This has got a bit of marked up text here that you can copy. …So where it says code to add to the bottom of the right column, just go ahead …and highlight that and copy. And inside of the list html document, …after the closing block quote here for your last quote on the page, go on ahead …and paste in that HTML there that goes with that.…
So this is just some basic html. It talks a little bit about the hotel …
- 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.