Testimonials Shortcodes

Testimonials are great to show the content of your website and can be set in different styles.


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.

John SmithCEO & Founder

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.

John SmithCEO & Founder

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.

John SmithCEO & Founder

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.

John SmithCEO & Founder

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce ante tellus, convallis non consectetur sed, pharetra nec ex. Aliquam et tortor nisi. Duis mollis diam nec elit volutpat suscipit. "

John SmithCEO & Founder

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<div class="row">
    <div class="col-md-4">
        <div class="testimonial testimonial-primary">
            <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <div class="testimonial-author-thumbnail img-thumbnail">
                    <img alt="" src="/portals/2/img/clients/client-1.jpg" />
                </div>
                <p><strong>John Smith</strong><span>CEO &amp; Founder</span></p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="testimonial testimonial-style-2">
            <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <img alt="" src="/portals/2/img/clients/client-1.jpg" class="img-responsive img-circle" />
                <p><strong>John Smith</strong><span>CEO &amp; Founder</span></p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="testimonial testimonial-style-3">
            <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <div class="testimonial-author-thumbnail">
                    <img alt="" src="/portals/2/img/clients/client-1.jpg" class="img-responsive img-circle" />
                </div>
                <p><strong>John Smith</strong><span>CEO &amp; Founder</span></p>
            </div>
        </div>
    </div>
</div>
<div class="row mt-xlg">
    <div class="col-md-6">
        <div class="testimonial testimonial-style-4">
            <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <div class="testimonial-author-thumbnail">
                    <img alt="" src="/portals/2/img/clients/client-1.jpg" class="img-responsive img-circle" />
                </div>
                <p><strong>John Smith</strong><span>CEO &amp; Founder</span></p>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="testimonial testimonial-style-5">
            <blockquote>
                <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce ante tellus, convallis non consectetur sed, pharetra nec ex. Aliquam et tortor nisi. Duis mollis diam nec elit volutpat suscipit. "</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <p><strong>John Smith</strong><span>CEO &amp; Founder</span></p>
            </div>
        </div>
    </div>
</div>

Colors

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.

John SmithCEO & Founder

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.

John SmithCEO & Founder

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.

John SmithCEO & Founder

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.

John SmithCEO & Founder

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<h4>Colors</h4>

<div class="row">
    <div class="col-md-6">
        <div class="testimonial testimonial-primary">
            <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <div class="testimonial-author-thumbnail img-thumbnail">
                    <img src="img/clients/client-1.jpg" alt="">
                </div>
                <p><strong>John Smith</strong><span>CEO & Founder - lorem</span></p>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="testimonial testimonial-secondary">
            <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <div class="testimonial-author-thumbnail img-thumbnail">
                    <img src="img/clients/client-1.jpg" alt="">
                </div>
                <p><strong>John Smith</strong><span>CEO & Founder</span></p>
            </div>
        </div>
    </div>
</div>

<div class="row mt-xlg">
    <div class="col-md-6">
        <div class="testimonial testimonial-tertiary">
            <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <div class="testimonial-author-thumbnail img-thumbnail">
                    <img src="img/clients/client-1.jpg" alt="">
                </div>
                <p><strong>John Smith</strong><span>CEO & Founder</span></p>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="testimonial testimonial-quaternary">
            <blockquote>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <div class="testimonial-author-thumbnail img-thumbnail">
                    <img src="img/clients/client-1.jpg" alt="">
                </div>
                <p><strong>John Smith</strong><span>CEO & Founder</span></p>
            </div>
        </div>
    </div>
</div>

Carousels

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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<h4>Carousels</h4>

