{% extends 'front/header.html'%}
{% block content %}
{% load static %} 


<link rel="stylesheet" type="text/css" href="{%static 'css/plugins.css'%}">
<!-- Slick Slider JS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha256-UhQQ4fxEeABh4JrcmAJ1+16id/1dnlOEVCFOxDef9Lw=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha256-kksNxjDRxd/5+jGurZUJd1sdR2v+ClrCl3svESBaJqw=" crossorigin="anonymous" />
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
	
	.occasions{
		background: white;
		color: black;
		padding: 13px;

	}
	.block-21 {
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    display: block;
    width: 540px;
    height: 270px;
}
#more {display: none;}

img {
  vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.container {
  position: relative;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
  float: left;
  width: 46%;
  margin: 4px;
  
}

/* Add a transparency effect for thumnbail images */

.active,
.demo:hover {
  opacity: 1;
}

</style>

<style>


    /*=================slider=================*/
/* Slider */



/*.owl-carousel .owl-item  {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin-left: 15%;
}
*/.section-padding {
    padding: 10px 0;
}
.brand-carousel {
    
    margin: 0;
}
.owl-dots {
    text-align: center;
    margin-top: 40px;
}
.owl-dot {
    display: inline-block;
    height: 15px !important;
    width: 15px !important;
    background-color: #444 !important;
    opacity: 0.8;
    border-radius: 50%;
    margin: 0 5px;
}
.owl-dot.active {
    background-color: black !important;
}



@media screen and (max-width: 767px){
.owl-carousel .owl-item img {
    display: block;
    width: 70%;
   
}
.box{
    margin:20px;
}
</style>

<section class="ftco-section mb-80">
<div class="container">
<div class="row justify-content-center mb-5 pb-3">
<div class="col-md-12 heading-section ftco-animate text-center">
<h2 class="mb-3">We Specialize In Multi-Cuisine Catering Experience</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas vitae scel<span id="dots">...</span><span id="more">erisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac. In at libero sed nunc venenatis imperdiet sed ornare turpis. Donec vitae dui eget tellus gravida venenatis. Integer fringilla congue eros non fermentum. Sed dapibus pulvinar nibh tempor porta.</span></p>
<button onclick="myFunction()" id="myBtn">Read more</button>


</div>

</div>

</div>
</section>

 
<div class="heading-section ftco-animate st2">
  <h2 class="text-capitalize">Types of Wedding Menu</h2>
</div>

<div class="row" style="margin-left: 10%; margin-right: 10%;">
<div class="brand-carousel owl-carousel">
  <div class="ftco-animate">
<div class="services-wrap">
<div class="text">
<!-- <p><img src="images/menu1.jpg"></p>-->
<h3 class="cap">Wedding Non Veg Menu</h3>
<p>Pax : 100-300</p>
<p class="price">Price :  <span>₹ 1650/PP + Taxes</span></p>
<p class="price"><a href="#"  class="mt-3 btn btn-white btn-outline-white" >View</a></p>
</div>
</div>
</div>
<div class="ftco-animate">
<div class="services-wrap">
<div class="text">
<!-- <p><img src="images/menu1.jpg"></p>-->
<h3 class="cap">Wedding Non Veg Menu</h3>
<p>Pax : 100-300</p>
<p class="price">Price :  <span>₹ 1650/PP + Taxes</span></p>
<p class="price"><a href="https://www.getyourmenu.in/wedding?function_name=wedding&capacity=100-300&veg_nonveg=non-veg&PricePerPlate=1650&menu_name=weddingnon-veg-menu"  class="mt-3 btn btn-white btn-outline-white" >View</a></p>
</div>
</div>
</div>
<div class="ftco-animate">
<div class="services-wrap">
<div class="text">
<!-- <p><img src="images/menu1.jpg"></p>-->
<h3 class="cap">Wedding Non Veg Menu</h3>
<p>Pax : 100-300</p>
<p class="price">Price :  <span>₹ 1650/PP + Taxes</span></p>
<p class="price"><a href="#"  class="mt-3 btn btn-white btn-outline-white" >View</a></p>
</div>
</div>
</div>
<div class="ftco-animate">
<div class="services-wrap">
<div class="text">
<!-- <p><img src="images/menu1.jpg"></p>-->
<h3 class="cap">Wedding Non Veg Menu</h3>
<p>Pax : 100-300</p>
<p class="price">Price :  <span>₹ 1650/PP + Taxes</span></p>
<p class="price"><a href="https://www.getyourmenu.in/wedding?function_name=wedding&capacity=100-300&veg_nonveg=non-veg&PricePerPlate=1650&menu_name=weddingnon-veg-menu"  class="mt-3 btn btn-white btn-outline-white" >View</a></p>
</div>
</div>
</div>
<div class="ftco-animate">
<div class="services-wrap">
<div class="text">
<!-- <p><img src="images/menu1.jpg"></p>-->
<h3 class="cap">Wedding Non Veg Menu</h3>
<p>Pax : 100-300</p>
<p class="price">Price :  <span>₹ 1650/PP + Taxes</span></p>
<p class="price"><a href="https://www.getyourmenu.in/wedding?function_name=wedding&capacity=100-300&veg_nonveg=non-veg&PricePerPlate=1650&menu_name=weddingnon-veg-menu"  class="mt-3 btn btn-white btn-outline-white" >View</a></p>
</div>
</div>
</div>
<div class="ftco-animate">
<div class="services-wrap">
<div class="text">
<!-- <p><img src="images/menu1.jpg"></p>-->
<h3 class="cap">Wedding Non Veg Menu</h3>
<p>Pax : 100-300</p>
<p class="price">Price :  <span>₹ 1650/PP + Taxes</span></p>
<p class="price"><a href="https://www.getyourmenu.in/wedding?function_name=wedding&capacity=100-300&veg_nonveg=non-veg&PricePerPlate=1650&menu_name=weddingnon-veg-menu"  class="mt-3 btn btn-white btn-outline-white" >View</a></p>
</div>
</div>
</div>
</div>
</div>





<section class="ftco-section">
     <div class="container">
        <div class="row justify-content-center pb-3">
          <div class="col-md-12 heading-section ftco-animate text-center">
            <h2 class="mb-3">Gallery</h2>
            </div>
        </div>
    </div>

<div class="container">
 <div class="row">
   <div class="col-sm-8" >
 
    <!-- Bottom switcher of slider -->
        <div class="coll-lgg-33">

        <div class="mySlides">
    <div class="numbertext">1 / 6</div>
    <img src="{%static 'images/uploads/occasiongallery/1576152570_1.jpg'%}" style="width:100%">
  </div>

  <div class="mySlides">
    <div class="numbertext">2 / 6</div>
    <img src="{%static 'images/uploads/occasiongallery/1576152570_2.jpg'%}" style="width:100%">
  </div>

  <div class="mySlides">
    <div class="numbertext">3 / 6</div>
    <img src="{%static 'images/uploads/occasiongallery/1576152570_3.jpg'%}" style="width:100%">
  </div>
    
  <div class="mySlides">
    <div class="numbertext">4 / 6</div>
    <img src="{%static 'images/uploads/occasiongallery/1576152570_4.jpg'%}" style="width:100%">
  </div> 
  
  <div class="mySlides">
    <div class="numbertext">5 / 6</div>
    <img src="{%static 'images/uploads/occasiongallery/1576152570_5.jpg'%}" style="width:100%">
  </div> 
  
<a class="prev" onclick="plusSlides(-1)">❮</a>
  <a class="next" onclick="plusSlides(1)">❯</a>

</div>
</div>

<div class="col-sm-4" >

  
<div >
  <div class="row" style="overflow-y:scroll;position: relative; height: 450px;background: white;">
    <div class="column">
      <img class="demo cursor" src="{%static 'images/uploads/occasiongallery/1576152570_1.jpg'%}" style="width:100%" onclick="currentSlide(1)" alt="The Woods">
  </div>

    <div class="column">
      <img class="demo cursor" src="{%static 'images/uploads/occasiongallery/1576152570_2.jpg'%}" style="width:100%" onclick="currentSlide(2)" alt="Cinque Terre">
  </div>
  <div class="column">
      <img class="demo cursor" src="{%static 'images/uploads/occasiongallery/1576152570_3.jpg'%}" style="width:100%" onclick="currentSlide(3)" alt="The Woods">
  </div>

    <div class="column">
      <img class="demo cursor" src="{%static 'images/uploads/occasiongallery/1576152570_4.jpg'%}" style="width:100%" onclick="currentSlide(4)" alt="Cinque Terre">
  </div>
  <div class="column">
      <img class="demo cursor" src="{%static 'images/uploads/occasiongallery/1576152570_5.jpg'%}" style="width:100%" onclick="currentSlide(5)" alt="Cinque Terre">
  </div>
    
  </div>
</div>
</div>

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


</section>






<section class="ftco-section">
      <div class="container">
        <div class="row justify-content-center pb-3">
          <div class="col-md-12 heading-section ftco-animate text-center">
            <h2 class="mb-3">Why Choose Us</h2>
     </div>
        </div>
    <div class="row">

           <div class="col-md-6">

              <div class="whychose">

                  <div class="whychose-1"><img src="{%static 'images/bevrage/s1.png'%}" alt="Pugalia" title="Pugalia"></div>

                  <div class="whychose-2">

                      <h3>Unmatched Food Quality:</h3> 

                        <p>We carefully curate our menus keeping changing seasons, culinary trends, and client demands in mind.</p>

                    </div>

                </div>
</div>
                <div class="col-md-6">

                <div class="whychose">

                  <div class="whychose-1"><img src="{%static 'images/bevrage/s2.png'%}" alt="Pugalia" title="Pugalia"></div>

                  <div class="whychose-2">

                      <h3>Attractive Food Presentation:</h3> 

                        <p>We look forward to design and present the ultimate bespoke catering services for diverse events.</p>

                    </div>

                </div>
</div>
                
 <div class="col-md-6">
                <div class="whychose">

                  <div class="whychose-1"><img src="{%static 'images/bevrage/s3.png'%}" alt="Pugalia" title="Pugalia"></div>

                  <div class="whychose-2">

                      <h3>Perfect Cuisine Innovation:</h3> 

                        <p>We understand that stylish, delicious, and impressively presented food is absolute in a celebration.</p>

                    </div>

                </div>
 </div>
                <div class="col-md-6"> 

                <div class="whychose">

                  <div class="whychose-1"><img src="{%static 'images/bevrage/s4.png'%}" alt="Pugalia" title="Pugalia"></div>

                  <div class="whychose-2">

                      <h3>Customised Food Preparation:</h3> 

                        <p>We take the liberty of experimenting, innovating, and customizing the cuisines we serve as per your taste!</p>

                    </div>

                </div>
 </div>
                
<div class="col-md-6">
                <div class="whychose">

                  <div class="whychose-1"><img src="{%static 'images/bevrage/s5.png'%}" alt="Pugalia" title="Pugalia"></div>

                  <div class="whychose-2">

                      <h3>Courteous Service:</h3> 

                        <p>Our trained and highly professional staff will ensure you get the best-in-class services and flavors.</p>

                    </div>

                </div>
</div>
                
<div class="col-md-6">
                <div class="whychose">

                  <div class="whychose-1"><img src="{%static 'images/bevrage/s6.png'%}" title="Pugalia"></div>

                  <div class="whychose-2">

                      <h3>Wide Experience: :</h3> 

                        <p>We have expertise in all cuisines and bring you the best flavors and delicacies from the world.</p>

                    </div>

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

        </div>
    
 
</section>  



    

 

<section class="ftco-section faq">
<div class="container">
  <div class="row justify-content-center pb-3">
    <div class="col-md-12 heading-section ftco-animate text-center">
      <h2 class="mb-3">Frequently Asked Questions </h2>
</div>
</div>

<div id="ajax_table">
<div id="claim-accordion" class="collapse-icon accordion-icon-rotate">
<div class="card">
<div class="card-header" id="walletHeadingThree_1">
  <h5 class="mb-0">
    <a class="btn-link " data-toggle="collapse"  data-target="#walletCollapseThree_1" aria-expanded="true" aria-controls="walletCollapseThree_1">
        <span class="icon gradient-crypto"></span>
        Who is the best wedding caterer in Delhi/NCR?    </a>
  </h5>
</div>


<div id="walletCollapseThree_1" class="collapse show" data-parent="#claim-accordion" aria-labelledby="walletHeadingThree_1" data-parent="#wallet-accordion">
  <div class="card-body"><p><span style='font-weight: 400;'>GetYourMenu is the best wedding caterers in Delhi/NCR and has trained staff with years of experience. We promise hassle-free and high-quality catering experience.</span></p></div>
</div>
</div>
<div class="card">
<div class="card-header" id="walletHeadingThree_2">
  <h5 class="mb-0">
    <a class="btn-link collapsed" data-toggle="collapse"  data-target="#walletCollapseThree_2" aria-expanded="false" aria-controls="walletCollapseThree_2">
        <span class="icon gradient-crypto"></span>
        What does a wedding caterer provide?    </a>
  </h5>
</div>


<div id="walletCollapseThree_2" class="collapse " data-parent="#claim-accordion" aria-labelledby="walletHeadingThree_2" data-parent="#wallet-accordion">
  <div class="card-body"><p><span style='font-weight: 400;'>A wedding caterer provides full-fledged <a href='https://www.getyourmenu.in/' target='_blank' rel='noopener noreferrer'>catering services</a> with flawless arrangements and food displays. We also provide trained staff to serve your guests in style.</span></p></div>
</div>
</div>
<div class="card">
<div class="card-header" id="walletHeadingThree_3">
  <h5 class="mb-0">
    <a class="btn-link collapsed" data-toggle="collapse"  data-target="#walletCollapseThree_3" aria-expanded="false" aria-controls="walletCollapseThree_3">
        <span class="icon gradient-crypto"></span>
        What are some tips for choosing your wedding caterer?    </a>
  </h5>
</div>


<div id="walletCollapseThree_3" class="collapse " data-parent="#claim-accordion" aria-labelledby="walletHeadingThree_3" data-parent="#wallet-accordion">
  <div class="card-body"><p><span style='font-weight: 400;'>The best way to find the wedding caterer is to check their client reviews, feedbacks, and testimonials. This will help you understand the quality of services they provide to the clients. </span></p></div>
</div>
</div>
<div class="card">
<div class="card-header" id="walletHeadingThree_4">
  <h5 class="mb-0">
    <a class="btn-link collapsed" data-toggle="collapse"  data-target="#walletCollapseThree_4" aria-expanded="false" aria-controls="walletCollapseThree_4">
        <span class="icon gradient-crypto"></span>
        Are the caterers exclusive to certain events?    </a>
  </h5>
</div>


<div id="walletCollapseThree_4" class="collapse " data-parent="#claim-accordion" aria-labelledby="walletHeadingThree_4" data-parent="#wallet-accordion">
  <div class="card-body"><p><span style='font-weight: 400;'>Yes, you must pick the caterer as per the type of the event. You might also come across caterers that do catering service for particular events such as corporate meetings only. GYM provides catering for all events. &nbsp; </span></p></div>
</div>
</div>
</div>
</div>

<div id="ajax_table1">
<div id="claim-accordion" class="collapse-icon accordion-icon-rotate">
<div class="card">
<div class="card-header" id="walletHeadingThree_1">
  <h5 class="mb-0">
    <a class="btn-link " data-toggle="collapse" data-target="#walletCollapseThree_1" aria-expanded="true" aria-controls="walletCollapseThree_1">
        <span class="icon gradient-crypto"></span>
        Who is the best wedding caterer in Delhi/NCR?    </a>
  </h5>
</div>


<div data-parent="#claim-accordion" id="walletCollapseThree_1" class="collapse show" aria-labelledby="walletHeadingThree_1" data-parent="#wallet-accordion">
  <div class="card-body"><p><span style='font-weight: 400;'>GetYourMenu is the best wedding caterers in Delhi/NCR and has trained staff with years of experience. We promise hassle-free and high-quality catering experience.</span></p></div>
</div>
</div>
<div class="card">
<div class="card-header" id="walletHeadingThree_2">
  <h5 class="mb-0">
    <a class="btn-link collapsed" data-toggle="collapse" data-target="#walletCollapseThree_2" aria-expanded="false" aria-controls="walletCollapseThree_2">
        <span class="icon gradient-crypto"></span>
        What does a wedding caterer provide?    </a>
  </h5>
</div>





<div data-parent="#claim-accordion" id="walletCollapseThree_10" class="collapse " aria-labelledby="walletHeadingThree_10" data-parent="#wallet-accordion">
  <div class="card-body"><p><span style='font-weight: 400;'>You must book the wedding catering services as soon as your wedding is fixed. It will provide you with ample time to prepare for your big day. </span></p></div>
</div>
</div>
</div>
</div>

</div>
</section>  


<div class="container" style="text-align: center">
<button class="btn" id="load_more" data-val="0">Load more..<img style="display: none" id="loader" src="https://www.getyourmenu.in/uploads/faq-loader.gif"> </button>
</div>



<section class="ftco-section">

      <div class="container">
        <div class="row justify-content-center pb-3">
          <div class="col-md-12 heading-section ftco-animate text-center">
            <h2 class="mb-3">Other Functions </h2>
      
      
      <div class="row">
      <div class="col-md-8 offset-md-2">
            <!-- <p></p> -->
          </div></div></div>
        </div>
        <div class="row occ-list">
         
       
    
       <div id="carouselExample" class="carouselPrograms carousel slide" data-ride="carousel" data-interval="false">
     
    <div class="carousel-inner row w-100 mx-auto occ-list" role="listbox">
                  <div class="carousel-item col-md-4 active">
               <div class="panel panel-default">
                  <div class="panel-thumbnail">
                    <a href="https://www.getyourmenu.in/function/cocktail-caterers-delhi" title="image 1" class="thumb">
                      <img class="img-fluid mx-auto block-20 d-block"  src="https://www.getyourmenu.in/uploads/occasions/1576216962_3.jpg" alt="slide 2">
                    </a>
           <div class="text d-block">
                <h3 class="heading mt-2"><a href="https://www.getyourmenu.in/function/cocktail-caterers-delhi" target="_blank">Cocktail</a></h3>
              </div>
                  </div>
                </div>
            </div>
                        <div class="carousel-item col-md-4 ">
               <div class="panel panel-default">
                  <div class="panel-thumbnail">
                    <a href="https://www.getyourmenu.in/function/birthday-caterers-delhi" title="image 4" class="thumb">
                      <img class="img-fluid mx-auto block-20 d-block"  src="https://www.getyourmenu.in/uploads/occasions/1576217491_4.jpg" alt="slide 5">
                    </a>
           <div class="text d-block">
                <h3 class="heading mt-2"><a href="https://www.getyourmenu.in/function/birthday-caterers-delhi" target="_blank">Birthday</a></h3>
              </div>
                  </div>
                </div>
            </div>
                        <div class="carousel-item col-md-4 ">
               <div class="panel panel-default">
                  <div class="panel-thumbnail">
                    <a href="https://www.getyourmenu.in/function/social-event-caterers-delhi" title="image 7" class="thumb">
                      <img class="img-fluid mx-auto block-20 d-block"  src="https://www.getyourmenu.in/uploads/occasions/1576217847_1.jpg" alt="slide 8">
                    </a>
           <div class="text d-block">
                <h3 class="heading mt-2"><a href="https://www.getyourmenu.in/function/social-event-caterers-delhi" target="_blank">Social Event</a></h3>
              </div>
                  </div>
                </div>
            </div>
                        <div class="carousel-item col-md-4 ">
               <div class="panel panel-default">
                  <div class="panel-thumbnail">
                    <a href="https://www.getyourmenu.in/function/corporate-caterers-delhi" title="image 10" class="thumb">
                      <img class="img-fluid mx-auto block-20 d-block"  src="https://www.getyourmenu.in/uploads/occasions/1576217972_2.jpg" alt="slide 11">
                    </a>
           <div class="text d-block">
                <h3 class="heading mt-2"><a href="https://www.getyourmenu.in/function/corporate-caterers-delhi" target="_blank">Corporate</a></h3>
              </div>
                  </div>
                </div>
            </div>
                        <div class="carousel-item col-md-4 ">
               <div class="panel panel-default">
                  <div class="panel-thumbnail">
                    <a href="https://www.getyourmenu.in/function/ring-ceremony-caterers-delhi" title="image 13" class="thumb">
                      <img class="img-fluid mx-auto block-20 d-block"  src="https://www.getyourmenu.in/uploads/occasions/1585906846_ringceremony.jpg" alt="slide 14">
                    </a>
           <div class="text d-block">
                <h3 class="heading mt-2"><a href="https://www.getyourmenu.in/function/ring-ceremony-caterers-delhi" target="_blank">Ring Ceremony</a></h3>
              </div>
                  </div>
                </div>
            </div>
                        <div class="carousel-item col-md-4 ">
               <div class="panel panel-default">
                  <div class="panel-thumbnail">
                    <a href="https://www.getyourmenu.in/function/mehndi-ceremony-caterers-delhi" title="image 16" class="thumb">
                      <img class="img-fluid mx-auto block-20 d-block"  src="https://www.getyourmenu.in/uploads/occasions/1585910545_mehndi.jpg" alt="slide 17">
                    </a>
           <div class="text d-block">
                <h3 class="heading mt-2"><a href="https://www.getyourmenu.in/function/mehndi-ceremony-caterers-delhi" target="_blank">Mehndi Ceremony</a></h3>
              </div>
                  </div>
                </div>
            </div>
                        <div class="carousel-item col-md-4 ">
               <div class="panel panel-default">
                  <div class="panel-thumbnail">
                    <a href="https://www.getyourmenu.in/function/wedding-reception-caterers-delhi" title="image 19" class="thumb">
                      <img class="img-fluid mx-auto block-20 d-block"  src="https://www.getyourmenu.in/uploads/occasions/1585911523_reception.jpg" alt="slide 20">
                    </a>
           <div class="text d-block">
                <h3 class="heading mt-2"><a href="https://www.getyourmenu.in/function/wedding-reception-caterers-delhi" target="_blank">Wedding Reception</a></h3>
              </div>
                  </div>
                </div>
            </div>
                        <div class="carousel-item col-md-4 ">
               <div class="panel panel-default">
                  <div class="panel-thumbnail">
                    <a href="https://www.getyourmenu.in/function/sangeet-ceremony-caterers-delhi" title="image 22" class="thumb">
                      <img class="img-fluid mx-auto block-20 d-block"  src="https://www.getyourmenu.in/uploads/occasions/1585912181_sangeet.jpg" alt="slide 23">
                    </a>
           <div class="text d-block">
                <h3 class="heading mt-2"><a href="https://www.getyourmenu.in/function/sangeet-ceremony-caterers-delhi" target="_blank">Sangeet Ceremony</a></h3>
              </div>
                  </div>
                </div>
            </div>
                    
        </div>
    
        <a class="carousel-control-prev" href="#carouselExample" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next text-faded" href="#carouselExample" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
          
        </div>
      </div>
</section>





<script>
function myFunction() {
  var dots = document.getElementById("dots");
  var moreText = document.getElementById("more");
  var btnText = document.getElementById("myBtn");

  if (dots.style.display === "none") {
    dots.style.display = "inline";
    btnText.innerHTML = "Read more"; 
    moreText.style.display = "none";
  } else {
    dots.style.display = "none";
    btnText.innerHTML = "Read less"; 
    moreText.style.display = "inline";
  }
}
</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js">
    </script> 
   
   
<script type='text/javascript'>
window.__lo_site_id = 194942;

  (function() {
    var wa = document.createElement('script'); wa.type = 'text/javascript'; wa.async = true;
    wa.src = 'https://d10lpsik1i8c69.cloudfront.net/w.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(wa, s);
    })();
</script>
<script>
$(document).ready(function(){  
var $grid = $('#content-culture').isotope({
  // options
  itemSelector:'.w',
  percentPosition: true,
  layoutMode: 'masonry',
  sortBy : 'original-order',
  masonry: {
        // use outer width of grid-sizer for columnWidth
        columnWidth:".w",
    horizontalOrder: true,
      }
});

if($("#tab-button").length){
  $("#tab-button").owlCarousel({
      loop:false,
      autoplay: false,
      margin:0,
      animateOut: 'fadeOut',
      animateIn: 'fadeIn',
      nav:true,
    responsiveClass:true,
    dots:false,
    mouseDrag:true,
    touchDrag:true,
    lazyLoad:true,
      items: 5,
    stagePadding:40,
      navText : ["<span class='ion-ios-arrow-back'></span>","<span class='ion-ios-arrow-forward'></span>"],
      responsive:{
        0:{
          items:2,
        },
        600:{
          items:3,
        },
        1000:{
          items:5,
      }
      }
    });
  
}

});
  $(".owl-tbdata").owlCarousel({
      loop:false,
      autoplay: false,
      margin:10,
      animateOut: 'fadeOut',
      animateIn: 'fadeIn',
      nav:true,
    responsiveClass:true,
    dots:false,
    mouseDrag:true,
    touchDrag:true,
    lazyLoad:true,
      items: 5,
    stagePadding:0,
      navText : ["<span class='ion-ios-arrow-back'></span>","<span class='ion-ios-arrow-forward'></span>"],
      responsive:{
        0:{
          items:2,
        },
        600:{
          items:3,
        },
        1000:{
          items:5,
      }
      }
    });




</script>

<script>
$(document).ready(function(){  
var $grid = $('#content-culture').isotope({
  // options
  itemSelector:'.w',
  percentPosition: true,
  layoutMode: 'masonry',
  sortBy : 'original-order',
  masonry: {
        // use outer width of grid-sizer for columnWidth
        columnWidth:".w",
        horizontalOrder: true,
      }
});

if($("#tab-button").length){
    $("#tab-button").owlCarousel({
        loop:false,
        autoplay: false,
        margin:0,
        animateOut: 'fadeOut',
        animateIn: 'fadeIn',
        nav:true,
        responsiveClass:true,
        dots:false,
        mouseDrag:true,
        touchDrag:true,
        lazyLoad:true,
        items: 5,
        stagePadding:40,
        navText : ["<span class='ion-ios-arrow-back'></span>","<span class='ion-ios-arrow-forward'></span>"],
        responsive:{
          0:{
            items:2,
          },
          600:{
            items:3,
          },
          1000:{
            items:5,
            }
        }
        });
    
}

    $(".owl-tbdata").owlCarousel({
        loop:false,
        autoplay: false,
        margin:10,
        animateOut: 'fadeOut',
        animateIn: 'fadeIn',
        nav:true,
        responsiveClass:true,
        dots:false,
        mouseDrag:true,
        touchDrag:true,
        lazyLoad:true,
        items: 5,
        stagePadding:0,
        navText : ["<span class='ion-ios-arrow-back'></span>","<span class='ion-ios-arrow-forward'></span>"],
        responsive:{
          0:{
            items:2,
          },
          600:{
            items:3,
          },
          1000:{
            items:5,
            }
        }
        });
</script>



<script type="text/javascript">
      jQuery(document).ready(function($) {
             $('#carousel-thumb').carousel({
            //  interval: false,
              //  interval: 5000
        });
         
        $('#myCarousel3').carousel({
              interval: false,
              //  interval: 5000
        });
 
        //Handles the carousel thumbnails
        $('[id^=carousel-selector2-]').click(function () {
        var id_selector = $(this).attr("id");
        try {
            var id = /-(\d+)$/.exec(id_selector)[1];
            console.log(id_selector, id);
            jQuery('#carousel-thumb').carousel(parseInt(id));
        } catch (e) {
            console.log('Regex failed!', e);
        }
    });
      
}); </script>


<script>

$('#carouselExample').on('slide.bs.carousel', function (e) {

  
    var $e = $(e.relatedTarget);
    var idx = $e.index();
    var itemsPerSlide = 3;
    var totalItems = $('.carousel-item').length;
   // alert(totalItems);
    if (idx >= totalItems-(itemsPerSlide-1)) {
        var it = itemsPerSlide - (totalItems - idx);
        for (var i=0; i<it; i++) {
            // append slides to end
            if (e.direction=="left") {
                $('.carousel-item').eq(i).appendTo('.carousel-inner');
            }
            else {
                $('.carousel-item').eq(0).appendTo('.carousel-inner');
            }
        }
    }
});





  $(document).ready(function() {
/* show lightbox when clicking a thumbnail */
    $('a.thumb').click(function(event){
      event.preventDefault();
      var content = $('.modal-body');
      content.empty();
        var title = $(this).attr("title");
        $('.modal-title').html(title);        
        content.html($(this).html());
        $(".modal-profile").modal({show:true});
    });

  });

</script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.min.js">
    </script> 
    <script>
           $('.brand-carousel').owlCarousel({
               loop:false,
               margin:10,
               autoplay:false,
               responsive:{
                   0:{
                       items:1
                   },
                   600:{
                       items:3
                   },
                   1000:{
                       items:5
                   }
               }
           })
    </script>

<script>
let slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  let i;
  let slides = document.getElementsByClassName("mySlides");
  let dots = document.getElementsByClassName("demo");
  let captionText = document.getElementById("caption");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
    slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
    dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
  captionText.innerHTML = dots[slideIndex-1].alt;
}
</script>

<script>
var slideIndex = 1;
showDivs(slideIndex);

function plusDivs(n) {
  showDivs(slideIndex += n);
}

function showDivs(n) {
  var i;
  var x = document.getElementsByClassName("mySlider");
  if (n > x.length) {slideIndex = 1}
  if (n < 1) {slideIndex = x.length}
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";  
  }
  x[slideIndex-1].style.display = "block";  
}
</script>

<script src="{%static 'js/plugin.js'%}"></script>
    <script src="{%static 'js/merge.js'%}"></script>



{% include 'front/footer.html'%}
    {% block content1 %}
    {% endblock %}
{% endblock %}