News
Typography
Typography – Headings (h1 – h6)
This is an <h1> tag. Here it is bold. Here it is italic. Here it is with both. This is a link.
This is an <h2> tag. Here it is bold. Here it is italic. Here it is with both. This is a link
This is an <h3> tag. Here it is bold. Here it is italic. Here it is with both. This is a link
This is an <h4> tag. Here it is bold. Here it is italic. Here it is with both. This is a link
This is an <h5> tag. Here it is bold. Here it is italic. Here it is with both. This is a link
This is an <h6> tag. Here it is bold. Here it is italic. Here it is with both. This is a link
Typography – Paragraphs
Format for uppercase blue - preheader
Format for linked heading with icon
This is the standard <p> tag. Here it is bold. Here it is italic. Here it is with both. This is a link.
Now let’s see what it looks like as actual content:
This content is left justified: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
This content is right justified: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
This content is centered: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus.
Typography – Blockquotes
Single line blockquote:
Stay hungry. Stay foolish.
Multi line blockquote with a cite reference:
People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997
Typography – Lists
Definition Lists
- Definition list division.
- Startup
- A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
- #dowork
- Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
- Do It Live
- I’ll let Bill O’Reilly explain this one.
Unordered Lists
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Ordered List
- List item one
- List item one
- List item one
- List item two
- List item three
- List item four
- List item two
- List item three
- List item four
- List item one
- List item two
- List item three
- List item four
Typography – Tables
Typography – Miscellaneous
Split Divider
Address Tag: <address>
1 Infinite LoopCupertino, CA 95014
United States
Abbreviation Tag: <abbr>
The abbreviation srsly stands for “seriously”.
Acronym Tag: <acronym>
The acronym ftw stands for “for the win”.
Cite Tag: <cite>
“Code is poetry.” –Automattic
Code Tag: <code>
This is great for developers to display test that is intended for code such as word-wrap: break-word;.
Strike or Delete Tag: <strike>, <del>
This tag will let you strikeout text. Note that the <del> tag is no longer supported in HTML5 so use the <strike> instead.
Insert Tag: <ins>
This tag should denote inserted text.
Keyboard Tag: <kbd>
This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.
Quote Tag: <q>
Developers, developers, developers…
–Steve Ballmer
Subscript Tag: <sub>
Getting our science styling on with H2O, which should push the “2″ down.
Superscript Tag: <sup>
Still sticking with science and Albert Einstein’s E=mc2, which should lift the 2 up.
Teletype Tag: <tt>
This rarely used tag emulates teletype text, which is usually styled like the <code> tag.
Variable Tag: <var>
This allows you to denote variables.
These supported tags come from the WordPress.com code FAQ.Iconography
icon-chevron-down
icon-chevron-left
icon-chevron-right
icon-chevron-small-down
icon-chevron-small-left
icon-chevron-small-right
icon-chevron-small-up
icon-chevron-thin-down
icon-chevron-thin-left
icon-chevron-thin-right
icon-chevron-thin-up
icon-chevron-up
icon-food
icon-bridge
icon-mail
icon-tools
icon-facebook
icon-instagram
icon-twitter
icon-linkedin
Imagery
Forms
Email Signup
Plugin overrides (Project Specific)
Give:
Common Page Builder Elements
Visual Composer - Callout Box
Where We Invest
Saint Francis Memorial Hospital
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.