<style>
#md-dialog {
  position:absolute;
  top:50% !important;
  transform: translate(0, -50%) !important;
  -ms-transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
  margin:auto 5%;
  width:90%;
  height:80%;
}
#md-content {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0; 
}
#md-body {
  position:absolute;
  top:45px; /** height of header **/
  bottom:45px;  /** height of footer **/
  left:0;
  right:0;
  //overflow-y:auto;
}

#md-dialog-d {
  position:absolute;
  top:55% !important;
  transform: translate(0, -50%) !important;
  -ms-transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
  margin:auto 25%;
  width:50%;
  height:72%;
  box-shadow: 2px 2px 20px rgba(36,96,121,0.8);
}
#md-content-d {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0; 
}
#md-body-d {
    padding:35px;
  position:absolute;
  top:45px; /** height of header **/
  bottom:45px;  /** height of footer **/
  left:0;
  right:0;
  //overflow-y:auto;
}

.modal-header{
    background-color:rgba(36,96,121,0.8);
    color:white;
}
.snd-btn{
    background-color:rgba(36,96,121,0.8);
    color:white;
}
.snd-btn:hover{
       background-color:white;
    color:rgba(36,96,121,0.8);
    border: 1px solid rgba(36,96,121,0.8);
}
/* Floating button */

.float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:80px;
	left:20px;
	background-color:rgba(36,96,121);
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 5px 5px 10px rgba(36,96,121,0.5);
}
.mega-menu > section.menu-list-items {
    padding: 0px 0;
}

.my-float{
	margin-top:13px;
	font-size:25px;
}

.float-wp{
	position:fixed;
	width:50px;
	height:50px;
	bottom:23px;
	left:20px;
	background-color:rgb(37, 211, 102);
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 5px 5px 10px rgba(36,96,121,0.5);
}

.my-float-wp{
	margin-top:13px;
    font-size:25px;
}
	.wtys{display: block;}
