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

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

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.

News List Widget Shows Filtered News with Sidebar

Staff Widget

Display staff members

Associate, Retirement & Compensation Policy
(202) 627-1917
Vice President
(222) 222-22222
Vice President, Communications
(202) 627-1918 or (202) 617-0881

Location widget: Choose address and text

701 8th Street NW, Suite 610

Washington, DC 20001

Phone: (202) 789-1400