Boxes

Modular elements that can be used to customise any component.

Boxed

Boxed

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore laudantium, corporis neque ab nobis omnis illum provident sapiente natus possimus!

Boxed + Rising

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore laudantium, corporis neque ab nobis omnis illum provident sapiente natus possimus!

Boxed + Scaling

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore laudantium, corporis neque ab nobis omnis illum provident sapiente natus possimus!

<div class="boxed">
  ...
</div>
+ .floating
Add floating effect
+ .rising
Rise on hover
+ .scaling
Scale on hover

Bordered

Bordered

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore laudantium, corporis neque ab nobis omnis illum provident sapiente natus possimus!

Bordered + Rising

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore laudantium, corporis neque ab nobis omnis illum provident sapiente natus possimus!

Bordered + Scaling

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore laudantium, corporis neque ab nobis omnis illum provident sapiente natus possimus!

<div class="bordered">
  ...
</div>
+ .floating
Add floating effect
+ .rising
Rise on hover
+ .scaling
Scale on hover

Nested

Bordered

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore laudantium, corporis neque ab nobis omnis illum provident sapiente natus possimus!

Bordered + Rising

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore laudantium, corporis neque ab nobis omnis illum provident sapiente natus possimus!

Bordered + Scaling

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore laudantium, corporis neque ab nobis omnis illum provident sapiente natus possimus!

<div class="row gutter-0">
  <div class="col-md-4">
    <div class="bordered rising">
      content
    </div>
    ...
  </div>
</div>