<?php include 'header.php';?>

<style>
.print-tab ul.roomacc {
    width: 25%;
}
.mt-50 {
        margin-top: 40px;
}
.commonbanner {
    background: url(./images/banner/gallary.webp);
    margin-left: auto;
    margin-right: auto;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
}
.center {
    text-align: justify;
    font-size: 38px;
}
.breadcrumb {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    font-weight: 400;
}
.brdcrumbwht.active {
    color: #000;
    z-index: 9;
}
.page-title-heading p {
    text-align: left;
    width: 56%;
    /*color: #193778;*/
}
.ttm-page-title-row-inner {
    padding: 73px 0px 61px;
}
</style>


        
        <div class="ttm-page-title-row commonbanner">
            <div class="ttm-page-title-row-inner ttm-bgcolor-darkgrey">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-12">
                            <div class="page-title-heading">
                                 <h3 class="center" style="z-index: 999;position: relative;color:#193778;"><span style="color:#193778;"> Gallery</span></h3>
                                 <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 1500.</p>
                            </div>
                            <ol class="breadcrumb mb-0">
                                <li class="breadcrumb-item bditm"><a href="#"> <i class="fas fa-home" style="color: #000;"></i> </a></li>
                                <li class="breadcrumb-item brdcrumbwht"> <i class="fas fa-chevron-right"></i> Media & Blogs</li>
                                <li class="breadcrumb-item brdcrumbwht active"> <i class="fas fa-chevron-right"></i> Gallery</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>                    
        </div>
        
        



<section class="pt-100">
            
            <div class="container">
                <div class="wrapper">
                    <div class="print-tab" data-tab-id="1">
                        <ul class="print-tab-menu roomacc">
                            <li data-tab-menu="Gallery"><a>Gallery</a></li>
                            <li data-tab-menu="Videos"><a>Videos</a></li>
                        </ul>
                        
                        <hr class="dotted-hr1">
                        
                        
                        <div class="print-tab-content bulletli">
                            <div data-tab-content="Gallery" class="wph4">
                                <div class="row mt-50">
                                    <div class="col-md-3 galleryp">
                                        <a href="gallery-detail.php">
                                            <div class="gallerbox">
                                                <img src="images/suit-01.webp" class="img100">
                                                <p>Lorem Ipsum</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-3 galleryp">
                                        <a href="#">
                                            <div class="gallerbox">
                                                <img src="images/suit-02.webp" class="img100">
                                                <p>Lorem Ipsum</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-3 galleryp">
                                        <a href="#">
                                            <div class="gallerbox">
                                                <img src="images/suit-03.webp" class="img100">
                                                <p>Lorem Ipsum</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-3 galleryp">
                                        <a href="#">
                                            <div class="gallerbox">
                                                <img src="images/suit-01.webp" class="img100">
                                                <p>Lorem Ipsum</p>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-3 galleryp">
                                        <a href="#">
                                            <div class="gallerbox">
                                                <img src="images/suit-02.webp" class="img100">
                                                <p>Lorem Ipsum</p>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                                
                            </div>
                            
                            <div data-tab-content="Videos" class="wph4">
                                <div class="row mt-50">
                                    <div class="col-md-3 iframerds">
                                        <iframe width="100%" height="200" src="https://www.youtube.com/embed/yVaBn9fL8-s?si=TgEDZtSLYUaIf1Ae" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                    </div>
                                    <div class="col-md-3 iframerds">
                                        <iframe width="100%" height="200" src="https://www.youtube.com/embed/yVaBn9fL8-s?si=TgEDZtSLYUaIf1Ae" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                    </div>
                                    <div class="col-md-3 iframerds">
                                        <iframe width="100%" height="200" src="https://www.youtube.com/embed/yVaBn9fL8-s?si=TgEDZtSLYUaIf1Ae" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                                    </div>
                                </div>
                            </div>
                            
                            

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


</section>




    
    
    
  

<?php include 'footer.php';?>