<div class="row">
    <div class="col-md-6">
        <div class="owl-carousel mb-none" data-plugin-options='{"items": 1}'>
            <div>
                <div class="col-md-12">
                    <div class="testimonial testimonial-primary">
                        <blockquote>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.  Donec hendrerit vehicula est, in consequat.  Donec hendrerit vehicula est, in consequat.</p>
                        </blockquote>
                        <div class="testimonial-arrow-down"></div>
                        <div class="testimonial-author">
                            <div class="testimonial-author-thumbnail img-thumbnail">
                                <img src="img/clients/client-1.jpg" alt="">
                            </div>
                            <p><strong>John Smith</strong><span>CEO & Founder</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="col-md-12">
                    <div class="testimonial testimonial-primary">
                        <blockquote>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.</p>
                        </blockquote>
                        <div class="testimonial-arrow-down"></div>
                        <div class="testimonial-author">
                            <div class="testimonial-author-thumbnail img-thumbnail">
                                <img src="img/clients/client-1.jpg" alt="">
                            </div>
                            <p><strong>John Smith</strong><span>CEO & Founder</span></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="owl-carousel" data-plugin-options='{"items": 1, "autoplay": true, "autoplayTimeout": 3000}'>
            <div>
                <div class="col-md-12">
                    <div class="testimonial testimonial-style-2">
                        <blockquote>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat.  Donec hendrerit vehicula est, in consequat.  Donec hendrerit vehicula est, in consequat.</p>
                        </blockquote>
                        <div class="testimonial-arrow-down"></div>
                        <div class="testimonial-author">
                            <img src="img/clients/client-1.jpg" class="img-responsive img-circle" alt="">
                            <p><strong>John Smith</strong><span>CEO & Founder</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <div class="col-md-12">
                    <div class="testimonial testimonial-style-2">
                        <blockquote>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est, in consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                        </blockquote>
                        <div class="testimonial-arrow-down"></div>
                        <div class="testimonial-author">
                            <img src="img/clients/client-1.jpg" class="img-responsive img-circle" alt="">
                            <p><strong>John Smith</strong><span>CEO & Founder</span></p>
                        </div>
                    </div>
                </div>
            </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
<section class="parallax section section-text-light section-parallax section-center mt-none mb-none" data-stellar-background-ratio="0.5" style="background-image: url(/img/parallax-image.jpg);">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <div class="owl-carousel nav-bottom rounded-nav" data-plugin-options='{"items": 1, "loop": false}'>
                    <div>
                        <div class="col-md-12">
                            <div class="testimonial testimonial-style-2 testimonial-with-quotes mb-none">
                                <div class="testimonial-author">
                                    <img src="/img/clients/client-1.jpg" class="img-responsive img-circle" alt="">
                                </div>
                                <blockquote>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce ante tellus, convallis non consectetur sed, pharetra nec ex.</p>
                                </blockquote>
                                <div class="testimonial-author">
                                    <p><strong>John Smith</strong><span>CEO & Founder</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="col-md-12">
                            <div class="testimonial testimonial-style-2 testimonial-with-quotes mb-none">
                                <div class="testimonial-author">
                                    <img src="/img/clients/client-1.jpg" class="img-responsive img-circle" alt="">
                                </div>
                                <blockquote>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </blockquote>
                                <div class="testimonial-author">
                                    <p><strong>John Smith</strong><span>CEO & Founder</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes"

John SmithCEO & Founder

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes"

John SmithCEO & Founder

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes"

John SmithCEO & Founder

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
<div class="row mb-xlg">
    <div class="col-md-4">
        <div class="testimonial testimonial-style-5">
            <blockquote>
                <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes"</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <p><strong>John Smith</strong><span>CEO & Founder</span></p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="testimonial testimonial-style-5">
            <blockquote>
                <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes"</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <p><strong>John Smith</strong><span>CEO & Founder</span></p>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="testimonial testimonial-style-5">
            <blockquote>
                <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes"</p>
            </blockquote>
            <div class="testimonial-arrow-down"></div>
            <div class="testimonial-author">
                <p><strong>John Smith</strong><span>CEO & Founder</span></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
<section class="section section-default">
    <div class="container">
        <div class="row">
            <div class="col-md-10 col-md-offset-1">
                <div class="owl-carousel nav-bottom rounded-nav mb-none" data-plugin-options="{'items': 1, 'autoHeight': true, 'loop': false, 'nav': true, 'dots': false}">
                    <div>
                        <div class="col-md-12">
                            <div class="testimonial testimonial-style-5 testimonial-with-quotes mb-none">
                                <blockquote>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce ante tellus, convallis non consectetur sed, pharetra nec ex. Aliquam et tortor nisi. Duis mollis diam nec elit volutpat suscipit.</p>
                                </blockquote>
                                <div class="testimonial-arrow-down"></div>
                                <div class="testimonial-author">
                                    <p><strong>John Smith</strong><span>CEO &amp; Founder</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <div class="col-md-12">
                            <div class="testimonial testimonial-style-5 testimonial-with-quotes mb-none">
                                <blockquote>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget risus porta, tincidunt turpis at, interdum tortor. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                </blockquote>
                                <div class="testimonial-arrow-down"></div>
                                <div class="testimonial-author">
                                    <p><strong>John Smith</strong><span>CEO &amp; Founder</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Parallax