Contact

<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="r3usamkonylxqvtmbxqc" /> <input type="hidden" name="form-nonce" value="0c94511ccb95a9c9cbc031f42bc6ae28" /> </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/e/5/9/6/8/e5968690a4af4c139a1cf4e46d34d3d81e4ad9cd-google-map-marker.png?g-0f1e681a"; //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>