<?php
/**
* The template for displaying page
* template name: Contact Template
*
* @package TSS technology
* @since TSS technology 1.0
*/

get_header();
?>	<!-- BANNER -->
<div class="section banner-page about">
		<div class="container">
			<div class="row">
				<div class="col-sm-12 col-md-12">
					<div class="title-page"><?php the_title(); ?> </div>
					<ol class="breadcrumb">
						<li><a href="<?php echo home_url(); ?>">Home</a></li>
						<li class="active"><?php the_title(); ?></li>
					</ol>
				</div>
			</div>
		</div>
	</div>
	<div class="section contact overlap">
		<div class="container">
			<div class="row">

					<div class="col-sm-8 col-md-8">
					<div class="content">
						  
						<div class="widget-title">
							Contact Details
						</div>
						<?php echo do_shortcode('[contact-form-7 id="93" title="Contact form 1"]'); ?>	 
					 </div>
				</div>
				<div class="col-sm-4 col-md-">
					 
					<div class="widget contact-info-sidebar">
						<div class="widget-title">
							OFFICE ADDRESS
						</div>
						<ul class="list-info">
							<li>
								<div class="info-icon">
									<span class="fa fa-map-marker"></span>
								</div>
								<div class="info-text"><?php the_field('address'); ?></div> </li>
							<li>
								<li>
								<div class="info-icon">
									<span class="fa fa-map-marker"></span>
								</div>
								<div class="info-text"><?php the_field('address_1'); ?></div> </li>
							<li>
								<div class="info-icon">
									<span class="fa fa-phone"></span>
								</div>
								<div class="info-text"><?php the_field('phone'); ?></div>
							</li>
							<li>
								<div class="info-icon">
									<span class="fa fa-phone"></span>
								</div>
								<div class="info-text"><?php the_field('phone_1'); ?></div>
							</li>
							<li>
								<div class="info-icon">
									<span class="fa fa-fax"></span>
								</div>
								<div class="info-text"><?php the_field('fax_number');?></div>
							</li>
							<li>
								<div class="info-icon">
									<span class="fa fa-envelope"></span>
								</div>
								<div class="info-text"><?php the_field('email'); ?></div>
							</li>
							 
						</ul>
					</div> 

				</div>
			

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

	<div class="maps"> 
		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d65331086.4671419!2d-57.02412763420496!3d17.842957933836665!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b41b941890b2b%3A0x581d261a1c2d68d2!2s206+Queen+St+S%2C+Mississauga%2C+ON+L5M+1X1%2C+Canada!5e0!3m2!1sen!2sin!4v1540299278094" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
		
	</div> 
<?php get_footer(); ?>