Devil Killer Is Here MiNi Shell
MiNi SheLL

Current Path : /hermes/bosnacweb04/bosnacweb04ac/b1072/ipg.liuyuan7592410/wb_ecom/
Linux boscustweb5004.eigbox.net 5.4.91 #1 SMP Wed Jan 20 18:10:28 EST 2021 x86_64
Current File : /hermes/bosnacweb04/bosnacweb04ac/b1072/ipg.liuyuan7592410/wb_ecom/contact.php
<?php
	require('top.php');
?>
<!-- Start Bradcaump area -->
<div class="ht__bradcaump__area" style="background: rgba(0, 0, 0, 0) url(images/bg/4.jpg) no-repeat scroll center center / cover ;">
	<div class="ht__bradcaump__wrap">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					<div class="bradcaump__inner">
						<nav class="bradcaump-inner">
						  <a class="breadcrumb-item" href="index.html">Home</a>
						  <span class="brd-separetor"><i class="zmdi zmdi-chevron-right"></i></span>
						  <span class="breadcrumb-item active">Contact Us</span>
						</nav>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- End Bradcaump area -->
<!-- Start Contact Area -->
<section class="htc__contact__area ptb--100 bg__white">
	<div class="container">
		<div class="row">
			<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
				<div class="map-contacts--2">
					<!-- <div id="googleMap"></div> -->
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2876.891379769206!2d-79.3342226844956!3d43.858079979114855!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xc22232b3ed9af172!2sNail+Club+111!5e0!3m2!1sen!2sca!4v1519580675499" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
				</div>
			</div>
			<div class="col-lg-5 col-md-6 col-sm-12 col-xs-12">
				<h2 class="title__line--6">CONTACT US</h2>
				<div class="address">
					<div class="address__icon">
						<i class="icon-location-pin icons"></i>
					</div>
					<div class="address__details">
						<h2 class="ct__title">our address</h2>
						<p>8601 Warden Ave, Unit 11 </p>
						<p>Markham, Ontario Canada L3R 0B5</p>
					</div>
				</div>
				<div class="address">
					<div class="address__icon">
						<i class="icon-clock icons"></i>
					</div>
					<div class="address__details">
						<h2 class="ct__title">openning hour</h2>
						<p>Mon-Fri 10:00-20:00 </p>
						<p>Saturday 10:00-18:00 </p>
						<p>Sunday 11:00-17:00</p> 
					</div>
				</div>

				<div class="address">
					<div class="address__icon">
						<i class="icon-phone icons"></i>
					</div>
					<div class="address__details">
						<h2 class="ct__title">Phone Number</h2>
						<p>416-800-6518</p>
					</div>
				</div>
			</div>	  
		</div>
		<div class="row">
			<div class="contact-form-wrap mt--60">
				<div class="col-xs-12">
					<div class="contact-title">
						<h2 class="title__line--6">SEND A MAIL</h2>
					</div>
				</div>
				<div class="col-xs-12">
					<form id="contact-form" action="#" method="post">
						<div class="single-contact-form">
							<div class="contact-box name">
								<input type="text" id="name" name="name" placeholder="Your Name*">
								<input type="email" id="email" name="email" placeholder="eMail*">
								<input type="mobile" id="mobile" name="mobile" placeholder="Mobile*">
							</div>
						</div>
						<div class="single-contact-form">
							<div class="contact-box message">
								<textarea name="message" id="message" placeholder="Your Message"></textarea>
							</div>
						</div>
						<div class="contact-btn">
							<button type="button" onclick="send_message();" class="fv-btn">Send MESSAGE</button>
						</div>
					</form>
					<div class="form-output">
						<p class="form-messege"></p>
					</div>
				</div>
			</div> 
		</div>
	</div>
</section>
<!-- End Contact Area -->

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBmGmeot5jcjdaJTvfCmQPfzeoG_pABeWo "></script>
<script src="js/contact-map.js"></script>
<script>
// When the window has finished loading create our google map below
google.maps.event.addDomListener(window, 'load', init);

function init() {
	// Basic options for a simple Google Map
	// For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
	var mapOptions = {
		// How zoomed in you want the map to start at (always required)
		zoom: 12,

		scrollwheel: false,

		// The latitude and longitude to center the map (always required)
		center: new google.maps.LatLng(43.8580943,-79.3323133), // New York

		// How you would like to style the map. 
		// This is where you would paste any style found on Snazzy Maps.
		 styles: 
[ {
		"featureType": "all",
		"elementType": "labels.text.fill",
		"stylers": [
			{
				"saturation": 36
			},
			{
				"color": "#000000"
			},
			{
				"lightness": 40
			}
		]
	},
	{
		"featureType": "all",
		"elementType": "labels.text.stroke",
		"stylers": [
			{
				"visibility": "on"
			},
			{
				"color": "#000000"
			},
			{
				"lightness": 16
			}
		]
	},
	{
		"featureType": "all",
		"elementType": "labels.icon",
		"stylers": [
			{
				"visibility": "off"
			}
		]
	},
	{
		"featureType": "administrative",
		"elementType": "geometry.fill",
		"stylers": [
			{
				"color": "#000000"
			},
			{
				"lightness": 20
			}
		]
	},
	{
		"featureType": "administrative",
		"elementType": "geometry.stroke",
		"stylers": [
			{
				"color": "#000000"
			},
			{
				"lightness": 17
			},
			{
				"weight": 1.2
			}
		]
	},
	{
		"featureType": "landscape",
		"elementType": "geometry",
		"stylers": [
			{
				"color": "#000000"
			},
			{
				"lightness": 20
			}
		]
	},
	{
		"featureType": "poi",
		"elementType": "geometry",
		"stylers": [
			{
				"color": "#000000"
			},
			{
				"lightness": 21
			}
		]
	},
	{
		"featureType": "road.highway",
		"elementType": "geometry.fill",
		"stylers": [
			{
				"color": "#000000"
			},
			{
				"lightness": 17
			}
		]
	},
	{
		"featureType": "road.highway",
		"elementType": "geometry.stroke",
		"stylers": [
			{
				"color": "#000000"
			},
			{
				"lightness": 29
			},
			{
				"weight": 0.2
			}
		]
	},
	{
		"featureType": "road.arterial",
		"elementType": "geometry",
		"stylers": [
			{
				"color": "#000000"
			},
			{
				"lightness": 18
			}
		]
	},
	{
		"featureType": "road.local",
		"elementType": "geometry",
		"stylers": [
			{
				"color": "#000000"
			},
			{
				"lightness": 16
			}
		]
	},
	{
		"featureType": "transit",
		"elementType": "geometry",
		"stylers": [
			{
				"color": "#000000"
			},
			{
				"lightness": 19
			}
		]
	},
	{
		"featureType": "water",
		"elementType": "geometry",
		"stylers": [
			{
				"color": "#141516"
			},
			{
				"lightness": 17
			}
		]
	}
]
	};

	// Get the HTML DOM element that will contain your map 
	// We are using a div with id="map" seen below in the <body>
	var mapElement = document.getElementById('googleMap');

	// Create the Google Map using our element and options defined above
	var map = new google.maps.Map(mapElement, mapOptions);

	// Let's also add a marker while we're at it
	var marker = new google.maps.Marker({
		position: new google.maps.LatLng(23.7286, 90.3854),
		map: map,
		title: 'Ramble!',
		icon: 'images/icons/map-2.png',
		animation:google.maps.Animation.BOUNCE

	});
}
</script>

<?php
require('footer.php');
?>
Creat By MiNi SheLL
Email: devilkiller@gmail.com