U.S. flag

An official website of the United States government

Dot gov

Official websites use .gov
A .gov website belongs to an official government organization in the United States.

Https

Secure .gov websites use HTTPS
A lock () or https:// means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites.

Get a Quote

Ready to estimate your benefits or costs?

Answer a few questions for a personalized quote.

Get Started

USWDS Components

Light Card permutations

  • Card no image

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

    Card demo link
  • Card with image
    Floodsmart

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

    Card demo link
  • Card title first
    Floodsmart

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

    Card demo link
  • Card inset image
    Floodsmart

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

    Card demo link
  • Card extend media
    Floodsmart

    This one might be difficult to see.  The image goes outside the border.  Easier to see on the dark card version.

    Card demo link
  • Entire card is a link
    Floodsmart

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

    Card demo link

Dark Card permutations

  • Card no image

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

    Card demo link
  • Card with image
    Floodsmart

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

    Card demo link
  • Card title first
    Floodsmart

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

    Card demo link
  • Card inset image
    Floodsmart

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

    Card demo link
  • Card extend media
    Floodsmart

    This one might be difficult to see.  The image goes outside the border.  Easier to see on the dark card version.

    Card demo link
  • Entire card is a link
    Floodsmart

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae.

    Card demo link

Danger Will Robinson

  1. This is the first item
  2. This is the 2nd itemnot completed

Step 1 of 2 There's no such thing as no risk.

Headline 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mattis scelerisque mauris, ut feugiat ligula accumsan ut. Praesent sit amet mollis elit, at commodo dolor.

Headline 2

Mauris pretium ut enim varius porttitor. Duis vehicula nisl elementum, blandit velit id, vulputate ex. Cras finibus risus orci, et ullamcorper nisi euismod in. 

Headline 3

Phasellus tristique a risus id facilisis. Aenean ut turpis sem. Suspendisse pulvinar arcu sem. Aenean sed magna nec metus luctus commodo.

 

  1. This is a Process item title

    And here is the text under it.

  2. Process item 2

    More text under it

Tab content 1

Modal test

For more information on foundation type, see the NFIP Flood Insurance Manual Section 3. II. C. 3.