Join Jen Kramer for an in-depth discussion in this video Including block quotes, part of Learning Foundation 4.
One of the things that we could do to enhance this very simple page that we …have so far. Is to include some testimonials that are …about this particular art conference. It might be nice to put that in a …separate column. So I'm going to go ahead and change what …I have here. I'm going to change this to a large 8 …columns, then just after, all the text and so forth of what we have so far. …I'm going to go ahead and add some additional mark-up here to set up a new column. …I'm going to go ahead and add a div with a class of large-3, large-offset-1 …columns and close that div. Then inside of that I can Paste some text.…
If you take a look at your exercise files on your desktop, inside of the Chapter 2 …folder you will see that I have some quote text here. …I'm just going to Copy that quote text and I'm going to Paste it here inside of …this div class of large 3 and then I'm going to add some mark up to it. …I'm going to go ahead and add these two quotes here. …They don't have to be this far apart. And the way I'm going to mark this up is …
- 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.