Style Guide

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

h1 Style Guide

h2 Heading

h3 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.


This is a pull quote

– Citation


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">
            List of users
                <th scope="col">#</th>
                <th scope="col">First</th>
                <th scope="col">Last</th>
                <th scope="col">Handle</th>
                <th scope="row">1</th>
                <th scope="row">2</th>
                <td>the Bird</td>

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


All SVG icon names can be found here.

Icons and Facts


This icon is a svg


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