Topics: Example Page

Accordions Alerts & Messages Animation (Scroll Trigger & Image/Body) Buttons Callout Group & Guides Callout Stylized Cards Charts & Maps (Geo & Leaflet) Collections External Links Images Images - Overlapping Images - Body Area Lists Most Wanted SliderTableau Timeline Typography Videos

Accordions: USWDS, Drupal Side Tabs & Drupal Stacked

These are the USWDS Accordions that use HTML code in a Body Group.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

  1. This is a list item
  2. Another list item

Drupal Button: class button btn

USWDS Default Button

 

Topic Pages do not support the Drupal Side Tabs that use the A11Y Paragraphs Tabs Wrapper Group.

These are the Drupal Stacked Accordions that use the Accordions Group.

Title 1

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

  1. This is a list item
  2. Another list item

Drupal Button: class button btn

USWDS Default Button

Second Title

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

  • This is a list item
  • Another list item

Heading 4

Heading 5
Heading 6

Alerts & Messages

Informative status

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Warning status

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Success status

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Short alert message

Additional context and followup information including a link.

Emergency alert message

Additional context and followup information including a link.

Short alert message. Additional context and followup information including a link.

Emergency alert message

  • The primary emergency message and a link for supporting context.
  • Another message, and another link.
  • A final emergency message.

Short alert message. Additional context and followup information including a link.

Short alert message. Additional context and followup information including a link.

Buttons: Drupal & USWDS

Drupal

Drupal class button btn

USWDS Buttons

Default

DefaultHoverActiveFocusDisabledUnstyled button

Secondary color

DefaultHoverActiveFocusDisabledUnstyled button

Outline

DefaultHoverActiveFocusDisabledUnstyled button

Outline inverse

DefaultHoverActiveFocusDisabledUnstyled button

Base color

DefaultHoverActiveFocusDisabledUnstyled button

Accent cool color

DefaultHoverActiveFocusDisabledUnstyled button

Accent warm color

DefaultHoverActiveFocusDisabledUnstyled button

Big button

DefaultUnstyled button

 

Buttons With Tooltips

Show on top
Show on bottom
Show on right
Show on left

Buttons With Modals

Open default modal

Are you sure you want to continue?

Open large modal

Are you sure you want to continue?

Open modal with forced action

Your session will end soon.

 

Callout Group and Guides

Custom Title Secondary Descriptive Text Learn More

Red Pandas

The red panda (Ailurus fulgens) is a mammal species native to the eastern Himalayas and southwestern China. It is listed as Endangered on the IUCN Red List because the wild population is estimated at fewer than 10,000 mature individuals and continues to decline due to habitat loss and fragmentation, poaching, and inbreeding depression. Despite its name, it is not closely related to the giant panda.

See more resources

These are guides in a Topics Content Body Group

Factsheet Jail Enforcement Model (JEM)View Full Size Factsheet Warrant Service Officer (WSO) ModelView Full Size

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

 

Callouts Stylized Inline

This is a blue callout. This is a blue callout. This is a blue callout. This is a blue callout. This is a blue callout. This is a blue callout. This is a blue callout. This is a blue callout. This is a blue callout. This is a blue callout. This is a blue callout.

This is a blue callout with a link. This is a blue callout with a link. This is a blue callout with a link. This is a blue callout with a link. This is a blue callout with a link. This is a blue callout with a link. This is a blue callout with a link.

This is a callout-med. This is a callout-med. This is a callout-med. This is a callout-med. This is a callout-med. This is a callout-med. This is a callout-med. This is a callout-med.

This is a callout-med with a link. This is a callout-med with a link. This is a callout-med with a link. This is a callout-med with a link. This is a callout-med with a link. This is a callout-med with a link.

This is a callout-lite. This is a callout-lite. This is a callout-lite. This is a callout-lite. This is a callout-lite. This is a callout-lite. This is a callout-lite. This is a callout-lite. This is a callout-lite.

This is a callout-lite with a link. This is a callout-lite with a link. This is a callout-lite with a link. This is a callout-lite with a link. This is a callout-lite with a link. This is a callout-lite with a link.

This is a document callout. This is a document callout. This is a document callout. This is a document callout. This is a document callout. This is a document callout. This is a document callout.

This is a document callout with a link. This is a document callout with a link. This is a document callout with a link. This is a document callout with a link. This is a document callout with a link.

