<div class="component-section bg-gray">
    <div class="container">
        <div class="row justify-content-center text-center">
            <div class="col-md-8">
                <!--Testimonial-->
                <div class="owl-carousel owl-theme dot-style-1 nav-circle-solid-light" data-items="[1,1]" data-margin="30" data-autoplay="true" data-loop="true" data-dots="true" data-nav="true">

                    <div class="item px-md-5 px-0">
                        <div class="border-bottom mb-md-5 mb-3">
                            <img class=" w-50 d-inline-block" src="assets/img/testimonial/a-1.png" alt="">
                        </div>
                        <div class="mb-md-5 mb-3">
                            <span class="h5">Ann Hogan</span> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                            <p class="text-muted">Communication Director, vectorlab</p>
                        </div>
                        <p>“Here I focus on a range of items and features that we use in life without giving them a second thought such a cocacola”</p>
                    </div>
                    <div class="item px-md-5 px-0">
                        <div class="border-bottom mb-md-5 mb-3">
                            <img class=" w-50 d-inline-block" src="assets/img/testimonial/a-2.png" alt="">
                        </div>
                        <div class="mb-md-5 mb-3">
                            <span class="h5">Jonathan Smith</span> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                            <p class="text-muted">Vice Chairman, vectorlab</p>
                        </div>
                        <p>“Here I focus on a range of items and features that we use in life without giving them a second thought such a cocacola”</p>
                    </div>
                    <div class="item px-md-5 px-0">
                        <div class="border-bottom mb-md-5 mb-3">
                            <img class=" w-50 d-inline-block" src="assets/img/testimonial/a-3.png" alt="">
                        </div>
                        <div class="mb-md-5 mb-3">
                            <span class="h5">Thomas johnson</span> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                            <p class="text-muted">Executive Director, vectorlab</p>
                        </div>
                        <p>“Here I focus on a range of items and features that we use in life without giving them a second thought such a cocacola”</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="component-section pb-md-0 bg-gray">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12">
                <!--Testimonial-->
                <div class="owl-carousel owl-theme custom-testimonial" data-items="[1,1]" data-autoplay="true" data-loop="true" data-autoheight="true" data-margin="30" data-nav="true">
                    <div class="item">
                        <div class="row align-items-center">
                            <div class="col-md-4">
                                <h2 class="mb-4">Our Client always speaks for us</h2>
                                <p class="text-muted">Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.</p>
                            </div>
                            <div class="col-md-4">
                                <img src="assets/img/testimonial/b1.png" alt="">
                            </div>
                            <div class="col-md-4">
                                <div class="card mb-md-0 mb-3">
                                    <div class="card-body p-lg-5 p-3">
                                        <p class="font-lora text-muted mb-4">Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums.</p>
                                        <strong class="">Dean Spinato</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                                        <p class="text-muted mb-0">CEO, Vectorlab</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="row align-items-center">
                            <div class="col-md-4">
                                <h2 class="mb-4">Our Client always speaks for us</h2>
                                <p class="text-muted">Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.</p>
                            </div>
                            <div class="col-md-4">
                                <img src="assets/img/testimonial/b2.png" alt="">
                            </div>
                            <div class="col-md-4">
                                <div class="card mb-md-0 mb-3">
                                    <div class="card-body p-lg-5 p-3">
                                        <p class="font-lora text-muted mb-4">Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums.</p>
                                        <strong class="">Jane Doe</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                                        <p class="text-muted mb-0">CTO, Vectorlab</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="row align-items-center">
                            <div class="col-md-4">
                                <h2 class="mb-4">Our Client always speaks for us</h2>
                                <p class="text-muted">Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.</p>
                            </div>
                            <div class="col-md-4">
                                <img src="assets/img/testimonial/b3.png" alt="">
                            </div>
                            <div class="col-md-4">
                                <div class="card mb-md-0 mb-3">
                                    <div class="card-body p-lg-5 p-3">
                                        <p class="font-lora text-muted mb-4">Vitaes tharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums.</p>
                                        <strong class="">Nafisa Sabrin </strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                                        <p class="text-muted mb-0">COO, Vectorlab</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="component-section bg-gray">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <!--Testimonial-->
                <div class="owl-carousel owl-theme dot-style-1" data-items="[3,2]" data-margin="30" data-autoplay="true" data-loop="true" data-dots="true">
                    <div class="item">
                        <div class="card border-0 mb-md-0 mb-3">
                            <div class="card-body p-md-5">
                                <p class="font-lora mb-5">Here I focus on a range of items and features that we use in life without giving them a second thought</p>
                                <div class="d-flex align-items-center">
                                    <img class="avatar-sm rounded-circle mr-3" src="assets/img/avatar1.jpg" alt="Jonathan Smith">
                                    <div>
                                        <strong class="text-primary">Jonathan Smith</strong>
                                        <p class="font-size-14 mb-0">CEO, vectorlab</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="card border-0 mb-md-0 mb-3">
                            <div class="card-body p-md-5 bg-primary rounded text-white">
                                <p class="font-lora mb-5">Here I focus on a range of items and features that we use in life without giving them a second thought</p>
                                <div class="d-flex align-items-center">
                                    <img class="avatar-sm rounded-circle mr-3" src="assets/img/avatar1.jpg" alt="Jonathan Smith">
                                    <div>
                                        <strong class="">Juliana Lane</strong>
                                        <p class="font-size-14 mb-0">CTO, vectorlab</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="card border-0 mb-md-0 mb-3">
                            <div class="card-body p-md-5">
                                <p class="font-lora mb-5">Here I focus on a range of items and features that we use in life without giving them a second thought</p>
                                <div class="d-flex align-items-center">
                                    <img class="avatar-sm rounded-circle mr-3" src="assets/img/avatar1.jpg" alt="Jonathan Smith">
                                    <div>
                                        <strong class="text-primary">Sharron Berry</strong>
                                        <p class="font-size-14 mb-0">CMO, vectorlab</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="card border-0 mb-md-0 mb-3">
                            <div class="card-body p-md-5 bg-primary rounded text-white">
                                <p class="font-lora mb-5">Here I focus on a range of items and features that we use in life without giving them a second thought</p>
                                <div class="d-flex align-items-center">
                                    <img class="avatar-sm rounded-circle mr-3" src="assets/img/avatar1.jpg" alt="Jonathan Smith">
                                    <div>
                                        <strong class="">Jonathan Smith</strong>
                                        <p class="font-size-14 mb-0">CTO, vectorlab</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<div class="component-section bg-gray">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <!--Testimonial-->
                <div class="owl-carousel owl-theme dot-style-1" data-items="[2,2]" data-margin="30" data-loop="true" data-dots="true">
                    <div class="item">
                        <div class="card border-0 mb-md-0 mb-3 text-center">
                            <div class="card-body p-md-5">
                                <img class="avatar-md rounded-circle mb-3 d-inline-block" src="assets/img/avatar1.jpg" alt="Jonathan Smith">
                                <p class="font-lora mb-4">Here I focus on a range of items and features that we use in life without giving them a second thought</p>
                                <strong class="text-primary">Jonathan Smith</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                                <p class="font-size-14 mb-0">CEO, vectorlab</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="card border-0 mb-md-0 mb-3 text-center">
                            <div class="card-body p-md-5">
                                <img class="avatar-md rounded-circle mb-3 d-inline-block" src="assets/img/avatar1.jpg" alt="Jonathan Smith">
                                <p class="font-lora mb-4">Here I focus on a range of items and features that we use in life without giving them a second thought</p>
                                <strong class="text-primary">Jonathan Smith</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                                <p class="font-size-14 mb-0">CEO, vectorlab</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="card border-0 mb-md-0 mb-3 text-center">
                            <div class="card-body p-md-5">
                                <img class="avatar-md rounded-circle mb-3 d-inline-block" src="assets/img/avatar1.jpg" alt="Jonathan Smith">
                                <p class="font-lora mb-4">Here I focus on a range of items and features that we use in life without giving them a second thought</p>
                                <strong class="text-primary">Jonathan Smith</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                                <p class="font-size-14 mb-0">CEO, vectorlab</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="card border-0 mb-md-0 mb-3 text-center">
                            <div class="card-body p-md-5">
                                <img class="avatar-md rounded-circle mb-3 d-inline-block" src="assets/img/avatar1.jpg" alt="Jonathan Smith">
                                <p class="font-lora mb-4">Here I focus on a range of items and features that we use in life without giving them a second thought</p>
                                <strong class="text-primary">Jonathan Smith</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                                <p class="font-size-14 mb-0">CEO, vectorlab</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="component-section bg-gray">
    <div class="container">
        <div class="row justify-content-md-center text-center">
            <div class="col-md-8 ">
                <div class="card p-md-5">
                    <div class="card-body">
                        <!--Testimonial-->
                        <div class="owl-carousel owl-theme dot-style-1" data-items="[1,1]" data-margin="30" data-autoplay="true" data-loop="true" data-dots="true">
                            <div class="item">
                                <img class="avatar-md rounded-circle mb-3 d-inline-block" src="assets/img/avatar1.jpg" alt="Jonathan Smith">
                                <p class="font-lora mb-4">Here I focus on a range of items and features that we use in life without giving them a second thought</p>
                                <strong class="text-primary">Jonathan Smith</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                                <p class="font-size-14 mb-0">CEO, vectorlab</p>
                            </div>
                            <div class="item">
                                <img class="avatar-md rounded-circle mb-3 d-inline-block" src="assets/img/avatar1.jpg" alt="Jonathan Smith">
                                <p class="font-lora mb-4">Here I focus on a range of items and features that we use in life without giving them a second thought</p>
                                <strong class="text-primary">Juliana Lane</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                                <p class="font-size-14 mb-0">CTO, vectorlab</p>
                            </div>
                            <div class="item">
                                <img class="avatar-md rounded-circle mb-3 d-inline-block" src="assets/img/avatar1.jpg" alt="Jonathan Smith">
                                <p class="font-lora mb-4">Lid est laborum dolo rumes fugats untras. Etharums ser quidem rerum facilis dolores nemis omnis fugats vitaes nemo minima rerums unsers sadips amets.</p>
                                <strong class="text-primary">Jane Doe</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                                <p class="font-size-14 mb-0">CMO, vectorlab</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="component-section bg-gray">
    <div class="container">
        <div class="row justify-content-md-center">
            <div class="col-md-10">
                <!--Testimonial-->
                <div class="owl-carousel owl-theme dot-style-1 nav-circle" data-items="[1,1]" data-margin="30" data-nav="true" data-autoplay="true" data-autoheight="true" data-loop="true" data-dots="true">
                    <div class="item row">
                        <div class="col-md-3 text-md-center">
                            <img class="avatar-lg rounded-circle mb-3 d-inline-block" src="assets/img/team/t-1.jpg" alt="Jonathan Smith">
                        </div>
                        <div class="col-md-9">
                            <h5 class="font-lora font-weight-normal mb-4">This components based blocks are ready to use as well as customize easily in any template instantly. Just copy the code and paste. Simple</h5>
                            <div class="border-left mb-3">  </div>
                            <strong class="text-primary">Jonathan Smith</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                            <p class="font-size-14 mb-0">CEO, vectorlab</p>
                        </div>
                    </div>
                    <div class="item row">
                        <div class="col-md-3 text-md-center">
                            <img class="avatar-lg rounded-circle mb-3 d-inline-block" src="assets/img/team/t-2.jpg" alt="Jonathan Smith">
                        </div>
                        <div class="col-md-9">
                            <h5 class="font-lora font-weight-normal mb-4">Here I focus on a range of items and features that we use in life without giving them a second thought</h5>
                            <div class="border-left mb-3">  </div>
                            <strong class="text-primary">Thomas Johnson</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                            <p class="font-size-14 mb-0">CEO, vectorlab</p>
                        </div>
                    </div>
                    <div class="item row">
                        <div class="col-md-3 text-md-center">
                            <img class="avatar-lg rounded-circle mb-3 d-inline-block" src="assets/img/team/t-3.jpg" alt="Jonathan Smith">
                        </div>
                        <div class="col-md-9">
                            <h5 class="font-lora font-weight-normal mb-4">Here I focus on a range of items and features that we use in life without giving them a second thought</h5>
                            <div class="border-left mb-3">  </div>
                            <strong class="text-primary">Sharron Berry</strong> <span class="badge badge-pill badge-primary mx-2">5 <i class="fas fa-star t-star-icon"></i></span>
                            <p class="font-size-14 mb-0">CEO, vectorlab</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>