SquareMile HTML Template - Boxes - overview of content modules

Transparent module which blends with the page background

<div class="mod mod-clean">
<div class="inner">
<div class="bd">Module content</div>
</div>
</div>

Light beveled module

<div class="mod mod-bevel mod-bevel-light">
<div class="inner">
<div class="bd">Module content</div>
</div>
</div>

Medium beveled module

<div class="mod mod-bevel mod-bevel-med2">
<div class="inner">
<div class="bd">Module content</div>
</div>
</div>

Medium beveled module

<div class="mod mod-bevel mod-bevel-med">
<div class="inner">
<div class="bd">Module content</div>
</div>
</div>

Dark beveled module

<div class="mod mod-bevel mod-bevel-dark">
<div class="inner">
<div class="bd">Module content</div>
</div>
</div>

Module header

Light module with header

<div class="mod mod-bevel mod-bevel-light hd-bar">
<div class="inner">
<div class="hd"><h3>Module header</h3></div>
<div class="bd">Module content</div>
</div>
</div>

Medium beveled module

<div class="mod mod-bevel mod-bevel-med">
<div class="inner">
<div class="bd">Module content</div>
</div>
</div>

Nested beveled module

<div class="mod mod-bevel mod-bevel-med2 mod-fullwidth">
<div class="inner">
<div class="bd">Module content</div>
</div>
</div>

Module header

Nested beveled module with header

<div class="mod mod-bevel mod-bevel-med2 hd-bar mod-fullwidth">
<div class="inner">
<div class="hd"><h3>Module header</h3></div>
<div class="bd">Module content</div>
</div>
</div>

Testimonial module

<div class="mod mod-bevel mod-bevel-light talk">
<div class="inner">
<div class="bd"><p class="small">Testimonial module</p></div>
<div class="ft"><p class="author small">Testimonial footer</p></div>
</div>
</div>

Testimonial footer

Transparent module which blends with the page background

<div class="mod">
<div class="inner">
<div class="bd">Module content</div>
</div>
</div>

Light beveled module in the upper footer

<div class="mod mod-bevel mod-bevel-light">
<div class="inner">
<div class="bd">Module content</div>
</div>
</div>

Module header

Module with header in the footer

<div class="mod mod-bevel hd-bar">
<div class="inner">
<div class="hd"><h3>Module header</h3></div>
<div class="bd">Module content</div>
</div>
</div>

Recent tweets

Lorem ipsum dolor sit amet, consectetur adipiscing elit, vitae sit amet metus. Pellentesque habitant morbi tristique senectus et netus.
Etiam sapien ante, porttitor sit amet eleifend nec, scelerisque eu metus. Etiam sed mi ligula
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac egestas.

Navigation

Templates

Created by

Buy now
on ThemeForest

SquareMile Template