Boxes and buttons

Add some spice to your content

Return to homepage

Content boxes

Box content 1 - with header

Neque voluptas rerum minus omnis ducimus at asperiores ratione quis libero quidem quia ut ipsum id eos quam quaerat corrupti.

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

Box content 1 - without header

Ea expedita et exercitationem molestiae neque accusamus exercitationem in doloremque iure sapiente cumque exercitationem molestiae doloribus nesciunt omnis soluta veritatis.

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

Box content 2 - with header

Consequuntur consequuntur non eius mollitia in et veniam similique qui saepe eaque repudiandae laudantium eius aut nemo ipsam vel rerum.

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

Box content 2 - without header

Consequatur in accusamus modi nesciunt voluptas exercitationem eum explicabo quia eligendi qui quaerat non sit qui dolorem aut ex id.

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

Messages boxes

Information box

Maxime sint necessitatibus tempore atque eos non dolores sed aspernatur nostrum accusantium blanditiis atque ipsa quaerat modi.

Success box

Maxime sint necessitatibus tempore atque eos non dolores sed aspernatur nostrum accusantium blanditiis atque ipsa quaerat modi.

Warning box

Maxime sint necessitatibus tempore atque eos non dolores sed aspernatur nostrum accusantium blanditiis atque ipsa quaerat modi.

Error box

Maxime sint necessitatibus tempore atque eos non dolores sed aspernatur nostrum accusantium blanditiis atque ipsa quaerat modi.

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

Round corners

Round corners - 3px

Qui repellat autem inventore iusto tempore nulla dolorum illo nihil aspernatur dolore perferendis et voluptas perspiciatis omnis in consequatur quod.

Round corners - 5px

Dolorum quis distinctio excepturi reprehenderit ratione cupiditate ea amet debitis eveniet minus vel accusamus et rerum aut repellendus dolorem dolores.

Round corners - 10px

Cumque aut culpa quibusdam officiis exercitationem non quidem vel consectetur voluptas natus dignissimos placeat omnis velit similique iure voluptas eos.

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

Buttons

<a class="btn [size: btn-s, btn-l, btn-xl] [color_name]">Button text</a>

Categories

About Us

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce adipiscing rhoncus nihil vero quo magnam et itaque provident.

Logo