Boxes
Features  >  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>

Develop interactive, engaging and satisfying website

Purchase This Theme
SOURCE CODE 
<div class="home6con_e pt-50 pb-50">
    <div class="dnn_layout">
        <div class="content_mid clearfix">
            <div class="pane_layout">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="boxes_style_10">
                            <h1>Develop interactive, engaging and satisfying website</h1>
                            <div class="but"> <a href="#" class="Button_default2">Purchase This Theme</a> </div>
                            </div>
                        </div>
                    </div>
            </div>
        </div>
    </div>
</div>


If you have any question, please e-mail us without hesitation.

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.

More Information
SOURCE CODE 
<div class="boxes_style_9 pt-60 pb-60">
    <div class="boxes">
        <h3 class="Boxes_title">If you have any question, please e-mail us without hesitation.</h3>
        <p>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.</p>
        <div class="but"> <a class="Button_default" href="#">More Information</a></div>
    </div>
</div>