<footer>
    <div class="container">
        <div class="row">
            <hr>
            <h2 class="text-left text-center" style="margin-bottom: 50px;">CONTACT DETAILS</h2>
            <div class="col-md-6">
                <div class="row" style="margin-top: 20px;">
                    <div class="col-sm-12">
                        <p><strong>E-mail:</strong> info@seoptimizer.ae</p>
                        <p><strong>Tel:</strong> +971 4 453 7729 / +971 55 899 9019</p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12">
                        <p><strong>Working hours:</strong> Sunday – Thursday from 09:00 to 18:00</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <h4>© SEOptimizer</h4>
                <h4>“BetterWeb Solutions"</h4>
                <p>Sheikh Zayed Road,<br>IBN Batuta Gate Offices, Office 703D, P.O. Box : 73193,<br>Dubai, UAE</p>
            </div>
        </div>
    </div>
</footer>
<div id="googleMap" style="height:400px;width:100%;"></div>

<!-- Add Google Maps -->
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
    var myCenter = new google.maps.LatLng(25.040549, 55.115235);

    function initialize() {
        var mapProp = {
            center:myCenter,
            zoom:16,
            scrollwheel:false,
            draggable:true,
            mapTypeId:google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);

        var marker = new google.maps.Marker({
            position:myCenter,
        });

        marker.setMap(map);
    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>