Contact us page documantation

CONTACT.HTML

GOOLE MAP LOCATION - SECTION

If you would like to change google map location, please open js/googlemap.js file and instead of (50.100499598, 14.255998976) coordinates write yours, If you want to change zoom - instead of "zoom: 11" write zoom you like

var mapOptions = {
        // How zoomed in you want the map to start at (always required)
        zoom: 11,

// The latitude and longitude to center the map (always required)
        center: new google.maps.LatLng(50.100499598, 14.255998976), // Prague

// How you would like to style the map.
        styles: [{
            "featureType": "administrative",
            "elementType": "labels.text.fill",
            "stylers": [{"color": "#444444"}]
        }, {"featureType": "landscape", "elementType": "all", "stylers": [{"color": "#f2f2f2"}]}, {
            "featureType": "poi",
            "elementType": "all",
            "stylers": [{"visibility": "off"}]
        }, {
            "featureType": "road",
            "elementType": "all",
            "stylers": [{"saturation": -100}, {"lightness": 45}]
        }, {
            "featureType": "road.highway",
            "elementType": "all",
            "stylers": [{"visibility": "simplified"}]
        }, {
            "featureType": "road.arterial",
            "elementType": "labels.icon",
            "stylers": [{"visibility": "off"}]
        }, {
            "featureType": "transit",
            "elementType": "all",
            "stylers": [{"visibility": "off"}]
        }, {"featureType": "water", "elementType": "all", "stylers": [{"color": "#979797"}, {"visibility": "on"}]}]
    };

CONTACT INFORMATION SECTION

If you would like to change your contact information please do it in this section below:

<h3>CONTACT INFO</h3>

<p>
            Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu
            feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
            delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option
            congue nihil imperdiet doming id quod mazim placerat facer possim assum
          </p>

<br>

<h4>ADDRESS</h4>

<p>
            795 Fake Ave, Door 6<br>
            Wonderland, CA 94107, USA<br>
            <a href="#">info@yourdomain.com</a>
          </p>

<h4>PHONE</h4>

CONTACT FORM SECTION

For editing ciontact form section please find code below:

<h3>CONTACT FORM</h3>

<div class="form-group">
                <label for="inputEmail">Email</label>
                <input type="text" class="form-control" id="inputEmail" name="email" value="E-mail address" onBlur="if(this.value=='') this.value='E-mail address'" onFocus="if(this.value =='E-mail address' ) this.value=''">
            </div>

<div class="row">
              <div class="col-sm-12">
                <div class="form-group">
                    <label for="inputMessage">Your Message</label>
                    <textarea class="form-control" rows="7" id="inputMessage" name="content" onBlur="if(this.value=='') this.value='Message'"
                                onFocus="if(this.value =='Message' ) this.value=''">Message</textarea>
                </div>
              </div>
            </div>
            <button type="submit" class="btn-default btn-cf-submit">send message</button>
          </form>
        </div>

BOOKING TRAVEL BOOTSTRAP THEME

CONTACT.HTML

GOOLE MAP LOCATION - SECTION

CONTACT INFORMATION SECTION

CONTACT FORM SECTION