<section class="contact-form ptb-100">
<div class="container text-center">
<h2>Compellingly implement distinctive outsourcing<br>and 24/365 customer service energistically.</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2">
<form name="contact-form"
action="/contact"
method="POST"
id="contact-form" >
<div class="row">
<div class="col-md-6">
<div class="form-group user-name">
<label for="name" class="sr-only">Name</label>
<input
name="data[name]"
value=""
type="text"
class="form-control form-control" placeholder="Name" required="required"
/>
</div>
<div class="form-group user-email">
<label for="email" class="sr-only">Email</label>
<input
name="data[email]"
value=""
type="email"
class="form-control form-control" placeholder="Email Address" required="required"
/>
</div>
<div class="form-group user-phone">
<label for="phone" class="sr-only">Phone</label>
<input
name="data[phone]"
value=""
type="text"
class="form-control form-control" placeholder="Phone" required="required"
/>
</div>
</div>
<div class="col-md-6">
<div class="form-group user-message">
<label for="message" class="sr-only">Message</label>
<textarea
class="form-control"
name="data[message]"
class="form-control" placeholder="Write Message" required="required" rows="6" ></textarea>
</div>
</div>
</div>
<input type="hidden" name="__form-name__" value="contact-form" />
<div class="buttons">
<button
class="btn btn-primary"
type="submit"
>
Send Message
</button>
</div>
<input type="hidden" name="__unique_form_id__" value="jibfqNMSpEUy4DwFoHAR" /> <input type="hidden" name="form-nonce" value="7bcef0a6384eb828fb2934e80d5fa0ee" />
</form>
</div>
</div>
</div>
</section>
<section class="map-section">
<div id="googleMap"></div>
</section>
<script src="https://maps.googleapis.com/maps/api/js?key="></script>
<script>
jQuery(function ($) {
'use strict';
(function () {
if ($('#googleMap').length > 0) {
var $latitude = 47.949501,
$longitude = 21.7244,
$map_zoom = 18;
//google map custom marker icon
var $marker_url = "/images/8/1/8/3/2/81832be1d0555ccdc5b7fd490781b7ba939f076d-google-map-marker.png?g-38387e18";
//we define here the style of the map
var style = [{
"stylers": [{
"hue": "#000"
}, {
"saturation": -100
}, {
"gamma": 2.15
}, {
"lightness": 12
}]
}];
//set google map options
var map_options = {
center: new google.maps.LatLng($latitude, $longitude),
zoom: $map_zoom,
panControl: false,
zoomControl: false,
mapTypeControl: false,
streetViewControl: false,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel: false,
styles: style,
}
//initialize the map
var map = new google.maps.Map(document.getElementById('googleMap'), map_options);
//add a custom marker to the map
var marker = new google.maps.Marker({
position: new google.maps.LatLng($latitude, $longitude),
map: map,
visible: true,
icon: $marker_url
});
}
}());
});
</script>