Style Guide

This site uses the Tailwind CSS Framework (v0.6.6).

h1 Style Guide

h2 Heading

h3 Heading

H4 HEADING

H5 HEADING

H6 HEADING

Body text.

This is a blockquote.
To be, or not to be, that is the question: Whether ’tis nobler in the mind to suffer The slings and arrows of outrageous fortune, Or to take arms against a sea of troubles And by opposing end them.
Shakespeare

This is a pull quote
– Citation

Table

Use the HTML below for tables.

List of users
#	First	Last	Handle
1	Mark	Otto	@mdo
2	Larry	the Bird	@twitter

<div class="table-responsive">
    <table class="table table-hover">
        <caption>
            List of users
        </caption>
        <thead>
            <tr>
                <th scope="col">#</th>
                <th scope="col">First</th>
                <th scope="col">Last</th>
                <th scope="col">Handle</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th scope="row">1</th>
                <td>Mark</td>
                <td>Otto</td>
                <td>@mdo</td>
            </tr>
            <tr>
                <th scope="row">2</th>
                <td>Larry</td>
                <td>the Bird</td>
                <td>@twitter</td>
            </tr>
        </tbody>
    </table>
</div>

Site Blocks

Featured Card Block: Choose links and images

Newsroom

Paid Leave

Custom Title for News

50/50 Widget

Add text, choose background color or image, add optional icon and button to both sides.

Text can be centered or left-justified.

Sample Page

Quote slider block: enter a quote and attribution to add it to the slider

– Matrix Group

If you set your goals ridiculously high and it’s a failure, you will fail above everyone else’s success.

-James Cameron

The secret of success is to do the common thing uncommonly well.

-John D. Rockefeller Jr.

People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a way to succeed. Similarly, when someone is failing, the tendency is to get on a downward spiral that can even become a self-fulfilling prophecy.

-Tony Robbins

Info Banner Widget

Select background image or color and enter text

Icons

All SVG icon names can be found here.

Icons and Facts

SVG

This icon is a svg

PNG

This icon is a png image

This block displays a picture with information.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.