Skip to main content

Components Demo

Carousel

A slideshow component for cycling through elements—images or slides of text—like a carousel.

Transition can be slide or crossfade.

Read more: Bootstrap carousel

Jumbotron

A lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site.

Read more: Bootstrap Jumbotron

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information. THis example is a fluid or full with variant. It can also be contained to the main content width.

It uses utility classes for typography and spacing to space content out within the larger container.

Learn more

Video Embed

Videos can be embedded

Audio Embed

Audio Files can also be embedded.  

Across the Rainforest by Levihica (c) copyright 2015 Licensed under a Creative Commons Attribution Noncommercial (3.0) license. Ft: CSoul, Subliminal, Forkboy

Call to action group

A three column layou with calls to action.

Photo by Nick West on Unsplash

A Call to Action

Donec pellentesque felis massa, a maximus nisl consequat at. Quisque semper odio fermentum tellus fermentum, fringilla tempus lectus interdum. Fusce.

Second Call to action

Donec pellentesque felis massa, a maximus nisl consequat at. Quisque semper odio fermentum tellus fermentum, fringilla tempus lectus interdum. Fusce.

FInal call to action

Donec pellentesque felis massa, a maximus nisl consequat at. Quisque semper odio fermentum tellus fermentum, fringilla tempus lectus interdum. Fusce.

Accordion

You can create a series of collapsible panels in an accordion. This is useful for grouping content, such as in an FAQ.

Accordions can be set to have the first item open, all items open or all items closed upon page load

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.