<!DOCTYPE html>
<html lang="en">
<head>
    {% include 'head.html' %}
</head>
<body>
    {% include 'nav.html' %}
    <div class="smooth-scroll">
        <div class="banner" id="banner">
            <div class="img-sec">
                <img src="/static/images/about_us.jpg" alt="" width="100%" id="farmhouse_img">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <div class="banner-content" id="banner-content">
                                <h2>Testimonials</h2>
                            </div>
                        </div>
                    </div>
                </div>
                    <img src="/static/images/banner/smoke_1.png" alt="" width="100%" class="smoke">
                    <!-- <img src="/static/images/smoke.gif" alt="" width="100%" class="smoke_gif"> -->
                    <!-- <video><source src="/static/images/smoke_new.gif" type="video/mp4"></video> -->  
            </div>
        </div>
        <section class="blog_bg py-5">
            <div class="container">
                <div class="row">
                    <div class="col-xl-11 col-lg-12 col-md-12 mx-auto">
                        <div class="testimonials-tab">
                            <ul class="nav nav-tabs mb-4" id="myTab" role="tablist">
                                <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="testimonials-tab" data-bs-toggle="tab" data-bs-target="#testimonials" type="button" role="tab" aria-controls="testimonials" aria-selected="true">Testimonials</button>
                                </li>
                                <li class="nav-item" role="presentation">
                                <button class="nav-link" id="video-testimonials-tab" data-bs-toggle="tab" data-bs-target="#video-testimonials" type="button" role="tab" aria-controls="video-testimonials" aria-selected="false">Video Testimonials</button>
                                </li>
                                <!-- <li class="nav-item" role="presentation">
                                <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Contact</button>
                                </li> -->
                            </ul>
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="testimonials" role="tabpanel" aria-labelledby="testimonials-tab">
                                    <div class="row">
                                        <div class="col-xl-6 col-lg-6 mb-3">
                                            <div class="testimonials-content">
                                                <div class="row">
                                                    <div class="col-12 col-lg-5 col-md-5 col-xs-12">
                                                        <div class="testimonials-img mb-2">
                                                            <img src="/static/images/client-2.jpg" alt="" width="100%">
                                                            <div class="client-info">
                                                                <h4>Mayur D'Souza</h4>
                                                                <span>Indian Cricket player</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-lg-7 col-md-7 col-xs-12">
                                                        <div class="content about-content">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 mb-3">
                                            <div class="testimonials-content">
                                                <div class="row">
                                                    <div class="col-12 col-lg-5 col-md-5 col-xs-12">
                                                        <div class="testimonials-img mb-2">
                                                            <img src="/static/images/client-3.jpg" alt="" width="100%">
                                                            <div class="client-info">
                                                                <h4>Mayur D'Souza</h4>
                                                                <span>Indian Cricket player</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-lg-7 col-md-7 col-xs-12">
                                                        <div class="content about-content">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 mb-3">
                                            <div class="testimonials-content">
                                                <div class="row">
                                                    <div class="col-12 col-lg-5 col-md-5 col-xs-12">
                                                        <div class="testimonials-img mb-2">
                                                            <img src="/static/images/client-1.jpg" alt="" width="100%">
                                                            <div class="client-info">
                                                                <h4>Mayur D'Souza</h4>
                                                                <span>Indian Cricket player</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-lg-7 col-md-7 col-xs-12">
                                                        <div class="content about-content">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6 mb-3">
                                            <div class="testimonials-content">
                                                <div class="row">
                                                    <div class="col-12 col-lg-5 col-md-5 col-xs-12">
                                                        <div class="testimonials-img mb-2">
                                                            <img src="/static/images/client-2.jpg" alt="" width="100%">
                                                            <div class="client-info">
                                                                <h4>Mayur D'Souza</h4>
                                                                <span>Indian Cricket player</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-lg-7 col-md-7 col-xs-12">
                                                        <div class="content about-content">
                                                            <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="video-testimonials" role="tabpanel" aria-labelledby="video-testimonials-tab">
                                    <div class="row">
                                        <div class="col-xl-6 col-lg-6 mb-3">
                                            <!-- <div class="testimonials-content"> -->
                                                <iframe width="100%" height="400" scrolling="auto" src="https://www.youtube.com/embed/xsuEd9xpCfM?si=4s6Jb7-Ttt0Uu4PI" title="YouTube video player" frameborder="0" allow="" allowfullscreen></iframe>
                                            <!-- </div> -->
                                        </div>
                                        <div class="col-xl-6 col-lg-6 mb-3">
                                            <!-- <div class="testimonials-content"> -->
                                                <iframe width="100%" height="400" scrolling="auto" src="https://www.youtube.com/embed/xsuEd9xpCfM?si=4s6Jb7-Ttt0Uu4PI" title="YouTube video player" frameborder="0" allow="" allowfullscreen></iframe>
                                            <!-- </div> -->
                                        </div>
                                        <div class="col-xl-6 col-lg-6 mb-3">
                                            <!-- <div class="testimonials-content"> -->
                                                <iframe width="100%" height="400" scrolling="auto" src="https://www.youtube.com/embed/xsuEd9xpCfM?si=4s6Jb7-Ttt0Uu4PI" title="YouTube video player" frameborder="0" allow="" allowfullscreen></iframe>
                                            <!-- </div> -->
                                        </div>
                                        <div class="col-xl-6 col-lg-6 mb-3">
                                            <!-- <div class="testimonials-content"> -->
                                                <iframe width="100%" height="400" scrolling="auto" src="https://www.youtube.com/embed/xsuEd9xpCfM?si=4s6Jb7-Ttt0Uu4PI" title="YouTube video player" frameborder="0" allow="" allowfullscreen></iframe>
                                            <!-- </div> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                    </div>
                </div>
            </div>
        </section>
        
        {% include 'footer.html' %}
    </div>
    {% include 'script.html' %}
    <script src="/static/js/home.js"></script>
</body>
</html>