en-UScy-GBbr-FR

Boxes

  Feature / Typography / Boxes

Box with left colorline and grey background

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus nec placerat bibendbibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

More Information
SOURCE CODE 
<div class="boxes_style_1">
    <div class="boxes">
        <h3 class="Boxes_title">Box with left colorline and grey backgroun</h3>
        <p>content text...</p>
        <div class="but"> <a class="Button_default" href="#">More Information</a></div>
    </div>
</div>

Box with grey border

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus nec placerat bibendbibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.

SOURCE CODE 
<div class="boxes_style_2">
    <div class="boxes">
        <h3 class="Boxes_title">Box with grey border</h3>
        <p>content text...</p>
    </div>
</div>

Box with grey background & border

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus nec placerat bibendbibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo.

SOURCE CODE 
<div class="boxes_style_3">
    <div class="boxes">
        <h3 class="Boxes_title">Box with grey background & border</h3>
        <p>content text...</p>
    </div>
</div>

Box with color background

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus nec placerat bibendbibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

More Information
SOURCE CODE 
<div class="boxes_style_4">
    <div class="boxes">
        <h3 class="Boxes_title">Box with color background</h3>
        <p>content text...</p>
        <div class="but"><a class="Button_default" href="#">More Information</a></div>
    </div>
</div>

Box with top colorline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus nec placerat bibendbi bendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem.

View More Live Demo
SOURCE CODE 
<div class="boxes_style_5">
    <div class="boxes">
        <h3 class="Boxes_title">Box with top colorline</h3>
        <p>content text...</p>
        <div class="but"><a class="Button_default" href="#">View More</a><a class="Button_default" href="#">Live Demo</a></div>
    </div>
</div>

Box with bottom colorline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus nec placerat bibendbi bendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem.

SOURCE CODE 
<div class="boxes_style_6">
    <div class="boxes">
        <h3 class="Boxes_title">Box with bottom colorline</h3>
        <p>content text...</p>
    </div>
</div>

Box with left colorline

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus nec placerat bibendbibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

More Information
SOURCE CODE 
<div class="boxes_style_7">
    <div class="boxes">
        <h3 class="Boxes_title">Box with left colorline</h3>
        <p>content text...</p>
        <div class="but"> <a class="Button_default" href="#">More Information</a></div>
    </div>
</div>

Box with dark-grey background

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse purus nec placerat bibendbibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

More Information
SOURCE CODE 
<div class="boxes_style_8">
    <div class="boxes">
        <h3 class="Boxes_title">Box with dark-grey background</h3>
        <p>content text...</p>
        <div class="but"> <a class="Button_default" href="#">More Information</a></div>
    </div>
</div>