Testimonials Uikit only

Component with custom testimonials.

Denim you probably haven't heard of. Lorem ipsum dolor met consectetur adipisicing sit amet, consectetur adipisicing elit, of them jean shorts sed magna aliqua. Lorem ipsum dolor met.

Lina Mars Commercial Director

The code to generate the component is this:


        
            <div class="testimonials">
                <div class="active item">
                    <blockquote><p>Denim you probably havent heard of. Lorem ipsum dolor met consectetur adipisicing sit amet, consectetur adipisicing elit, of them jean shorts sed magna aliqua. Lorem ipsum dolor met.</p></blockquote>
                    <div class="info">
                        <img alt="" src="https://i.pravatar.cc/600?img=49" class="pull-left img-fluid">
                        <div class="pull-left">
                            <span class="name">Lina Mars</span>
                            <span class="post">Commercial Director</span>
                        </div>
                    </div>
                </div>
            </div>



            <div id="testimonials" class="carousel slide carousel-testimonials" data-ride="carousel">
                <div class="carousel-inner">
                    
                    <div class="carousel-item active">
                        <div class="testimonials">
                            <div class="active item">
                                <blockquote><p>Denim you probably haven't heard of. Lorem ipsum dolor met consectetur adipisicing sit amet, consectetur adipisicing elit, of them jean shorts sed magna aliqua. Lorem ipsum dolor met.</p></blockquote>
                                <div class="info">
                                    <img alt="" src="https://i.pravatar.cc/600?img=49" class="pull-left img-fluid">
                                    <div class="pull-left">
                                        <span class="name">Lina Mars</span>
                                        <span class="post">Commercial Director</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="carousel-item">
                        <div class="testimonials">
                            <div class="active item">
                                <blockquote><p>Denim you probably haven't heard of. Lorem ipsum dolor met consectetur adipisicing sit amet, consectetur adipisicing elit, of them jean shorts sed magna aliqua. Lorem ipsum dolor met.</p></blockquote>
                                <div class="info">
                                    <img alt="" src="https://i.pravatar.cc/600?img=49" class="pull-left img-fluid">
                                    <div class="pull-left">
                                        <span class="name">Luiza Cassiano</span>
                                        <span class="post">C# Programmer</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="carousel-item">
                        <div class="testimonials">
                            <div class="active item">
                                <blockquote><p>Denim you probably haven't heard of. Lorem ipsum dolor met consectetur adipisicing sit amet, consectetur adipisicing elit, of them jean shorts sed magna aliqua. Lorem ipsum dolor met.</p></blockquote>
                                <div class="info">
                                    <img alt="" src="https://i.pravatar.cc/600?img=49" class="pull-left img-fluid">
                                    <div class="pull-left">
                                        <span class="name">Mariana Martins</span>
                                        <span class="post">PHP Programmer</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>

                <a class="carousel-control-prev" href="#testimonials" role="button" data-slide="prev">
                    <i class="fas fa-chevron-left"></i>
                </a>
                <a class="carousel-control-next" href="#testimonials" role="button" data-slide="next">
                    <i class="fas fa-chevron-right"></i>
                </a>
            </div>