Content Boxes

Content Boxes

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<div class="row featured-boxes">
    <div class="col-md-3 col-sm-6">
        <div class="featured-box featured-box-primary">
            <div class="box-content">
                <i class="icon-featured fa fa-user"></i>
                <h4>
                    Loved by Customers</h4>
                <p>
                    Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="featured-box featured-box-secundary">
            <div class="box-content">
                <i class="icon-featured fa fa-book"></i>
                <h4>
                    Well Documented</h4>
                <p>
                    Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="featured-box featured-box-tertiary">
            <div class="box-content">
                <i class="icon-featured fa fa-trophy"></i>
                <h4>
                    Winner</h4>
                <p>
                    Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="featured-box featured-box-quartenary">
            <div class="box-content">
                <i class="icon-featured fa fa-cogs"></i>
                <h4>
                    Customizable</h4>
                <p>
                    Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
                </p>
            </div>
        </div>
    </div>
</div>

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<div class="row featured-boxes secundary">
    <div class="col-md-3">
        <div class="featured-box featured-box-primary">
            <div class="box-content">
                <i class="icon-featured fa fa-user"></i>
                <h4>
                    Loved by Customers</h4>
                <p>
                    Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="featured-box featured-box-tertiary">
            <div class="box-content">
                <i class="icon-featured fa fa-trophy"></i>
                <h4>
                    Winner</h4>
                <p>
                    Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="featured-box featured-box-quartenary">
            <div class="box-content">
                <i class="icon-featured fa fa-cogs"></i>
                <h4>
                    Customizable</h4>
                <p>
                    Donec id elit non mi porta gravida at eget metus. Fusce dapibus.
                </p>
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="featured-box featured-box-secundary">
            <div class="box-content">
                <i class="icon-featured fa fa-book"></i>
                <h4>
                    Well Documented</h4>
                <p>
                    Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
            </div>
        </div>
    </div>
</div>

Customer Support

Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.

Sliders

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla.

Elite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla.

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<div class="row">
    <div class="col-md-4">
        <div class="feature-box style-1">
            <div class="feature-box-icon">
                <i class="fa fa-group"></i>
            </div>
            <div class="feature-box-info">
                <h4 class="shorter">
                    Customer Support</h4>
                <p class="tall">
                    Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque
                    imperdiet.</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="feature-box style-1">
            <div class="feature-box-icon">
                <i class="fa fa-film"></i>
            </div>
            <div class="feature-box-info">
                <h4 class="shorter">
                    Sliders</h4>
                <p class="tall">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
                    imperdiet. Nulla lacinia iaculis nulla.</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="feature-box style-1">
            <div class="feature-box-icon">
                <i class="fa fa-bars"></i>
            </div>
            <div class="feature-box-info">
                <h4 class="shorter">
                    Elite</h4>
                <p class="tall">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
                    imperdiet. Nulla lacinia iaculis nulla.</p>
            </div>
        </div>
    </div>
</div>

Customer Support

Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque imperdiet.

Sliders

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla.

Elite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque imperdiet. Nulla lacinia iaculis nulla.

HTML Shortcode

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<div class="row">
    <div class="col-md-4">
        <div class="feature-box">
            <div class="feature-box-icon">
                <i class="fa fa-group"></i>
            </div>
            <div class="feature-box-info">
                <h4 class="shorter">
                    Customer Support</h4>
                <p class="tall">
                    Lorem ipsum dolor sit amet, consectetur adipiscing metus elit. Quisque rutrum pellentesque
                    imperdiet.</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="feature-box">
            <div class="feature-box-icon">
                <i class="fa fa-film"></i>
            </div>
            <div class="feature-box-info">
                <h4 class="shorter">
                    Sliders</h4>
                <p class="tall">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
                    imperdiet. Nulla lacinia iaculis nulla.</p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="feature-box">
            <div class="feature-box-icon">
                <i class="fa fa-bars"></i>
            </div>
            <div class="feature-box-info">
                <h4 class="shorter">
                    Elite</h4>
                <p class="tall">
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque
                    imperdiet. Nulla lacinia iaculis nulla.</p>
            </div>
        </div>
    </div>
</div>