Javascript is currently disabled. This site requires Javascript to function correctly. Please enable Javascript in your browser!

Boxes and Buttons

Boxes and buttons

Content boxes

Box content 1 - with header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

<div class="box-1">
  <div class="box-head">Box header text</div>
  <p>Box Content</p>
</div>

Box content 1 - without header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

<div class="box-1">
  <p>Box Content</p>
</div>

Box content 2 - with header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

<div class="box-2">
  <div class="box-head">Box header text</div>
  <p>Box Content</p>
</div>

Box content 2 - without header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

<div class="box-2">
  <p>Box Content</p>
</div>

Messages boxes

Information box

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

Success box

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

Warning box

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

Error box

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

<div class="[box-info, box-success, box-warning, box-error]">
  <div class="box-content">
    <p>Box Content</p>
  </div>
</div>

Round corners

Round corners - 3px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

Round corners - 5px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

Round corners - 10px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.

<div class="[round-3, round-5, round-10] box-1">
  <p>Box Content</p>
</div>

Categories

Gallery

About Us

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus aliquet mattis lorem non ultricies.

Fusce adipiscing rhoncus sem, non fringilla lacus interdum vel.

Asset 1 Asset 2 Asset 3
Style Switcher