{% extends 'front/header.html'%}
{% block title %}Multi-Cuisine Catering Experience - Get Your Menu{% endblock %}
{% block extra_head_content  %}
<!--<meta name="og:title" content="#1 Wedding Catering and Caterers Services in Delhi NCR by Get Your Menu"/>-->
<!--<meta name="url" content="https://getyourmenu.in/cuisine"/>-->
<!--<link rel="canonical" href="https://getyourmenu.in/cuisine" />-->
<!--<meta name="description" content="Get Your Menu presents exclusive range of multiple cuisine catering services where we provide an amazing widespread of delicacies all over the world..-->
<!--"/>-->
<!--<meta property="og:type" content="Website"/>-->
<!--<meta property="og:site_name" content="GetYourMenu"/>-->
<!--<meta property="og:description" content="Get Your Menu: Book best caterers in delhi or other region like north, east, west, central & south Delhi with wide variety of menu & quality services at best Prices. Enquire Now!"/>-->
<!--<meta property="og:image:width" content="769" />-->
<!--<meta property="og:image:height" content="511" />-->
<!--<meta property="og:image" content="https://www.getyourmenu.in/static/images/logo.png"/>-->


<meta name="description" content="Get Your Menu presents exclusive range of multiple cuisine catering services where we provide an amazing widespread of delicacies all over the world..
"/>


  <meta name="keywords" content="catering services in delhi, caterers in south delhi, caterers in delhi"/>
<meta name="subject" content="Caterers in Delhi">
<meta name="copyright" content="Get Your Menu">
<meta name="robots" content="index,follow" />
<link rel="canonical" href="https://getyourmenu.in/cuisine/" />


<meta name="geo.region" content="IN-DL" /> 
<meta name="geo.placename" content="New Delhi" /> 
<meta name="geo.position" content="28.481655;77.187286" />
<meta property="og:locale" content="en_IN" />
<meta property="og:title" content="#1 Wedding Catering and Caterers Services in Delhi NCR by Get Your Menu"/>
<meta property="og:type" content="article" />
<meta property="og:url" content="https://getyourmenu.in/cuisine/">
  <meta property="og:image" content="https://www.getyourmenu.in/images/logo.png"/>
<meta property="og:site_name" content="Get Your Menu" />
<meta property="og:description" content="Get Your Menu: Book top wedding caterers in south, north, east, west & central delhi with wide variety of menu & quality services at best Prices. Enquire Now!"/>
<meta property="og:image:width" content="769" />
<meta property="og:image:height" content="511" />

{% endblock %}
{% block content %}
{% load static %} 

<link rel="stylesheet" type="text/css" href="{%static 'css/plugins.css'%}">
<link rel="stylesheet" type="text/css" href="{%static 'css/index.css'%}">
<link rel="stylesheet" type="text/css" href="{%static 'css/occasion.css'%}">
<!-- Slick Slider JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.carousel.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.2/owl.carousel.js"></script>

  <!-- bootstrap link -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0" crossorigin="anonymous">

     <!-- swiper css link -->
  <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
  
  <style>
.swiper-button-next, .swiper-button-prev{
 
  color: #fac564;
  transition: all 0.3s ease;
  background:#000;
 
 
}
.swiper-button-next{
    margin-right:150px;
    
}
.swiper-button-prev{
    margin-left:150px;
}
.swiper-button-next:hover, .swiper-button-prev:hover{
  opacity: 1;
  color: #fac564;
}
@media screen and (max-width: 767px){
.swiper-button-next, .swiper-button-prev{
  color: #fac564;
  transition: all 0.3s ease;
  margin-top:90px;
  background:#000;
  padding:10px;
  margin-left:0px;
  margin-right:0px;
 
}}
.wtc{
    font-size:14px;
}

/**/
</style>

</head>
<body>

<script type="application/ld+json">{"@context": "https://schema.org/", "@type": "Product", "name": "Wedding Caterers In Delhi", "image": "https://www.getyourmenu.in/uploads/occasiongallery/1576152570_8.jpg", "description": "Get Your Menu: Book best wedding caterers in delhi and get quality wedding catering services, customized wedding menu at best prices. Enquire Now!", "brand": {"@type": "Brand", "name": "Get Your Menu"}, "aggregateRating": {"@type": "AggregateRating", "ratingValue": "4.9", "ratingCount": "370"}}</script>


     <!-- bootstrap  -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"integrity="sha384-p34f1UUtsS3wqzfto5wAAmdvj+osOnFyQFpp4Ua3gs/ZVWx6oOypYoCJhGGScy+8" crossorigin="anonymous"></script>

    <!-- swiper-bundle -->
  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>


<!-- <section class="home-slider owl-carousel img" style='background-image:url("{%static 'images/bgg.jpg'%}"); max-height:400px;'>
<div class="slider-item" style='background-image:url({"static 'images/bgg.jpg'%}");'>
<div class="overlay"></div>
<div class="container">
<div class="row slider-text justify-content-center align-items-center heading-occ">
<div class="col-md-7 col-sm-12 text-center ftco-animate">
<h1 class="mb-3 mt-5 bread">Read our Blog</h1>
<p class="breadcrumbs"><span class="mr-2"><a href="index.html">Home</a></span> <span>Blog</span></p>
</div>
</div>
</div>
</div>
</section> -->
<section class="ftco-section culture-sec" id="myoc">
      <div class="container">
        <div class="row justify-content-center mb-2 pb-2">
          <div class="col-md-12 heading-section ftco-animates text-center">
      <div class="heading-section ftco-animate decortitle fadeInUp ftco-animated">
  <h1 class="text-capitalize"><h3 class="flaticon-pizza" id="abbout" style="color:#fac564;">We Specialize In Multi-Cuisine Catering Experience</h3></h1>
    <p class="wtc" >We understand your love for different cuisines. Hence, we present you with our exclusive range of multiple cuisine catering services where we
    provide an amazing widespread of delicacies all over the world. From Thai cuisine, Chinese to Spanish cuisines, we have a team of culinary experts and chefs that have expertise in
    preparing multi-cuisine delicacies. Moreover, we also provide our clients with an opportunity to pick the delicacies they want for their celebration online and book the catering services within the comfort of their home.
    We promise the best catering services and devote ourselves to ensure you have an amazing time celebrating your events.</p>

</div>
</div>
</div>
<div>

<div class="row d-flex" >
<div class="col-md-3 d-flex ftco-animate">
<div class="blog-entry align-self-stretch">
<a href="{% url 'mexican-catering'%}" target="_blank" class="block-20" style='background-image:url("{%static 'images/uploads/cuisine/main-img.jpg'%}")'>
</a>
<div class="text d-block1">
<div class="meta">
<!-- <div><a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a></div> -->
</div>
<h3 class="heading mt-2" id="oc-head"><a href="{% url 'mexican-catering'%}" target="_blank" >Mexican Catering Services</a></h3>
<p>Mexican Catering Services</p>
</div>
</div>
</div>
<div class="col-md-6 d-flex ftco-animate ">
<div class="blog-entry align-self-stretch occasions">
<a href="{% url 'mughlai-catering'%}" target="_blank" class="block-21" style='background-image: url("{%static 'images/uploads/cuisine/detail-img-1.jpg'%}");'>
</a>
<div class="text d-block1">
<div class="meta">
<!-- <div><a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a></div> -->
</div>
<h3 class="heading121 mt-2" style="color:black;"><a href="{% url 'mughlai-catering'%}" target="_blank">Mughlai Catering Services</a></h3>
<p style="color:black;">Mughlai Catering Services</p>
</div>
</div>
</div>
<div class="col-md-3 d-flex ftco-animate">
<div class="blog-entry align-self-stretch">
<a href="{% url 'oriental-catering'%}" target="_blank" class="block-20" style='background-image:url("{%static 'images/uploads/cuisine/main-img2.jpg'%}")'>
</a>
<div class="text d-block1">
<div class="meta">
<!-- <div><a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a></div> -->
</div>
<h3 class="heading mt-2"><a href="{% url 'oriental-catering'%}" target="_blank">Oriental Catering Services</a></h3>
<p>Oriental Catering Services</p>
</div>
</div>
</div>
{% for cuisine in cuisines %}

<div class="col-md-3 d-flex ftco-animate">
<div class="blog-entry align-self-stretch">
<a href="{% url 'cuisine' slug=cuisine.slug %}" target="_blank" class="block-20" style='background-image: url("{{cuisine.image.url}}");'>
</a>
<div class="text py-4 d-block">
<div class="meta">
</div>
<h3 class="heading mt-2"><a href="{% url 'cuisine' slug=cuisine.slug %}" target="_blank">{{cuisine.title}}</a></h3>
<p>{{cuisine.sort_description | safe }}</p>
</div>
</div>
</div>
{% endfor %}



</div>
</div>
</div>
</section>
<!--=====================PHONE VIEW=========================-->
<section class="ftco-section" id="myoc1">

      <div class="container" >
        <div class="row justify-content-center">
          <div class="col-md-12 heading-section ftco-animate text-center" id="readd">
            <h2>We Specialize In Multi-Cuisine Catering Experience</h2>
      <p class="wtc1">We understand your love for different cuisines. Hence, we present you with our exclusive range of multiple cuisine catering services where we<span id="dots">...</span><span id="more"> provide an amazing widespread of delicacies all over the world. From Thai cuisine, Chinese to Spanish cuisines, we have a team of culinary experts and chefs that have expertise in
    preparing multi-cuisine delicacies. Moreover, we also provide our clients with an opportunity to pick the delicacies they want for their celebration online and book the catering services within the comfort of their home.
    We promise the best catering services and devote ourselves to ensure you have an amazing time celebrating your events.
    </span></p>
<button onclick="myFunction()" id="myBtn" class="conn">Read more</button>
      </div>
        </div>
<div style="background:#f7f7f7; margin-left:-15px;margin-right:-15px; margin-top:15px;">
     <h3 class="get11">Pick the catering services customized to meet your occasions & events</h3>      
<div class="other">
  
    <div class="swiper mySwiper container">
      <div class="swiper-wrapper content">
        <div class="swiper-slide card11">
          <div class="card-content">
            <div class="image">
              <img src="{%static 'images/uploads/cuisine/main-img.jpg'%}" alt="">
            </div>
           

            <div class="name-profession">
              
              <a href="{% url 'mexican-catering'%}"><span class="profession">Mexican Catering Services</span></a>
              
<p id="proo" style="text-align:center;">Mexican Catering Services</p>
            </div>
          </div>
        </div>
        <div class="swiper-slide card11">
          <div class="card-content">
            <div class="image">
              <img src="{%static 'images/uploads/cuisine/detail-img-1.jpg'%}" alt="">
            </div>
            <div class="name-profession">
          <a href="{% url 'mughlai-catering'%}"><span class="profession">Mughlai Catering Services</span></a>
              
<p id="proo">Mughlai Catering Services</p>
            </div>
          </div>
        </div>
        <div class="swiper-slide card11">
          <div class="card-content">
            <div class="image">
              <img src="{%static 'images/uploads/cuisine/main-img2.jpg'%}" alt="">
            </div>
            <div class="name-profession">
             <a href="{% url 'oriental-catering'%}"><span class="profession">Oriental Catering Services</span></a>
              
<p id="proo">Oriental Catering Services</p>
            </div>

            
          </div>
        </div>
        {% for occasion in occasions %}
        <div class="swiper-slide card11">
          <div class="card-content">
            <div class="image">
              <img src="{{occasion.image.url}}" alt="">
            </div>
            <div class="name-profession">
          <span class="profession">{{occasion.title}}</span>
              
<p id="proo">{{occasion.sort_description | safe }}</p>
            </div>
          </div>
        </div>
        {% endfor %}

      </div>
    </div>
    <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-pagination"></div>
        </div>
        </div>
        </div>
</section>

<!----============================================---->


<!--<section class="ftco-section">-->

<!--      <div class="container" >-->
<!--        <div class="row justify-content-center">-->
<!--          <div class="col-md-12 heading-section ftco-animate text-center" id="readd">-->
<!--            <h2>RECENT BLOGS</h2>-->
<!--      <p>Read our success stories and get a glimpse into the latest catering trends ruling the world.</p>-->
<!--      </div>-->
<!--        </div>-->
      
        
<!--<div class="other11">-->
<!--    <div class="swiper mySwiper1 container">-->
<!--      <div class="swiper-wrapper content">-->
<!--        <div class="swiper-slide card11">-->
<!--          <div class="card-content">-->
<!--            <div class="image1">-->
<!--              <img src="{%static 'images/b2.jpg'%}" alt="">-->
<!--            </div>-->
           

<!--            <div class="name-profession">-->
<!--                <p style="color:black; margin-bottom:-10px;">Sep 18,2018</p>-->
<!--              <span class="profession">Top 4 Catering Ideas for Baby Showers & Gender Reveals</span>-->
              
<!--            <p id="proo">Get Your Menu listing some of the best baby shower catering ideas to make y...<br> <a id="blog-link" href="#" target="_blank">Read More</a>-->
<!--            </p>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="swiper-slide card11">-->
<!--          <div class="card-content">-->
<!--            <div class="image1">-->
<!--              <img src="{%static 'images/b2.jpg'%}" alt="">-->
<!--            </div>-->
           

<!--            <div class="name-profession">-->
<!--                <p style="color:black;margin-bottom:-10px;">Sep 18,2018</p>-->
<!--              <span class="profession">Top 4 Catering Ideas for Baby Showers & Gender Reveals</span>-->
              
<!--            <p id="proo">Get Your Menu listing some of the best baby shower catering ideas to make y...<br> <a id="blog-link" href="#" target="_blank">Read More</a>-->
<!--            </p>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="swiper-slide card11">-->
<!--          <div class="card-content">-->
<!--            <div class="image1">-->
<!--              <img src="{%static 'images/b2.jpg'%}" alt="">-->
<!--            </div>-->
           

<!--            <div class="name-profession">-->
<!--                <p style="color:black; margin-bottom:-10px;">Sep 18,2018</p>-->
<!--              <span class="profession">Top 4 Catering Ideas for Baby Showers & Gender Reveals</span>-->
              
<!--            <p id="proo">Get Your Menu listing some of the best baby shower catering ideas to make y...<br> <a id="blog-link" href="#" target="_blank">Read More</a>-->
<!--            </p>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--        <div class="swiper-slide card11">-->
<!--          <div class="card-content">-->
<!--            <div class="image1">-->
<!--              <img src="{%static 'images/b2.jpg'%}" alt="">-->
<!--            </div>-->
           

<!--            <div class="name-profession">-->
<!--                <p style="color:black; margin-bottom:-10px;">Sep 18,2018</p>-->
<!--              <span class="profession">Top 4 Catering Ideas for Baby Showers & Gender Reveals</span>-->
              
<!--            <p id="proo">Get Your Menu listing some of the best baby shower catering ideas to make y...<br> <a id="blog-link" href="#" target="_blank">Read More</a>-->
<!--            </p>-->
<!--            </div>-->
<!--          </div>-->
<!--        </div>-->
<!--        </div>-->
<!--        </div>-->
<!--    <div class="swiper-button-next"></div>-->
<!--      <div class="swiper-button-prev"></div>-->
<!--      <div class="swiper-pagination"></div>-->
<!--        </div>-->
<!--        </div>-->
    
<!--</section>-->

<section class="ftco-section">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-7 heading-section ftco-animate text-center">
<h2>Recent from blog</h2>
<p>Read our success stories and get a glimpse into the latest catering trends ruling the world.</p>
</div>
</div>
<div class="row d-flex">
    {% if recent_posts %}
      {% for post in recent_posts %}
<div class="col-md-4 d-flex ftco-animate">
<div class="blog-entry align-self-stretch">
<a href="{% url 'post-details' slug=post.slug %}" class="block-22" style="background-image: url({{ post.photo.url }});">
</a>
<div class="text py-4 d-block">
<div class="meta">
<div><a href="{% url 'post-details' slug=post.slug %}">{{ post.publish }} | {{post.author}}</a></div>

</div>
<h3 class="heading mt-2"><a href="{% url 'post-details' slug=post.slug %}">{{ post.title }}</a></h3>
<p>{{ post.content|safe|truncatewords:12 }}<br> <a id="blog-link" href="{% url 'post-details' slug=post.slug %}" target="_blank">Read More</a>
            </p>
</div>
</div>

</div>
 {% endfor %}
{% endif %}

</div>
<center>  
            <a class="btn btn-primary" href="{%url 'blog'%}" style="margin-top:-20px;" id="viewhide">View All</a></center> 
</div>
</section>


<section class="ftco-appointment">
      <div class="overlay"></div>
      <div class="container-wrap">
        <div class="row no-gutters d-md-flex align-items-center">
          <div class="col-md-5 d-flex">
          <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14020.262610777032!2d77.0898238!3d28.5377463!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x669a9b835b0a9403!2sGet%20Your%20Menu%20-%20Best%20Wedding%20Caterers%20in%20Delhi!5e0!3m2!1sen!2sin!4v1573883988725!5m2!1sen!2sin" 
          width="100%" height="480" frameborder="0" id="mp2" style="border:0;" allowfullscreen=""></iframe>
          
        </div>
<div class="col-md-7 appointment ftco-animate">
<h3 class="mb-3">Contact Us</h3>
<form method='POST' class="contact-form" id="subForm" onsubmit="return submitUserForm();">
  {% csrf_token %}
<div class="row">
<div class="col-md-4">
<div class="form-group">
<input type="text" class="form-control" name="name" placeholder="Name*" required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<input type="email" class="form-control" name="email" placeholder="Email*"required>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<input type="text" class="form-control" name="phone" type="tel" pattern="[0-9]{10}"  placeholder="Mobile Number*">
</div>
</div>

</div>
<div class="row">
    <div class="col-md-4">
<div class="form-group">
<input type="date" class="form-control" name="date" placeholder="Date" required>
</div>
</div>

<div class="col-md-4">
<div class="form-group">

<select class="form-control" id="cars" name="function" placeholder="Function" required>
    <option value="">Function*</option>
    <option value="Wedding Ceremony">Wedding Ceremony</option>
    <option value="Cocktail Ceremony">Cocktail Ceremony</option>
    <option value="Birthday">Birthday</option>
    <option value="Social Event">Social Event</option>
    <option value="Corporate">Corporate</option>
    <option value="Ring Ceremony">Ring Ceremony</option>
    <option value="Mehendi Ceremony">Mehendi Ceremony</option>
     <option value="Wedding Reception">Wedding Reception</option>
    <option value="Sangeet Ceremony">Sangeet Ceremony</option>
    

  </select>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<input type="text" class="form-control" name="budget" placeholder="Budget*">
</div>
</div>
</div>

<div class="row">
<div class="col-md-4">
<div class="form-group">
<input type="text" class="form-control" name="capacity" placeholder="Capacity" required>
</div>
</div>


<div class="col-md-8">
<div class="form-group">
<input type="text" class="form-control" name="venue" placeholder="Venue" required>
</div>
</div>
</div>


<div class="row">
<div class="col-md-12">
<div class="form-group">
<textarea  cols="30" rows="4" class="form-control" name="message" placeholder="Message" required></textarea>
</div>
</div>
</div>


<div class="row">
<div class="col-md-7">
<div class="form-group">
<div id="g-recaptcha-error"></div>
<div class="g-recaptcha" data-sitekey="6Lcnwp8hAAAAACraMCCh79W_qLpURkpx2xpeziHI" data-callback="verifyCaptcha" required ></div>
</div>
</div>

<div class="col-md-5">
<div class="form-group">
    <button type="submit" class="hidden btn btn-primary"  id="btnSubmit2" style= "font-size:30px;" >Submit</button>
</div>
</div>
</div>

<!--<div id="g-recaptcha-error"></div>-->
<!--<div class="g-recaptcha" data-sitekey="6LdKyp8hAAAAAJS2VG2VmuDutUResIAA4oBclb_3" data-callback="verifyCaptcha" required ></div>-->
<!--    <button type="submit" class="hidden btn btn-primary py-3 px-5" id="btnSubmit">Submit</button>-->
 
</form>
</div>          
</div>
</div>
</section>

<script>
var recaptcha_response = '';
function submitUserForm() {
    if(recaptcha_response.length == 0) {
        document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">This field is required.</span>';
        return false;
    }
    return true;
}
 
function verifyCaptcha(token) {
    recaptcha_response = token;
    document.getElementById('g-recaptcha-error').innerHTML = '';
}
</script>


    <script>
          $('.brand-blog').owlCarousel({
               loop:false,
               margin:10,
               autoplay:false,
               dots: false,
               nav:true,
              navText: ["<i class='fa fa-angle-left pr'></i>","<i class='fa fa-angle-right nx'></i>"],
               responsive:{
                   0:{
                       items:1
                   },
                   600:{
                       items:3
                   },
                   1000:{
                       items:3
                   }
               }
           })
    </script>

<script>
     $(document).ready(function() {
 
  $("#owl-demo").owlCarousel({
 
      autoPlay: 3000, //Set AutoPlay to 3 seconds
 
      items : 4,
      itemsDesktop : [1199,3],
      itemsDesktopSmall : [979,1]
 
  });
 
});
    </script>
    
    <script>
    
var swiper = new Swiper(".mySwiper", {
      slidesPerView: 1,
      spaceBetween: 30,
      slidesPerGroup: 1,
      loop: true,
      loopFillGroupWithBlank: true,
      breakpoints: {
       768: {
          slidesPerView: 2,
        },

        991: {
          slidesPerView: 3,
        },
      },
     
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });


  </script>
  <script>
    
var swiper = new Swiper(".mySwiper1", {
      slidesPerView: 1,
      spaceBetween: 30,
      slidesPerGroup: 1,
      loop: true,
      loopFillGroupWithBlank: true,
      breakpoints: {
       768: {
          slidesPerView: 2,
        },

        991: {
          slidesPerView: 3,
        },
      },
      
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });


  </script>
  <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>
  
  
  
<div class="desktop-footer">
{% include 'front/footer.html'%}
    {% block content1 %}
    {% endblock %}

</div>
<div class="mobile-footer">
{% include 'front/footer-phone.html'%}
    {% block content3 %}
    {% endblock %}

</div>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>  
<script src='https://www.google.com/recaptcha/api.js'></script>

    </script> 
{% endblock %}