H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
Bold Text
Italic Text
This is DELETED text that renders with a strike-through
This is CORRECTED text that renders normally.
This is small text
This is also small text
This is LOUD text
This is quiet text
This is red
This is an element with a border around it. Most likely used for images.
This is an example of using a class=”red” inline, within some text. We are using SPAN tags to achieve this. SPAN tags are inline elements and will not force a break in the flow of the document.
“This is a regular blockquote. They dont conform to the grid. They are just different sizes and have a great deal of margin around them. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo. Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo.”
“This is a MEDIUM blockquote. They dont conform to the grid. They are just different sizes and have a great deal of margin around them. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo. Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo.”
“This is a LARGE blockquote. They dont conform to the grid. They are just different sizes and have a great deal of margin around them. Cras dictum. Maecenas ut turpis. In vitae erat ac orci dignissim eleifend. Nunc quis justo. Sed vel ipsum in purus tincidunt pharetra. Sed pulvinar, felis id consectetuer malesuada, enim nisl mattis elit, a facilisis tortor nibh quis leo.”
Formatting
Centered Text
This is an example of centered text. You can center just about any text by adding the class=”center” to the element. Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus. Donec ornare arcu id erat. Aliquam ultrices scelerisque sem. In elit nulla, molestie vel, ornare sit amet, interdum vel, mauris. Etiam dignissim imperdiet metus.
span-2 border – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante.
span-3 prepend-1 – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus.
center span-4 prepend-1 – Notice that this text is centered – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus.
span-2 – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus.
span-2 – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus.
span-2 – Morbi non erat non ipsum pharetra tempus. Donec orci. Proin in ante. Pellentesque sit amet purus. Cras egestas diam sed ante. Etiam imperdiet urna sit amet risus.
My Grandparents live in West Palm Beach, Florida and I visit them there usually two or three times a year. I find it a fascinating place to take pictures. The area is very unusual. It’s a waspy jet-set destination, a Jewish retirement mecca, and an urban wasteland all at once.
Class Name | Font-Size |
---|---|
span-1 | 65px |
span-2 | 140px |
span-3 | 215px |
span-4 | 290px |
span-5 | 365px |
span-6 | 440px |
span-7 | 515px |
span-8 | 590px |
span-9 | 665px |
span-10 | 740px |
span-11 | 815px |
span-12 | 890px |
Prepend columns to an element | :) |
prepend-1 | 75px |
prepend-2 | 150px |
prepend-3 | 225px |
prepend-4 | 300px |
prepend-5 | 375px |
prepend-6 | 450px |
prepend-7 | 525px |
prepend-8 | 600px |
prepend-9 | 675px |
prepend-10 | 750px |
prepend-11 | 825px |
Append columns to an element | :) |
append-1 | 75px |
append-2 | 150px |
append-3 | 225px |
append-4 | 300px |
append-5 | 375px |
append-6 | 450px |
append-7 | 525px |
append-8 | 600px |
append-9 | 675px |
append-10 | 750px |
append-11 | 825px |
single-page: width:375px
vertical-photo: width:500px
border: Adds a 1px grey border