This is a NR callout. This is a NR callout. This is a NR callout. This is a NR callout. This is a NR callout. This is a NR callout. This is a NR callout. This is a NR callout.

This is a NR callout with a link. This is a NR callout with a link. This is a NR callout with a link. This is a NR callout with a link. This is a NR callout with a link.

This is a link callout. This is a link callout. This is a link callout. This is a link callout. This is a link callout. This is a link callout. This is a link callout. This is a link callout.

This is a link callout with a link. This is a link callout with a link. This is a link callout with a link. This is a link callout with a link. This is a link callout with a link.

This is an image caption callout. This is an image caption callout. This is an image caption callout. This is an image caption callout. This is an image caption callout.

This is an image caption callout with a link. This is an image caption callout with a link. This is an image caption callout with a link. This is an image caption callout with a link.

Cards

Standard Layout

  • Card

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae. Excepturi nobis dolores molestias! Quas quisquam a officia eos.

    Visit Florida Keys

  • Card with media

    A placeholder image

    Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis earum tenetur quo cupiditate, eaque qui officia recusandae. Excepturi nobis dolores molestias! Quas quisquam a officia eos.

    Visit Florida Keys

  • Media and header first

    A placeholder image

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

    Visit Florida Keys

  • Inset media

    A placeholder image

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

    Visit Florida Keys

  • Exdent media

    A placeholder image

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

    Visit Florida Keys

Flag Layout

  • Flag default

    A placeholder image

    Lorem ipsum dolor sit amet consectetur adipisicing elit.

    Visit Florida Keys

  • Flag media on right

    A placeholder image

    Lorem ipsum dolor sit amet consectetur adipisicing elit.

    Visit Florida Keys
Online Resources

External Links 1

Cyber Crimes Center

External Links 2

Child Exploitation

External Links 3

Collections

pulled from https://designsystem.digital.gov/components/collection/

Default

  • Gears of Government President’s Award winners

    Today, the Administration announces the winners of the Gears of Government President’s Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.

    • By Sondra Ainsworth and Constance Lu
    • New
    • PMA
    • OMB

  • Women-owned small business dashboard

    In honor of National Women’s Small Business Month, we’ve partnered with SBA’s Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!

    • By Constance Lu
    • SBA

  • September 2020 updates show progress on cross-agency and agency priority goals

    Today, we published progress updates for both Cross-Agency Priority (CAP) Goals and Agency Priority Goals (APGs) for the third quarter of FY2020. These updates highlight recent milestones and accomplishments as well as related initiatives that support progress towards a more modern and effective government.

    • By Eric L. Miller
    • Quarterly update
    • CAP goal
    • APG
    • PMA
    • Success story

Media thumbnail

  • Gears of Government Awards - President's Award

    Gears of Government President’s Award winners

    Today, the Administration announces the winners of the Gears of Government President’s Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.

    • By Sondra Ainsworth and Constance Lu
    • New
    • PMA
    • OMB
  • Woman Owned Small Business Federal Contracts

    Women-owned small business dashboard

    In honor of National Women’s Small Business Month, we’ve partnered with SBA’s Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!

    • By Constance Lu
    • SBA
  • September 2020 Updates

    September 2020 updates show progress on cross-agency and agency priority goals

    Today, we published progress updates for both Cross-Agency Priority (CAP) Goals and Agency Priority Goals (APGs) for the third quarter of FY2020. These updates highlight recent milestones and accomplishments as well as related initiatives that support progress towards a more modern and effective government.

    • By Eric L. Miller
    • Quarterly update
    • CAP goal
    • APG
    • PMA
    • Success story

Calendar display

  • Gears of Government President’s Award winners

    Today, the Administration announces the winners of the Gears of Government President’s Award. This program recognizes the contributions of individuals and teams across the federal workforce who make a profound difference in the lives of the American people.

  • Women-owned small business dashboard

    In honor of National Women’s Small Business Month, we’ve partnered with SBA’s Office of Government Contracting and Business Development and Office of Program Performance, Analysis, and Evaluation to highlight the Women-Owned Small Businesses (WOSBs) data dashboard!

  • September 2020 updates show progress on cross-agency and agency priority goals

    Today, we published progress updates for both Cross-Agency Priority (CAP) Goals and Agency Priority Goals (APGs) for the third quarter of FY2020. These updates highlight recent milestones and accomplishments as well as related initiatives that support progress towards a more modern and effective government.

