<?php
/**
 * Template Name: Contact Template
 *
 * Displays all of the head element and everything up until the "site-content" div.
 *
 * @package WordPress
 * @subpackage Punjab_Motor
 * @since Punjab Motor 1.0
 */

?>
<?php get_header();?>
<!-- Header End -->

<div class="inner_body">
  <div class="container">
    <div class="col-md-6 col-sm-12 col-xs-12 contact-left">
      <div> <span><i class="fa fa-globe" aria-hidden="true"></i> ADDRESS :</span>
        <p class="company-address"><?php echo get_field('contact_address'); ?></p>
        <div class="clr"></div>
      </div>
      <div> <span><i class="fa fa-phone-square" aria-hidden="true"></i> Phone No :</span>
        <p><a href="tel:<?php $cnt = get_field('contact_phone',16); echo str_replace(" ","",$cnt);?>"><?php echo get_field('contact_phone'); ?></a></p>
        <div class="clr"></div>
      </div>
      <div> <span><i class="fa fa-envelope" aria-hidden="true"></i> Email :</span>
        <p><a href="mailto:<?php echo get_field('contact_email'); ?>"><?php echo get_field('contact_email'); ?></a></p>
        <div class="clr"></div>
      </div>
    </div>
    <div class="col-md-6 col-sm-12 col-xs-12 contact-right">
      <?php echo do_shortcode('[contact-form-7 id="5" title="Contact Form"]');?>
      
    </div>
    <div class="clearfix"></div>
    <div class="contact_map">
      <iframe src="<?php echo get_field('contact_map'); ?>" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
    </div>
  </div>
</div>

<!-- Footer Start-->
<?php get_footer();?>