One of the most important things about any framework is the elements that you use to customize your projects. Foundation has pretty much any kind of element that you will need. You can easily customize and combine these element types to make well-customized layouts and designs. We will cover the following topics:
Typography
Lists
Blockquote
V-cards
Buttons
Panels
Pricing tables
Tables
Video
Progress bars
Keystrokes
Labels
First, let's get rid of the black border around the columns in our demo site. So, in your foundation-book.css
script, let's delete the following:
.columns { border: 1px solid black; }
Refresh our browser, and you will see that the black border lines are gone. We are going to add a bunch of elements into our one-page website. We will remove them later and get back to building a nice starter site, but we need to try out a bunch of things before we start to make things look pretty. Now, let's get started with some typography.