Headings only

Images: Gallery, Grid, Full Width, Embed

Image Gallery

Alternative Text

Title Text

Alternative Text
Alternative Text

Title Text

Alternative Text
Alternative Text

Title Text

Alternative Text
Alternative Text

Title Text

Alternative Text
Alternative Text

Title Text

Alternative Text
    • Alternative Text
    Alternative Text
    Alternative Text
    Alternative Text
    Alternative Text

    • Image Grid

    Below is an image grid, the details are in the caption under the grid.

    Being photographed and scanned Transporting Close-ups of pages of the Rosenberg Diary Close-ups of pages of the Rosenberg Diary
    Image Grids do not reach the edges of the browser window, they match the width of the text. The small images are linked to larger versions of the image. The link titles populate the captions.

    Parallax Image

    ""
    Parallax Image Caption

    Feature Full Width Image

    2020.jpg
    Full Width Image Caption

    Overlapping Images Group

    ""
    Bully-sm.png

    This is an example of the overlapping image set.

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.

    Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

    Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat

    Image Body Area Group

    dhs-bg-gray.jpg

    This is the GROUP IMAGE BODY AREA GROUP. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

    Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    Lists (Reg UL/OL & USWDS Options)

    Standard UL and OL

    These is a standard multi-level ul list:

    • At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
      • At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
    • At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
      • At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
      • At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
    • At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

    These is a standard multi-level ol list:

    1. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
      1. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
    2. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
      1. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
      2. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.
    3. At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

    USWDS Process Lists

    1. Start a process

      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque.

      • Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.
      • Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.
      • Aliquam erat volutpat. Sed quis velit.

    2. Proceed to the second step

      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien.

    3. Complete the step-by-step process

      Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien.

    1. Start a process.

    2. Proceed to the second step.

    3. Complete the step-by-step process.

    1. Start a process.

      Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.

    2. Proceed to the second step.

      Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat.

    3. Complete the step-by-step process.

      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque.

    USWDS Stylized Lists

    Default

    • Wash your hands for 20 seconds with soap
    • Stay six feet away from others
    • Avoid large gatherings

    Simple content

    Benefits of joining Global Entry program:

    • No processing lines
    • Access to expedited entry benefits in other countries
    • Available at major U.S. airports
    • Reduced wait times

    Rich content

    • Donate cash when possible.

      Financial contributions to recognized disaster relief organizations are the fastest, most flexible and most effective method of donating. Organizations on the ground know what items and quantities are needed, often buy in bulk with discounts and, if possible, purchase through businesses local to the disaster, which supports economic recovery.

    • Confirm what donations are needed.

      Unneeded and unsolicited goods burden local organizations’ ability to meet survivors’ confirmed needs, drawing away valuable volunteer labor, transportation and warehouse space.

    • Talk to trusted organizations about volunteering.

      Financial contributions to recognized disaster relief organizations are the fastest, most flexible and most effective method of donating. Organizations on the ground know what items and quantities are needed, often buy in bulk with discounts and, if possible, purchase through businesses local to the disaster, which supports economic recovery.

    Custom size with rich content

    Here are a few easy ways you can help reduce energy use and costs while spending more time at home.

    • Let the sun shine.

      On sunny days, open your curtains to allow the sun to naturally warm the rooms of your home without using electricity. Natural sunlight can also lift your mood to help brighten your day. On warm days, close your curtains to help keep your house cool.

    • Adjust your schedule.

      Instead of running high-energy-use appliances such as dishwashers and clothes dryers during mid-afternoon or early evening hours, operate them early in the morning or late at night. Some utilities charge less at off-peak times, which will help reduce your costs.

    • Fill it up.

      Wash full loads, whether it’s clothes or dishes. Washing multiple small loads means you’re using and heating more water, which can increase your expenses. Using cold water for clothes washing can also help lower your costs.

    Custom size

    • Timing. Is now the right time to start a business?
    • Funding. Do I have enough money to launch a business?
    • Need. Will this business fill a real need for my customers?

    Most Wanted

    Most Wanted Block - HT/HS

    Most Wanted

    Find information on ICE's most wanted human trafficking fugitives. Please refer any information to law enforcement officials and do not attempt to apprehend any subject.

    Slider Group

    Slider
    ICE Impact in FY 2017

    ICE Impact in FY 2017

    Working with its partners throughout the Department of Homeland Security (DHS), as well as among the private sector and with law enforcement agencies across the country and around the world, U.S. Immigration and Customs Enforcement (ICE) in 2017 continued a record of success that has positioned the agency as a public safety leader.

     

    Read more

    Narcotics

    Narcotics

    As the sole investigative agency with unique customs and immigration authorities, in addition to standard criminal and civil law enforcement authorities, U.S. Immigration and Customs Enforcement’s (ICE) Homeland Security Investigations (HSI) investigates the widest range of criminal activity across the crime continuum. HSI’s strategy also extends well beyond U.S. borders in an effort to prevent dangerous drugs and those engaged in the smuggling and distribution of contraband from reaching our shores. HSI special agents have extensive knowledge of the border environment and techniques employed by narcotics smuggling organizations to transport contraband into the United States. That knowledge led to 11,691 narcotics enforcement arrests in fiscal year 2017.

     

    Read more

    High-profile removals

    High-profile removals

    High-profile removals are not only a danger to communities, but they also pose a threat to the officers who apprehend them and ICE ERO officers who escort them back to their home countries, which may be as close as Mexico or as far as Yemen, Iraq, Rwanda and the Czech Republic. In 2017, ICE removed more than 20 foreign fugitives.

     

    Read more

    Transnational Gangs

    Transnational Gangs

    ICE continues to fight the public threat of transnational criminal street gangs. In 2017, HSI continued its fight to combat transnational gangs, making 4,818 criminal arrests in the fiscal year. Of that number, there were 796 MS-13 arrests, 555 of which were criminal and 241 admin.

     

    Read more

    Human Smuggling

    Human Smuggling

    ICE HSI special agents fight the exploitation and loss of human lives by doing what they can to prevent human smuggling on the southwest border of the U.S.

     

    Read more

    Most Wanted Captures

    Most Wanted Captures

    ICE keeps its ‘ICE 10 Most Wanted List’ current and, with the help of public tips, captures and arrests criminals. In 2017, ICE captured or arrested four of its Most Wanted fugitives.

     

    Read more

    Acting Director Named

    Acting Director Named

    In January, the president appointed Thomas Homan acting director of ICE. The former NYPD officer and career law enforcement professional currently acts as deputy director and senior official performing the duties of the director.

     

    Hurricane Response

    Hurricane Response

    Hurricanes Maria, Harvey and Irma wreaked havoc on large parts of Florida, Texas, Puerto Rico, and other areas in 2017. ICE deployed Special Response Teams and Rapid Response Teams, law enforcement and mission support personnel to assist with rescue and support.

     

    Read more

    Police Week

    Police Week

    ICE honored its own during 2017 National Police Week by remembering the lives of HSI Special Agent J. Scott McGuire and ERO Deportation Officer Brian P. Beliso.

     

    Feature: Police Week

    Preventing FGM/C

    Preventing FGM/C

    ICE HSI National Security Investigations Division Human Rights Violators and War Crimes Unit, the Office of the Principal Legal Advisor, and agency partners have focused their attention on identifying girls and women at risk for, and investigating those who perpetrate, FGM/C.

     

    Read more

    Recruitment

    Recruitment

    In 2017, ICE geared up to increase recruiting and hiring. To assist with the recruiting effort, ICE has upgraded its website with a new careers section that includes comprehensive information about career tracks, application processes, policies and procedures, and other useful tips.

     

    ICE.gov/careers

    Spanish Outreach

    Spanish Outreach

    ICE expanded its digital presence in 2017. This included launching ICE.gov/es, a translated site that offers information about ICE and the agency’s mission, as well as press releases and special features. Coinciding with the expansion of ICE’s website, ICE also launched @ICEespanol.

     

    Read more

    Typography

    Heading 1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Heading 2

    Click here to view the list styles.

    Heading 3

    Topic Page: Pull Quote Right

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Topic Page: Pull Quote Left

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Topic Page: Pull Quote Top/Bottom | This style is generally advised to be used with longer blocks of text so that it fills the page edge to edge.

    Heading 4

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Videos: Floats, Embeds, & Looping

    (div class imgcaption) At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    (div class imgcaption) At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    Straight Embded, No Float

    (div class imgcaption) At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.

    Looping Video

    Updated: