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

{% block title %} About Us -Get Your Menu{% endblock %}
{% block extra_head_content  %}
   <!--<meta name="keywords" content="catering services in delhi, caterers in south delhi, caterers in delhi"/>-->
   <!--<meta name="description" content="Get Your Menu is the best Wedding Caterers in Delhi offering stylish and delectable catering for all occasions and reasons. Enquire now!"/>-->
   <!--     <link rel="canonical" href="https://www.getyourmenu.in/about" />-->
   
   
   
<meta name="description" content="Get Your Menu is the best Wedding Caterers in Delhi offering stylish and delectable catering for all occasions and reasons. Enquire now!"/>


  <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://www.getyourmenu.in/aboutus"/>


<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="About Us - Get Your Menu">
<meta property="og:type" content="article" />
<meta property="og:url" content="https://www.getyourmenu.in/aboutus">
  <meta property="og:image" content="../../www.getyourmenu.in/images/logo.html"/>
<meta property="og:site_name" content="Get Your Menu" />
<meta property="og:description" content="Get Your Menu is the best Wedding Caterers in Delhi offering stylish and delectable catering for all occasions and reasons. Enquire now!"/>
<meta property="og:image:width" content="769" />
<meta property="og:image:height" content="511" />

{% endblock %}
{% block content %}


<style>
  /*footer*/
.mobile-footer{
    display: none;
}
@media screen and (max-width: 767px){
.desktop-footer{
    display: none;
}
.mobile-footer{
    display: block;
   
}
.ftco-appointment{
    display: none;
}
.p2{
    font-size:16px;
}
}
</style>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.min.js">

<section class="home-slider2  img">
      <div class="slider-item" style='background-image: url("{%static 'images/bg_01.jpg'%}");'>
      	<div class="overlay"></div>
        <div class="container">
          <div class="row slider-text justify-content-center align-items-center" data-scrollax-parent="true">

            <div class="col-md-12 mt-4 mb-4 col-sm-12 text-center ftco-animate back-fadeiti">
            	<span class="subheading2">About Us</span>
            	    {% for about in abouts %}
              <p class="p2">{{about.first_content | safe}}</p>
              {% endfor %}
              </div>

          </div>
        </div>
      </div>
</section>
    
<!-- Address and Social icons -->
<section class="ftco-about d-md-flex">
    {% for about in abouts %}
	<div class="one-half img" style='background-image: url({{ about.image.url }});'></div>
	<div class="one-half ftco-animate">
    
    <div class="heading-section ftco-animate ">
      <h2><span class="flaticon-pizza">{{about.second_heading}}</span></h2>
    </div>
    <div><p>{{about.second_content | safe}}</p>
	</div>
    </div>
</section>

   
<section class="ftco-counter ftco-bg-dark img" id="section-counter" style='background-image: url({{ about.image.url }});' data-stellar-background-ratio="0.5">
	<div class="overlay"></div>
  <div class="container">
    <div class="row justify-content-center">
    	<div class="col-md-10">
  <div class="row">
          
    <div class="heading-section ftco-animate align-center">
      <h2><span class="flaticon-pizza">{{about.third_heading}}</span></h2>
    </div>
    <div class="data1"><p>{{about.third_content | safe}}</p></div>
              
        </div>
  </div>
    </div>
  </div>
   {% endfor %}
</section> 
  
   <script src="{%static 'js/plugins.js'%}"></script> 

    <script src="{%static 'js/merge.js'%}"></script>
    
 
    	
<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>

<!-- =============CAPTCHA JS================ -->
<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 src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script>
<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>
 $(function () {
  $("#subForm1").ebcaptcha();
});

(function ($) {
  jQuery.fn.ebcaptcha = function (options) {
    var element = this;
    var input = this.find("#ebcaptchainput");
    var label = this.find("#ebcaptchatext");
    $(element).find("button[type=submit]").attr("disabled", "disabled");

    var randomNr1 = 0;
    var randomNr2 = 0;
    var totalNr = 0;

    randomNr1 = Math.floor(Math.random() * 10);
    randomNr2 = Math.floor(Math.random() * 10);
    totalNr = randomNr1 + randomNr2;
    var texti = "What is " + randomNr1 + " + " + randomNr2;
    $(label).text(texti);

    $(input).keyup(function () {
      var nr = $(this).val();
      if (nr == totalNr) {
        $(element).find("button[type=submit]").removeAttr("disabled");
      } else {
        $(element).find("button[type=submit]").attr("disabled", "disabled");
      }
    });

    $(document).keypress(function (e) {
      if (e.which == 13) {
        if (element.find("button[type=submit]").is(":disabled") == true) {
          e.preventDefault();
          return false;
        }
      }
    });
  };
})(jQuery);

</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>
{% endblock %}