<template>
   <!-- testimonial start -->
   <section class="section bg-light" id="testimonial">
            <b-container>
                <b-row class="justify-content-center mb-5">
                    <b-col md="8" lg="6" class="text-center">
                        <h6 class="subtitle">Our <span class="fw-bold">Testimonial</span></h6>
                        <h2 class="title">What Our Customers Say</h2>
                        <p class="text-muted">Sed ut perspiciatis unde omnis iste natus error voluptatem accusantium doloremque rem aperiam.</p>
                    </b-col>
                </b-row>

                <b-row class="justify-content-center">
                    <b-col lg="6" >
                        <div class="testimonial-box text-center">
                            <p class="text-muted mb-2">“Itaque earum us tenetur sapiente delectus asperiores repellat.”</p>
                            <h5 class="fs-18 fw-semibold lh-base mb-4 pb-3">
                                At vero eos et accusamus iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atqued corrupti as quos dolores quas molestias excepturi occaecati provident.
                            </h5>
                            <img src="../assets/images/users/user-1.jpg" alt="" class="shadow rounded-circle" width="70" />
                            <h5 class="fs-18 fw-semibold mt-4 mb-0">Mayra Vasquez</h5>
                            <p class="text-muted fs-14">Web Development, USA</p>
                        </div>
                    </b-col>
                </b-row>

                <b-row class="mt-md-5">
                    <b-col sm="6" md="3" >
                        <div class="text-center py-3">
                            <img src="../assets/images/brand-logo/dribbble.png" alt="" height="40" />
                        </div>
                    </b-col>
                    <b-col sm="6" md="3">
                        <div class="text-center py-3">
                            <img src="../assets/images/brand-logo/insta.png" alt="" height="40" />
                        </div>
                    </b-col>
                    <b-col sm="6" md="3">
                        <div class="text-center py-3">
                            <img src="../assets/images/brand-logo/bootstrap.png" alt="" height="40" />
                        </div>
                    </b-col>
                    <b-col sm="6" md="3">
                        <div class="text-center py-3">
                            <img src="../assets/images/brand-logo/jquery.png" alt="" height="40" />
                        </div>
                    </b-col>
                </b-row>
            </b-container>
        </section>
        <!-- testimonial end -->
</template>

<script lang="ts">
    export default {
        
    }
</script>

<style scoped>

</style>