Harbor

A fresh business theme for Bootstrap 4. Background image by Markus Spiske.
Code Picker is on. Click on elements below to copy HTML to clipboard. Turn off Code Inspector is on. Click on elements below to display source code. Turn off

The Components

Alerts
Alerts
Badges
Badges
Regular Badge Pill Badge Link Badge
Cards
Cards

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Integer posuere erat a ante.

Someone famous in Source Title
Card image cap

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Go somewhere
Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
Featured

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Card image cap
  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
Forms
Forms
Start with a small group form
We'll never share your email
Or with an inline form
Add some extras too..
Even more form controls
Jumbotron
Jumbotron

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.


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

Learn more

Lists
Lists
  • Cras justo odio
  • Dapibus ac facilisis in
  • Porta ac consectetur ac
  • Cras justo odio 14
  • Vestibulum at eros
  • Dapibus ac facilisis in
Pagination
Popovers
Popovers
Progress
Progress
Tables
Tables
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Contextual Row @hackerthemes
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Contextual Row @hackerthemes
Tooltips
Tooltips
Typography
Typography

Display 1

Display 2

Display 3

Display 4

h1. Bootstrap heading

h2. Bootstrap heading

h3. Bootstrap heading

h4. Bootstrap heading

h5. Bootstrap heading
h6. Bootstrap heading

Lead Text - Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Body text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, cumque delectus deleniti dolor esse ex fugiat, id in ipsum modi molestiae mollitia, nulla numquam provident quasi soluta sunt tempora vel. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, aspernatur consequuntur cumque dolor ducimus earum eos, expedita, fuga harum incidunt maxime modi mollitia numquam praesentium sapiente suscipit temporibus ut vero. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet nam nostrum pariatur praesentium tempore. Ad architecto at aut dicta enim, eveniet expedita libero magnam minus, nihil, non sequi sunt voluptates!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title
HTML copied to clipboard!