@media screen and (max-width:767px){
    .float{
        display:none;
    }
    .float-wp{
        display:none;
    }
    .menu-list-items {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    padding: 0px 10px;
    background: #fff;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1); z-index:9;
}
	
}
.wp-styd {
    position: fixed;
    z-index: 999;
    bottom:20px;
    left: 20px;
	display:block;
}
	.wp-styd img{display: block;}
	
	@media (min-width:320px) and (max-width:767px) 
{
	.wp-styd img{display:none;}
	.wtys{display: none;}
	.wp-styd{display:none;}
	.footer-bg{background-color:#dedddd;}
	.footer-bg p{color:#000;}
	.menu-list-items{background-color: #fff !important;}
	.nopadding{text-align:center;}
	.footer-bottom p {
    margin-bottom: 0;
    padding: 0px 0px 23px 0px !important;
}
	
}


</style>

<!-- Modal for mobile enquiry-->
<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog" id="md-dialog">

    <!-- Modal content-->
    <div class="modal-content" id="md-content" style="border-radius:0px;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title"><b>Please feel free to enquire</b></h4>
      </div>
      <div class="modal-body" id="md-body">
         <form class="row" action="send-mail.php" method="POST" onsubmit="return checkValidation();">
                        <div class="col-md-6 col-sm-12">
                           <div class="form-group">
                              <label>Your Name <span class="required">*</span></label>
                              <input placeholder="" class="form-control" type="text" name="name" id="name">
                           </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                           <div class="form-group">
                              <label>Your Mobile No<span class="required">*</span></label>
                              <input placeholder="" class="form-control" type="text" name="phone" id="phone">
                           </div>
                        </div>
                        <div class="col-md-12 col-sm-12">
                           <div class="form-group">
                              <label>Your Email Id<span class="required">*</span></label>
                              <input placeholder="" class="form-control" type="text" name="email" id="email">
                           </div>
                        </div>
                        
                        
                        
                        <div class="col-md-12 col-sm-12">
                           <div class="form-group">
                              <label>Enquiry <span class="required">*</span></label>
                              <textarea cols="3" rows="5" placeholder="" class="form-control" name="message" id="message"></textarea>
                           </div>
                        </div>
                        <input type="hidden" name="enq" value="enq"/>
                       <div class="col-md-12 col-sm-12">
                            <button type="submit" class="btn snd-btn">Send Message <i class="fa fa-angle-double-right"></i></button>
                        </div>
                     </form>
      </div>
      
    </div>

  </div>
</div>
<!------------>
<div class="wp-styd">
	<a href="https://wa.me/+919999499309"><img src="<?=$site_url?>/images/wp1.png" style="width:52px;"></a>
</div>

<!-- Modal for desktop enquiry-->
<div id="myModal1" class="modal fade" role="dialog">
  <div class="modal-dialog" id="md-dialog-d">

    <!-- Modal content-->
    <div class="modal-content" id="md-content-d" style="border-radius:0px;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title"><b>Please feel free to enquire</b></h4>
      </div>
      <div class="modal-body" id="md-body-d">
         <form class="row" action="send-mail.php" method="POST" onsubmit="return checkValidation2();">
                        <div class="col-md-6 col-sm-12">
                           <div class="form-group">
                              <label>Your Name <span class="required">*</span></label>
                              <input placeholder="" class="form-control" type="text" name="name" id="name2">
                           </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                           <div class="form-group">
                              <label>Your Mobile No<span class="required">*</span></label>
                              <input placeholder="" class="form-control" type="text" name="phone" id="phone2">
                           </div>
                        </div>
                        <div class="col-md-12 col-sm-12">
                           <div class="form-group">
                              <label>Your Email Id<span class="required">*</span></label>
                              <input placeholder="" class="form-control" type="text" name="email" id="email2">
                           </div>
                        </div>
                        
                        
                        
                        <div class="col-md-12 col-sm-12">
                           <div class="form-group">
                              <label>Enquiry <span class="required">*</span></label>
                              <textarea cols="3" rows="5" placeholder="" class="form-control" name="message" id="message2"></textarea>
                           </div>
                        </div>
                        <input type="hidden" name="enq" value="enq"/>
                       <div class="col-md-12 col-sm-12">
                            <button type="submit" class="btn snd-btn">Send Message <i class="fa fa-angle-double-right"></i></button>
                        </div>
                     </form>
      </div>
      
    </div>

  </div>
</div>



<section class="bg-sec">
        <div class="container">
            <div class="row">
            <div class="col-md-12 text-center">
            <h1>OUTSTANDING REVIEWS</h1>
            </div>
            <div class="col-md-4 sty-ourev">
            <img src="<?=$site_url?>/images/outstanding-reviews/facebookrating-2.png">
            </div>
            <div class="col-md-4 sty-ourev">
            <img src="<?=$site_url?>/images/outstanding-reviews/googlerating-1.png">
            </div>
             <div class="col-md-4 sty-ourev">
            <img src="<?=$site_url?>/images/outstanding-reviews/justdialrating-3.png">
            </div>
            </div>
        </div>
      </section>
      <section class="contact-us" id="contact-area">
         <div class="container">
            <div class="row">
               <div class="col-md-12 col-sm-12 col-xs-12 heading">
                  <span class="heading-letter-style">W</span>
                  <div class="main-heading-container">
                     <h1>Have you any question?</h1>
                     <h3>Write Us a Line</h3>
                     <p>Tell Us About Your Query & Our Expert Level "Digital Marketing Team" Will Contact You As Soon As Possible:</p>
                  </div>
               </div>
               <div class="col-md-12 col-sm-12 col-xs-12 nopadding">
                  <div class="col-md-8 col-sm-7 col-xs-12">
                     <form class="row" action="<?=$site_url?>/send-mail.php" method="POST" onsubmit="return checkValidation3();">
                        <div class="col-md-6 col-sm-12">
                           <div class="form-group">
                              <label>Your Name <span class="required">*</span></label>
                              <input placeholder="" class="form-control" type="text" name="name" id="name3">
                           </div>
                        </div>
                        <div class="col-md-6 col-sm-12">
                           <div class="form-group">
                              <label>Your Mobile No<span class="required">*</span></label>
                              <input placeholder="" class="form-control" type="text" name="phone" id="phone3">
                           </div>
                        </div>
                        <div class="col-md-12 col-sm-12">
                           <div class="form-group">
                              <label>Your Email Id<span class="required">*</span></label>
                              <input placeholder="" class="form-control" type="text" name="email" id="email3">
                           </div>
                        </div>
                        
                        
                        
                        <div class="col-md-12 col-sm-12">
                           <div class="form-group">
                              <label>Enquiry <span class="required">*</span></label>
                              <textarea cols="6" rows="8" placeholder="" class="form-control" name="message" id="message3"></textarea>
                           </div>
                        </div>
                        <input type="hidden" name="enq" value="enq"/>
                       <div class="col-md-12 col-sm-12">
                            <button type="submit" class="btn btn-custom">Send Message <i class="fa fa-angle-double-right"></i></button>
                        </div>
                     </form>
                  </div>
                  <div class="col-md-4 col-sm-5 col-xs-12">
                     <div class="services-grid-3">
                        <i class="icon ti-location-arrow"></i>
                        <div class="content-area">
                           <h4>Address</h4>
                           <p><?=$compDATA['admin_address']?>, <?=$compDATA['admin_city']?>, <?=$compDATA['admin_state']?>, <?=$compDATA['admin_country']?> - <?=$compDATA['admin_zip_code']?></p>
                        </div>
                     </div>
                     <div class="services-grid-3">
                        <i class="icon ti-alarm-clock"></i>
                        <div class="content-area">
                           <h4>Working Hours</h4>
                           <p>Monday - Saturday (9am - 9pm) </p>
                           <p> Sunday (Off) </p>
                        </div>
                     </div>
                     <div class="services-grid-3">
                        <i class="icon ti-location-arrow"></i>
                        <div class="content-area">
                           <h4>Contact Detail</h4>
                           <p><span>Phone:</span> <?php if($compDATA['admin_mobile']!=""){?><a href="tel:<?=$compDATA['admin_mobile']?>"><?=$compDATA['admin_mobile']?></a><?}?>

<?php if($compDATA['admin_phone']!=""){?><a href="tel:<?=$compDATA['admin_phone']?>">/ <?=$compDATA['admin_phone']?></a><?}?>

                         </p>
                           <p><span>Email:</span> 
  <?php if($compDATA['admin_email']!=""){?>
  <a href="mailto:<?=$compDATA['admin_email']?>"><?=$compDATA['admin_email']?></a>
  <?}?>

    <?php if($compDATA['admin_alt_email']!=""){?>
  <a href="mailto:<?=$compDATA['admin_alt_email']?>"><?=$compDATA['admin_alt_email']?></a>
  <?}?>

                           </p>
                            
                        </div>
                     </div>
                     <div class="services-grid-3">
                        <i class="icon ti-location-arrow"></i>
                        <div class="content-area">
                           <h4>Follow Us</h4>
                           <div class="social-bar">
                        <ul>
                                <?php if($compDATA['admin_facebook_link']!=''){ ?>
                            <li><a class="fa fa-facebook" href="<?=$compDATA['admin_facebook_link']?>" target="_blank"></a></li>
                            <?}?>
                              <?php if($compDATA['admin_twitter_link']!=''){ ?>
                            <li><a class="fa fa-twitter" href="<?=$compDATA['admin_twitter_link']?>" target="_blank"></a></li>
                            <?}?>
                              <?php if($compDATA['admin_linkedin_link']!=''){ ?>
                             <li><a class="fa fa-linkedin" href="<?=$compDATA['admin_linkedin_link']?>" target="_blank"></a></li>
                             <?}?>
                               <?php if($compDATA['admin_instagram_link']!=''){ ?>
                             <li><a class="fa fa-instagram" href="<?=$compDATA['admin_instagram_link']?>" target="_blank"></a></li>
                             <?}?>
                               <?php if($compDATA['admin_pinterest_link']!=''){ ?>
                            <li><a class="fa fa-pinterest" href="<?=$compDATA['admin_pinterest_link']?>" target="_blank"></a></li>
                            <?}?>

                               <?php if($compDATA['admin_youtube_link']!=''){ ?>
                            <li><a class="fa fa-youtube" href="<?=$compDATA['admin_youtube_link']?>" target="_blank"></a></li>
                            <?}?>
                        </ul>
                     </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>

<style>
    .loca-clr{
        color:#6441a5;
    }
</style>


<?php
/*
$loc_sql=db_query("select * from tbl_location where location_status='Active'  order by location_name asc ");
if(mysqli_num_rows($loc_sql)>0)
{
?>


 <div>
         <div class="container">
            <div class="row">
               <div class="col-md-12 col-sm-12 col-xs-12 nopadding">
                  <div class="col-md-12 col-sm-12 col-xs-12">
<h4 style="text-align:center; font-weight:bold; border-bottom:solid 1px; margin-top:10px;">Service Area</h4>
<p>
  <?php
  while($loc_res=mysqli_fetch_array($loc_sql))
{?>
<b class="loca-clr">
    <a href="<?=$site_url?>/<?=$loc_res['location_url']?>/" title="<?=$loc_res['location_name']?>"><?=$loc_res['location_name']?>, </a>


     </b>
<?}?>

    

</p>
                  </div>
               </div>
            </div>
         </div>
      </div>
<?}*/?>
      

<!--      <div style="background-color:#efefef;">
         <div class="container">
            <div class="row">
               <div class="col-md-12 col-sm-12 col-xs-12 nopadding">
                  <div class="col-md-12 col-sm-12 col-xs-12">
                     <p style="font-size:13px; color:#6441a5; padding-top:10px;"><b>Digial A2Z Company Provide The Complete Digital Marketing Solutions Like: SEO, SMO, PPC, Adwords, Branding, Online Reputation Management etc in Uttam Nagar New Delhi India, We also cover places for Digital Marketing Solutions in Vikaspuri, Digital Marketing Solutions in Tilak Nagar, Digital Marketing Solutions in Janakpuri, Digital Marketing Solutions in Dwarka  </b></p>
                  </div>
               </div>
            </div>
         </div>
      </div>-->
      
<style>
    .ftr-link-style{
        font-size:15px;
        font-family:arial !important;
    }
</style>       
<div class="container-fluid" style="background-color:#efefef;  padding:20px;">
<div class="container" style="background-color:#efefef;">
    <div class="row">
        <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 ">
            <!--<h3></h3>-->
             <a href="<?=$site_url?>"><img style="border-bottom:solid  1px; margin-top:10px;" src="<?=$site_url?>/header_files/<?=$DATALOGO['header_logo']?>" alt="<?=$compDATA['admin_company_name']?>"> </a>
             
<?php
$ftr_desc=db_scalar("select site_pages_description from tbl_site_pages  where site_pages_link='about-us' ");
?>
<p style="font-size:15px;"><?=str_replace("LOCATION",$locationName,substr(strip_tags($ftr_desc), 0,120))?>... 
<a href="<?=$site_url?>/about-us.html" style="color:black; font-weight: bold;">Read More</a></p>

        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
            <h4><strong>Quick Links</strong></h4>
<ul>
<?php
$link_sql_footer=db_query("select * from tbl_site_pages where 1 and site_pages_status='Active' and site_pages_show_in_footer='Yes' and site_pages_link!='category' order by site_pages_order_by asc ");
while($link_data_footer=mysqli_fetch_array($link_sql_footer)){
?>
<li class="ftr-link-style"><a href="<?=$site_url?>/<?=$link_data_footer['site_pages_link']?>.html"><i class="fa fa-angle-right"></i> <?=$link_data_footer['site_pages_name']?></a></li>
<?}?>



</ul>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
            <h4><strong>Our Services</strong></h4>
            
<ul>
<?php
$cat_sql=db_query("select * from  tbl_category where category_status='Active' and category_parent_id=0 order by category_order_by asc");
while($cat_res=mysqli_fetch_array($cat_sql))
{?>
<?php
if($loca_id!="")
{?>
<li class="ftr-link-style"><a href="<?=$site_url?>/<?=$loca_url?>/<?=$cat_res['category_url']?>.html" title="<?=$cat_res['category_name']?>"><i class="fa fa-angle-right"></i> <?=$cat_res['category_name']?></a></li>
<?}else{?>
<li class="ftr-link-style"><a href="<?=$site_url?>/<?=$cat_res['category_url']?>.html" title="<?=$cat_res['category_name']?>"><i class="fa fa-angle-right"></i> <?=$cat_res['category_name']?></a></li>
<?}?>

<?}?>
</ul>


        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
            <h4><strong>Service Areas</strong></h4>
            
<ul>
<?php
$loc_sql=db_query("select * from tbl_location where location_status='Active' and  location_parent_id=0  order by location_name asc limit 8");
while($loc_res=mysqli_fetch_array($loc_sql))
{?>
<li class="ftr-link-style"><a href="<?=$site_url?>/<?=$loc_res['location_url']?>/" title="<?=$loc_res['location_name']?>"><i class="fa fa-angle-right"></i> <?=$loc_res['location_name']?></a></li>
<?}?>
</ul>

        </div>
        
        
    </div>
    
</div> 
</div>
      
      
<style>
	.bg-brd-sty{margin: 0px; padding: 0px; padding-top:0px;  padding-bottom:0px;}
	.bg-brd-sty i{color:#fff; font-size:17px; text-align: center;}
	.bg-brd-sty p a{font-size: 12px !important;}
	.bg-brd-sty p{padding:0px; margin:0px; font-size:12px;}
	.round #tawkchat-status-text-container {
    
    margin-top: 22px;
    margin-left: 15px;
}
</style>


  
      
      

      <div class="footer-bottom text-center footer-bg"  style="padding:10px 0;">
         <div class="container">
             
            <div class="row">
               <div class="col-md-12 col-sm-12 col-xs-12 nopadding">
                  <div class="col-md-12 col-sm-12 col-xs-12">
                  <p style="color:white; font-size:12px;"><span ><?php if(!empty($compDATA['admin_copyright'])){ ?>Copyright &copy; <?=$compDATA['admin_copyright'];?><? } ?> <?php if(!empty($compDATA['admin_all_right_reserved'])){ ?><?=$compDATA['admin_all_right_reserved'];?> - All Rights Reserved.<? } ?> </span><br>Designed by | <a href="<?=$compDATA['admin_keyword_link']?>" target="_blank" style="color:white;" ><?=$compDATA['admin_member_of']?> - <?=$compDATA['admin_keyword']?></a></p>
                  </div>
               </div>
            </div>
         </div>
      </div>
     <!---<br class="visible-xs"/>
     <br class="visible-xs"/>------>
       <section class="res-comp text-center visible-xs">
      <div class="container">
         <div class="row">
			 <div class="col-xs-3 bg-brd-sty" style="border-right:solid 0px #FFF;">
              
             <p style="background-color:#4dc247;"><a href="https://wa.me/+91-9999499309"> <i class="fa fa-whatsapp"></i> WhatsApp</a></p>
           </div>
           <div class="col-xs-3 bg-brd-sty">
             
             <p> <a href="#" data-toggle="modal" data-target="#myModal"><i class="fa fa-envelope" style="font-size:12px;"></i> Enquiry</a></p>
           </div>
			 <div class="col-xs-3 bg-brd-sty">
               
             <p><a href="https://tawk.to/chat/5d578b3977aa790be32f4fb8/default" target="_blank"> <i class="fa fa-comments"></i> Live Chat</a></p>
            
           </div>
           <div class="col-xs-3 bg-brd-sty">
               
             <p><a href="tel:+91-9999499309"><i class="fa fa-mobile"></i> Call Now</a></p>
           </div>
            
           
           
         </div>
      </div>
   </section>
      
     
          <a href="#" style="color: white !important;" class="float" data-toggle="modal" data-target="#myModal1">
            <i class="fa fa-phone my-float"></i>
            </a>


 <!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/5d578b3977aa790be32f4fb8/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
      
      <a href="#" class="scrollup" style="bottom:90px;"><i class="fa fa-chevron-up"></i></a>
      
      <!-- MODERNIZER JS -->
      <script src="<?=$site_url?>/js/modernizr.js"></script>
      <!-- JAVASCRIPT JS  -->
      <script type="text/javascript" src="<?=$site_url?>/js/jquery.min.js"></script>
      <!-- BOOTSTRAP CORE JS -->
      <script type="text/javascript" src="<?=$site_url?>/js/bootstrap.min.js"></script>
      <!-- JQUERY MIGRATE -->
      <script type="text/javascript" src="<?=$site_url?>/js/jquery-migrate.min.js"></script>
      <!-- Jquery Counter -->
      <script src="<?=$site_url?>/js/jquery.countTo.js"></script>
      <!-- Jquery Waypoints -->
      <script src="<?=$site_url?>/js/jquery.waypoints.js"></script>
      <!-- Jquery Appear Plugin -->
      <script src="<?=$site_url?>/js/jquery.appear.min.js"></script>
      <!-- JQUERY SELECT -->
      <script type="text/javascript" src="<?=$site_url?>/js/select2.min.js"></script>
      <!-- MEGA MENU -->
      <script type="text/javascript" src="<?=$site_url?>/js/megamenu.js"></script>
      <!-- Owl Carousel -->
      <script type="text/javascript" src="<?=$site_url?>/js/owl-carousel.js"></script>
      <!-- TYPED JS --> 
      <script src="<?=$site_url?>/js/typed.min.js" type="text/javascript"></script>
      <!-- Gallery Magnify  -->
      <script src="<?=$site_url?>/js/jquery.magnific-popup.min.js"></script>
      <!-- MASTER SLIDER JS --> 
      <script src="<?=$site_url?>/masterslider/js/masterslider.min.js"></script>
      <!-- CORE JS --> 
      <script type="text/javascript" src="<?=$site_url?>/js/custom.js"></script>
      <!--------------->
      <script> 
$("#WebDesigning").click(function() { 
$('html, body').animate({ 
scrollTop: $("#WebDesigning-area").offset().top-100 
}, 1000); 
}) 
$("#webdevelopment").click(function() { 
$('html, body').animate({ 
scrollTop: $("#webdevelopment-area").offset().top-100 
}, 1000); 
})
$("#digitalmarketing").click(function() { 
$('html, body').animate({ 
scrollTop: $("#digitalmarketing-area").offset().top-100 
}, 1000); 
}) 
$("#packages").click(function() { 
$('html, body').animate({ 
scrollTop: $("#packages-area").offset().top-100 
}, 1000); 
}) 
$("#enterprise-solutions").click(function() { 
$('html, body').animate({ 
scrollTop: $("#enterprise-solutions-area").offset().top-100 
}, 1000); 
}) 
$("#bulksms").click(function() { 
$('html, body').animate({ 
scrollTop: $("#bulksms-area").offset().top-100 
}, 1000); 
})
$("#contact").click(function() { 
$('html, body').animate({ 
scrollTop: $("#contact-area").offset().top-100 
}, 1000); 
})
$("#internship").click(function() { 
$('html, body').animate({ 
scrollTop: $("#internship-area").offset().top-100 
}, 1000); 
})
</script> 
      <!---------------->
         <script type="text/javascript">
    function checkValidation(){
        var name=document.getElementById("name");
        var phone=document.getElementById("phone");
        var email=document.getElementById("email");
        var message=document.getElementById("message");
        
        if(name.value==""){
            alert("Enter your name !");
            name.focus();
            return false;
        }if(name.value.length<3){
            alert("Name must be 3 characters long !");
            name.focus();
            return false;
        }if(phone.value==""){
            alert("Enter your Mobile no. !");
            phone.focus();
            return false;
        }if(isNaN(phone.value)){
            alert("Enter only digits !");
            phone.focus();
            return false;
        }if(phone.value.length<10 || phone.value.length>10){
            alert("Mobile no must be in 10 digits !");
            phone.focus();
            return false;
            
        }if(email.value==""){
            alert("Enter your email !");
            email.focus();
            return false;            
        }if(!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email.value)){
            alert("Invalid Email !");
            email.focus();
            return false;
        }if(message.value==""){
            alert("Enter your query !");
            message.focus();
            return false;
        }if(message.value.length<10){
            alert("Query must be in minimum 10 characters !");
            message.focus();
            return false;
        }
        
    }
    
    
      function checkValidation2(){
        var name=document.getElementById("name2");
        var phone=document.getElementById("phone2");
        var email=document.getElementById("email2");
        var message=document.getElementById("message2");
        
        if(name.value==""){
            alert("Enter your name !");
            name.focus();
            return false;
        }if(name.value.length<3){
            alert("Name must be 3 characters long !");
            name.focus();
            return false;
        }if(phone.value==""){
            alert("Enter your Mobile no. !");
            phone.focus();
            return false;
        }if(isNaN(phone.value)){
            alert("Enter only digits !");
            phone.focus();
            return false;
        }if(phone.value.length<10 || phone.value.length>10){
            alert("Mobile no must be in 10 digits !");
            phone.focus();
            return false;
            
        }if(email.value==""){
            alert("Enter your email !");
            email.focus();
            return false;            
        }if(!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email.value)){
            alert("Invalid Email !");
            email.focus();
            return false;
        }if(message.value==""){
            alert("Enter your query !");
            message.focus();
            return false;
        }if(message.value.length<10){
            alert("Query must be in minimum 10 characters !");
            message.focus();
            return false;
        }
        
    }
    
    
        function checkValidation3(){
        var name=document.getElementById("name3");
        var phone=document.getElementById("phone3");
        var email=document.getElementById("email3");
        var message=document.getElementById("message3");
        
        if(name.value==""){
            alert("Enter your name !");
            name.focus();
            return false;
        }if(name.value.length<3){
            alert("Name must be 3 characters long !");
            name.focus();
            return false;
        }if(phone.value==""){
            alert("Enter your Mobile no. !");
            phone.focus();
            return false;
        }if(isNaN(phone.value)){
            alert("Enter only digits !");
            phone.focus();
            return false;
        }if(phone.value.length<10 || phone.value.length>10){
            alert("Mobile no must be in 10 digits !");
            phone.focus();
            return false;
            
        }if(email.value==""){
            alert("Enter your email !");
            email.focus();
            return false;            
        }if(!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email.value)){
            alert("Invalid Email !");
            email.focus();
            return false;
        }if(message.value==""){
            alert("Enter your query !");
            message.focus();
            return false;
        }if(message.value.length<10){
            alert("Query must be in minimum 10 characters !");
            message.focus();
            return false;
        }
        
    }
   </script>





   </body>
</html>