Bootstrap4 Testimonial Slider Design - iamrohit.in

Adding testimonial on your website for your services is provide more authentic look to customer. Now a days lot’s of people has added client testimonial on our websites. If you want to also add testimonial on your website, then here I am going to share simple Bootstrap4 Testimonial Slider Design. It is auto sliding testimonial with client photo purely written in bootstrap 4 and CSS3, will look cool with bootstrap website.

HTML

="container">
        ="row">
            ="col-md-12">
                ="carousel slide" data-ride="carousel" id="quote-carousel">
                    -- Carousel Slides / Quotes -->
                    ="carousel-inner text-center">
                        -- Quote 1 -->
                        ="item active">
                            >
                                ="row">
                                    ="col-sm-8 col-sm-offset-2">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. !
                                        >Someone famous>
                                    >
                                >
                            >
                        >
                        -- Quote 2 -->
                        ="item">
                            >
                                ="row">
                                    ="col-sm-8 col-sm-offset-2">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 
                                        >Someone famous>
                                    >
                                >
                            >
                        >
                        -- Quote 3 -->
                        ="item">
                            >
                                ="row">
                                    ="col-sm-8 col-sm-offset-2">
                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. .
                                        >Someone famous>
                                    >
                                >
                            >
                        >
                    >
                    -- Bottom Carousel Indicators -->
                    ="carousel-indicators">
                        ="#quote-carousel" data-slide-to="0" class="active">="img-responsive " src="https://s3.amazonaws.com/uifaces/faces/twitter/mantia/128.jpg" alt="">
                        >
                        ="#quote-carousel" data-slide-to="1">="img-responsive" src="https://s3.amazonaws.com/uifaces/faces/twitter/adhamdannaway/128.jpg" alt="">
                        >
                        ="#quote-carousel" data-slide-to="2">="img-responsive" src="https://s3.amazonaws.com/uifaces/faces/twitter/brad_frost/128.jpg" alt="">
                        >
                    >
 
                    -- Carousel Buttons Next/Prev -->
                    ="prev" href="#quote-carousel" class="left carousel-control">="fa fa-chevron-left">>>
                    ="next" href="#quote-carousel" class="right carousel-control">="fa fa-chevron-right">>>
                >
            >
        >
        ="btn btn-primary" href="http://thecodeblock.com/create-a-quote-testimonial-slider-using-bootstrap-carousel">="fa fa-arrow-left">> Back to Article>
    
>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. !
Someone famous

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Someone famous

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. .
Someone famous