    <!-- spotlight -->
    <div id="tm-spotlight" class="tm-block-spotlight uk-block uk-block-default tm-block-fullwidth tm-grid-collapse" >
      <div class="uk-container uk-container-center">
        <section class="tm-spotlight uk-grid" data-uk-grid-match="{target:'> div > .uk-panel'}">
          <div class="uk-width-1-1">
            <div class="uk-panel uk-contrast tm-overlay-primary">
              <div class="tm-background-cover uk-cover-background uk-flex uk-flex-center uk-flex-middle" style="background-position: 50% 0px; background-image:url(images/background/bg-image-1.jpg)" data-uk-parallax="{bg: '-200'}">
                <div class="uk-position-relative uk-container tm-inner-container">
                  <h2 class="uk-module-title-alt uk-margin-remove">Our company</h2>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>

    <!-- breadcrumbs -->
    <div class="tm-breadcrumbs">
      <div class="uk-container uk-container-center">
        <div class="uk-hidden-small">
          <ul class="uk-breadcrumb">
            <li><a href="?page=home">Home</a></li>
            <li><span>Pages</span></li>
            <li class="uk-active"><span>Contact Us</span></li>
          </ul>
        </div>
      </div>
    </div>

    <!-- main content -->
    <div id="tm-main" class="tm-block-main uk-block uk-block-default">
      <div class="uk-container uk-container-center">
        <div class="tm-middle uk-grid" data-uk-grid-match data-uk-grid-margin>
          <div class="tm-main uk-width-medium-1-2">
            <main id="tm-content" class="tm-content">
              <article class="uk-article tm-article">
                <div class="tm-article-wrapper">
                  <div class="tm-article-content uk-margin-large-bottom uk-margin-top-remove">
                    <div class="tm-article">
                      <!-- contact form -->
                      <div class="contact">
                        <h3 class="uk-panel-title">Contact Us</h3>
                        <form id="contact_form" class="uk-form uk-form-stacked">
                          <div class="uk-grid uk-grid-width-medium-1-1 uk-grid-width-1-1">
                              
                            <div>
                              <div id="alert-msg-contact" class="alert-msg uk-margin-bottom"></div>
                            </div>

                            <!-- name field -->
                            <div class="uk-form-icon uk-grid-margin">
                              <i class="uk-icon-user"></i>
                              <input type="text" class="uk-width-1-1" name="contact-name" placeholder="Name" size="30" required="required">
                            </div>

                            <!-- email field -->
                            <div class="uk-form-icon uk-grid-margin">
                              <i class="uk-icon-envelope"></i>
                              <input type="email" class="uk-width-1-1" name="contact-email" placeholder="Your email" size="30" required="required">
                            </div>

                            <!-- subject field -->
                            <div class="uk-form-icon uk-grid-margin">
                              <i class="uk-icon-bookmark"></i>
                              <input type="text" class="uk-width-1-1 optional" name="contact-subject" placeholder=" Subject" size="60">
                            </div>

                            <!-- message field -->
                            <div class="uk-grid-margin">
                                <textarea class="uk-width-1-1" name="contact-message" cols="30" rows="3" placeholder="Your message" required="required"></textarea>
                            </div>

                            <!-- submit button -->
                            <div class="form-actions">
                              <button id="Submitbtn" class="uk-button uk-button-primary" type="submit">Send mail</button>
                            </div>

                            <div id="message"></div>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                </div>
              </article>
            </main>
          </div>

          <!-- sidebar-a -->
          <aside class="tm-sidebar-a uk-width-medium-1-2">
            <div class="uk-panel uk-panel-box">
              <div class="uk-grid uk-grid-width-medium-1-2 uk-grid-width-large-1-2" data-uk-grid-margin="">
                <div class="uk-panel uk-panel-space">
                  <h3 class="uk-module-title">Inquiry</h3>
                  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.<br>
                  Garden Mall,<br>
                  One way street</p>
                  <ul class="uk-list list-icons">
                    <li><i class="uk-icon-phone"></i> +49 555 000 000</li>
                    <li><i class="uk-icon-phone"></i> +49 111 000 000</li>
                    <li><i class="uk-icon-map-marker"></i> Hamburg, Germany</li>
                  </ul>
                </div>
                <div class="uk-panel uk-panel-space">
                  <h3 class="uk-module-title">Support</h3>
                  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr.<br>
                  Garden Mall,<br>
                  One way street</p>
                  <ul class="uk-list list-icons">
                    <li><i class="uk-icon-phone"></i> +49 555 000 000</li>
                    <li><i class="uk-icon-phone"></i> +49 111 000 000</li>
                    <li><i class="uk-icon-map-marker"></i> Hamburg, Germany</li>
                  </ul>
                </div>
              </div>
            </div>
          </aside>

        </div>
      </div>
    </div>

    <!-- bottom-b -->
    <div class="tm-block-bottom-b uk-block uk-block-primary-light tm-block-fullwidth tm-grid-collapse" id="tm-bottom-b">
      <div class="uk-container uk-container-center">
        <section class="tm-bottom-a uk-grid" data-uk-grid-margin="" data-uk-grid-match="{target:'> div > .uk-panel'}">

          <div class="uk-width-1-1">
            <div class="uk-panel">

              <!-- map -->
              <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script><div style="overflow:hidden;height:400px;width:100%;"><div id="gmap_canvas" style="height:400px;width:100%;"></div><a class="google-map-code" href="http://www.map-embed.com" id="get-map-data">map embed</a></div><script type="text/javascript"> function init_map(){var latlng = new google.maps.LatLng(53.5516991,9.999600299999997); var myOptions = {zoom:15,styles: [{"featureType":"water","elementType":"geometry","stylers":[{"color":"#e9e9e9"},{"lightness":17}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":20}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffffff"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#ffffff"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#ffffff"},{"lightness":16}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#f5f5f5"},{"lightness":21}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#dedede"},{"lightness":21}]},{"elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#ffffff"},{"lightness":16}]},{"elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#333333"},{"lightness":40}]},{"elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#f2f2f2"},{"lightness":19}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#fefefe"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#fefefe"},{"lightness":17},{"weight":1.2}]}],center: latlng,navigationControl: true,scrollwheel:false,mapTypeId: google.maps.MapTypeId.ROADMAP};map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);marker = new google.maps.Marker({map: map,position: new google.maps.LatLng(53.5516991, 9.999600299999997)});infowindow = new google.maps.InfoWindow({content:"<b>Sandal LLC</b><br/>Gerhart-Hauptmann-Platz 50 Hamburg<br/> Hamburg" });google.maps.event.addListener(marker, "click", function(){infowindow.open(map,marker);});infowindow.open(map,marker);}google.maps.event.addDomListener(window, 'load', init_map);</script>

                <!-- generate your own map -> http://www.map-embed.com/ -->

            </div>
          </div>
        </section>
      </div>
    </div>

    <!-- bottom-d -->
    <div class="tm-block-bottom-d uk-block uk-block-secondary tm-overlay-6" id="tm-bottom-d">
      <div class="uk-container uk-container-center">
        <section class="tm-bottom-d uk-grid" data-uk-grid-margin="" data-uk-grid-match="{target:'> div > .uk-panel'}">
          
          <!-- block -->
          <div class="uk-width-1-1 uk-width-medium-1-4">
            <div class="uk-panel">
              <img alt="logo" height="40" src="images/demo/general/logo-small-white.svg" width="140">
              <p>Sandal LLC.<br>
              Hamburg, Germany<br>
              One Street | Two Drive,<br>
              10th Floor, Site Wing<br>
              <br>
              +49 555 000 000<br>
              hello@sandal.com<br>
              support@sandal.com</p>
            </div>
          </div>

          <!-- block -->
          <div class="uk-width-1-1 uk-width-medium-1-4">
            <div class="uk-panel">
              <h3 class="uk-h3 uk-module-title uk-margin-bottom">Recent Posts</h3>
              <div class="tm-item-block">
                <ul>
                  <li>
                    <a href="?page=news-item">Have faith in your abilities</a> 
                    <div class="uk-margin-small-top">
                      Believe in yourself! Have faith in your abilities! Without a...
                    </div>
                  </li>
                  <li>
                    <a href="?page=news-item">Live in the only moment</a> 
                    <div class="uk-margin-small-top">
                      Always continue the climb. It is possible for you to...
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          
          <!-- block -->
          <div class="uk-width-1-1 uk-width-medium-1-4">
            <div class="uk-panel">
              <h3 class="uk-h3 uk-module-title uk-margin-bottom">Our Work</h3>
              <ul class="uk-list list-icons">
                <li><i class="uk-icon-angle-right"></i><a href="http://goo.gl/6xBDNW" target="_blank">Gaucho Cafe</a></li>
                <li><i class="uk-icon-angle-right"></i><a href="http://goo.gl/6xBDNW" target="_blank">Fontaine Corp</a></li>
                <li><i class="uk-icon-angle-right"></i><a href="http://goo.gl/6xBDNW" target="_blank">Saffron Magazine</a></li>
                <li><i class="uk-icon-angle-right"></i><a href="http://goo.gl/6xBDNW" target="_blank">Celsius gallery</a></li>
                <li><i class="uk-icon-angle-right"></i><a href="http://goo.gl/6xBDNW" target="_blank">Fidelity business</a></li>
                <li><i class="uk-icon-angle-right"></i><a href="http://goo.gl/6xBDNW" target="_blank">Lighthouse Church</a></li>
                <li><i class="uk-icon-angle-right"></i><a href="http://goo.gl/6xBDNW" target="_blank">Sauna Spa</a></li>
              </ul>
            </div>
          </div>
          
          <!-- block -->
          <div class="uk-width-1-1 uk-width-medium-1-4">
            <div class="uk-panel">
              <h3 class="uk-h3 uk-module-title uk-margin-bottom">Our Values</h3>
              <p>Do not dwell in the past, do not dream of the future, concentrate the mind on now.</p>
              <p>Let reality be reality. Let things flow naturally. Do not dwell in the past, do not dream of the future.</p>
            </div>
          </div>
        </section>
      </div>
    </div>