Contact all your info in one place

Contact section includes place in all your information about restaurant and working contact form (contact.html). To get a filled form all you need to do is change email address in contact-send.php. 

    contact content
    <section id="contact" class="section-scroll main-section">
      <header class="section-header">
        <h2>Berg Restaurant</h2>
      </header> 
    <div class="contact-content container section-padding">
      <div class="row">
        <div class="col-xs-12 col-md-5 v-card">
          <h3>Information</h3>
          <p>Integer congue tellus laoreet lectus iaculis, sit amet adipiscing elit lacinia. Integer eleifend sapien ut justo tristique, in adipiscing est sagittis.</p>


          <div class="row">
            <div class="col-sm-6">
              <h3>Address</h3>
              <address>
                <strong>Berg Restaurant</strong><br/>
                Armii Krajowej 17<br/>
                58-100 Świdnica<br/>
              </address>
            </div>
            <div class="col-sm-6">
              <h3>Contact</h3>
              <p>
                <a href="#" class="email">restaurant@berg.com</a><br/>
                <a href="tel:48889889889">+48 889 889 889</a><br/>
                <a href="tel:48889889889">+48 889 888 860</a><br/>
              <p/>
            </div>
    ...

google map

If you choose intro section you can add a working map with your restaurant position. You want to set own position? It's simple. Find map position in main.js and insert own geographical location. More information, check here. 

    var markerPosition = new google.maps.LatLng(51.104411, 17.01300); <-- marker position
    var image = {
        path: 'M768 896q0 106 -75 181t-181 75t-181 -75t-75 -181t75 -181t181 -75t181 75t75 181zM1024 896q0 -109 -33 -179l-364 -774q-16 -33 -47.5 -52t-67.5 -19t-67.5 19t-46.5 52l-365 774q-33 70 -33 179q0 212 150 362t362 150t362 -150t150 -362z',
        fillColor: $('.mapMarkerColor').css('color'),
        fillOpacity: 1,
        scale: 0.03,
        strokeColor: 'black',
        strokeWeight: 0.2,
        rotation: 180
    };
    var mapOptions = {
        zoom: 17,
        center: new google.maps.LatLng(51.103994, 17.010588), <-- map position
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        scrollwheel: false,
        disableDefaultUI: true,
        styles: [{stylers: [{saturation: -100}]}]
    };

    var map = new google.maps.Map(document.getElementById('map'),
            mapOptions);
    var marker = new google.maps.Marker({
    position: markerPosition,
    map: map,
    title:"Hello World!",
    icon: image
    ...