    <!-- spotlight -->
    <div class="tm-block-spotlight uk-block uk-block-primary" id="tm-spotlight">
      <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">
              <h1 class="uk-h2 uk-margin-remove">Gallery</h1>
            </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><span>Gallery</span></li>
            <li class="uk-active"><span>No margin Layout</span></li>
          </ul>
        </div>
      </div>
    </div>

    <!-- top-a -->
    <div class="tm-block-top-a uk-block uk-block-default" id="tm-top-a">
      <div class="uk-container uk-container-center">
        <section class="tm-top-a uk-grid" data-uk-grid-margin="" data-uk-grid-match="{target:'&gt; div &gt; .uk-panel'}">
          <div class="uk-width-1-1">
            <div class="uk-panel">

              <!-- filters -->
              <ul class="uk-subnav uk-subnav-pill tm-grid-filters" id="nomargin_grid">
                <li class="uk-active" data-uk-filter=""><a class="uk-active" href="#">all</a></li>
                <li data-uk-filter="design"><a href="#">Design</a></li>
                <li data-uk-filter="mockup"><a href="#">Mockup</a></li>
                <li data-uk-filter="illustration"><a href="#">Illustration</a></li>
                <li data-uk-filter="brochure"><a href="#">Brochure</a></li>
                <li data-uk-filter="architecture"><a href="#">Architecture</a></li>
              </ul>
            </div>
          </div>
        </section>
      </div>
    </div>

    <!-- main content -->
    <div class="tm-block-main uk-block uk-block-default tm-block-fullwidth tm-grid-collapse" id="tm-main">
      <div class="uk-container uk-container-center">
        <div class="tm-middle uk-grid" data-uk-grid-margin="" data-uk-grid-match="">
          <div class="tm-main uk-width-medium-1-1">
            <div class="tm-content-grid" id="tm-content-grid">
              <div class="tm-grid">
                <div class="">
                  <div class="tm-dynamic-grid uk-grid-width-1-1 uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid="{gutter: 0, controls: '#nomargin_grid'}">
                    
                  <!-- grid item -->
                    <div data-uk-filter="mockup">
                      <div class="uk-panel">
                        <a class="" data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/1.jpg" title="title goes here">
                        <figure class="uk-overlay uk-overlay-hover">
                          <img alt="image" class="uk-overlay-scale" height="1210" src="images/demo/gallery/1.jpg" width="605">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
                          <div class="tm-overlay-box"></div>
                        </figure></a>
                      </div>
                    </div>
                    
                    <!-- grid item -->
                    <div data-uk-filter="mockup">
                      <div class="uk-panel">
                        <a class="" data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/2.jpg" title="title goes here">
                        <figure class="uk-overlay uk-overlay-hover">
                          <img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/2.jpg" width="605">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
                          <div class="tm-overlay-box"></div>
                        </figure></a>
                      </div>
                    </div>
                    
                    <!-- grid item -->
                    <div data-uk-filter="design,architecture">
                      <div class="uk-panel">
                        <a class="" data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/3.jpg" title="title goes here">
                        <figure class="uk-overlay uk-overlay-hover">
                          <img alt="image" class="uk-overlay-scale" height="1210" src="images/demo/gallery/3.jpg" width="605">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
                          <div class="tm-overlay-box"></div>
                        </figure></a>
                      </div>
                    </div>
                    
                    <!-- grid item -->
                    <div data-uk-filter="design">
                      <div class="uk-panel">
                        <a class="" data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/4.jpg" title="title goes here">
                        <figure class="uk-overlay uk-overlay-hover">
                          <img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/4.jpg" width="605">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
                          <div class="tm-overlay-box"></div>
                        </figure></a>
                      </div>
                    </div>
                    
                    <!-- grid item -->
                    <div data-uk-filter="mockup">
                      <div class="uk-panel">
                        <a class="" data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/5.jpg" title="title goes here">
                        <figure class="uk-overlay uk-overlay-hover">
                          <img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/5.jpg" width="605">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
                          <div class="tm-overlay-box"></div>
                        </figure></a>
                      </div>
                    </div>
                    
                    <!-- grid item -->
                    <div data-uk-filter="illustration,brochure">
                      <div class="uk-panel">
                        <a class="" data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/6.jpg" title="title goes here">
                        <figure class="uk-overlay uk-overlay-hover">
                          <img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/6.jpg" width="605">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
                          <div class="tm-overlay-box"></div>
                        </figure></a>
                      </div>
                    </div>
                    
                    <!-- grid item -->
                    <div data-uk-filter="mockup">
                      <div class="uk-panel">
                        <a class="" data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/7.jpg" title="title goes here">
                        <figure class="uk-overlay uk-overlay-hover">
                          <img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/7.jpg" width="605">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
                          <div class="tm-overlay-box"></div>
                        </figure></a>
                      </div>
                    </div>
                    
                    <!-- grid item -->
                    <div data-uk-filter="mockup">
                      <div class="uk-panel">
                        <a class="" data-uk-lightbox="{group:'gallery1'}" href="images/demo/gallery/8.jpg" title="title goes here">
                        <figure class="uk-overlay uk-overlay-hover">
                          <img alt="image" class="uk-overlay-scale" height="605" src="images/demo/gallery/8.jpg" width="605">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-fade uk-overlay-icon"></div>
                          <div class="tm-overlay-box"></div>
                        </figure></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </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>