    <!-- 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">Shop</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 class="uk-active"><span>Shop</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-7-10">
            <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">
                      <div class="tm-shop" itemscope itemtype="http://schema.org/ItemList" data-link="?page=shop-grid">
                        <div class="uk-grid">
                          <div class="uk-width-medium-1-2">
                          <p class="tm-shop-items-count">Showing 1–6 of 16 results</p>
                          </div>

                          <div class="uk-width-medium-1-2 uk-text-right">
                          <form class="tm-shop-ordering" method="get">
                            <select name="orderby" class="orderby">
                                    <option value="menu_order" selected="selected">Default sorting</option>
                                    <option value="popularity">Sort by popularity</option>
                                    <option value="rating">Sort by average rating</option>
                                    <option value="date">Sort by newness</option>
                                    <option value="price">Sort by price: low to high</option>
                                    <option value="price-desc">Sort by price: high to low</option>
                                </select>
                            <input type="hidden" name="post_type" value="product">
                          </form>
                          </div>

                        </div>

                        <div class="uk-grid uk-grid-width-small-1-2 uk-grid-width-medium-1-2 uk-grid-width-large-1-3" data-uk-grid-margin="">

                          <!-- product item -->
                          <div class="tm-product" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/Product">
                            <div class="tm-product-img">
                              <a href="?page=shop-single-product">
                                <img class="tm-shop-img-responsive" itemprop="image" alt="CSS Ninja T-shirt" src="images/demo/shop/t-shirt_06_black_front_thumb.png">  
                              </a>
                            </div>
                            <h2 itemprop="name" class="tm-product-title">
                              <a itemprop="url" href="?page=shop-single-product" title="CSS Ninja T-shirt">CSS Ninja T-shirt</a>
                            </h2>

                            <div class="tm-product-rating" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
                              <meta itemprop="ratingValue" content="5.00">
                              <meta itemprop="ratingCount" content="5">
                              <ul class="tm-rating">
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                              </ul>
                            </div>

                            <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="tm-product-price-container">
                              <div class="tm-sale-price">€20.00</div>
                              <meta itemprop="price" content="20.00000">
                              <meta itemprop="priceCurrency" content="EUR">
                              <link itemprop="availability" href="http://schema.org/InStock">
                            </div>


                            <form action="#">
                              <div class="tm-add-to-cart">
                                <div class="tm-product-qty">
                                  <input type="number" name="product_qty" value="1" class="input-mini form-control" min="1" step="1">
                                </div>
                                <input value="Add to cart" type="submit" class="uk-button uk-button-primary uk-button-small tm-cart-button">
                              </div>
                            </form>
                          </div>

                          <!-- product item -->
                          <div class="tm-product" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/Product">
                            <div class="tm-product-img">
                              <a href="?page=shop-single-product">
                                <img class="tm-shop-img-responsive" itemprop="image" alt="American Eagle T-shirt" src="images/demo/shop/t-shirt_eagle_blue_front_thumb.png">  
                              </a>
                            </div>
                            <h2 itemprop="name" class="tm-product-title">
                              <a itemprop="url" href="?page=shop-single-product" title="American Eagle T-shirt">American Eagle T-shirt</a>
                            </h2>

                            <div class="tm-product-rating" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
                              <meta itemprop="ratingValue" content="4.50">
                              <meta itemprop="ratingCount" content="5">
                              <ul class="tm-rating">
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star-half-o"></i></li>
                              </ul>
                            </div>

                            <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="tm-product-price-container">
                              <div class="tm-sale-price">€15.00</div>
                              <meta itemprop="price" content="15.00000">
                              <meta itemprop="priceCurrency" content="EUR">
                              <link itemprop="availability" href="http://schema.org/InStock">
                            </div>

                            <form action="#">
                              <div class="tm-add-to-cart">
                                <input value="Select options" type="submit" class="uk-button uk-button-primary uk-button-small tm-cart-button">
                              </div>
                            </form>
                          </div>

                          <!-- product item -->
                          <div class="tm-product" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/Product">
                            <div class="tm-product-img">
                              <a href="?page=shop-single-product">
                                <img class="tm-shop-img-responsive" itemprop="image" alt="Hoodie" src="images/demo/shop/hoodie_03_greygrey_back_thumb.png">  
                              </a>
                            </div>
                            <h2 itemprop="name" class="tm-product-title">
                              <a itemprop="url" href="?page=shop-single-product" title="Hoodie">Hoodie</a>
                            </h2>

                            <div class="tm-product-rating" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
                              <meta itemprop="ratingValue" content="4.50">
                              <meta itemprop="ratingCount" content="5">
                              <ul class="tm-rating">
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star-half-o"></i></li>
                              </ul>
                            </div>

                            <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="tm-product-price-container">
                              <div class="tm-sale-price">€30.00</div>
                              <meta itemprop="price" content="30.00000">
                              <meta itemprop="priceCurrency" content="EUR">
                              <link itemprop="availability" href="http://schema.org/InStock">
                            </div>

                            <form action="#">
                              <div class="tm-add-to-cart">
                                <div class="tm-product-qty">
                                  <input type="number" name="product_qty" value="1" class="input-mini form-control" min="1" step="1">
                                </div>
                                <input value="Add to cart" type="submit" class="uk-button uk-button-primary uk-button-small tm-cart-button">
                              </div>
                            </form>
                          </div>

                          <!-- product item -->
                          <div class="tm-product" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/Product">
                            <div class="tm-product-img">
                              <a href="?page=shop-single-product">
                                <span class="onsale">Sale!</span>
                                <img class="tm-shop-img-responsive" itemprop="image" alt="Canvas Bag" src="images/demo/shop/canvas_bag_thumb.png">  
                              </a>
                            </div>
                            <h2 itemprop="name" class="tm-product-title">
                              <a itemprop="url" href="?page=shop-single-product" title="Canvas Bag">Canvas Bag</a>
                            </h2>

                            <div class="tm-product-rating" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
                              <meta itemprop="ratingValue" content="5.00">
                              <meta itemprop="ratingCount" content="5">
                              <ul class="tm-rating">
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                              </ul>
                            </div>

                            <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="tm-product-price-container">
                              <del class="tm-base-price uk-text-muted">€15.00</del>
                              <div class="tm-sale-price">€10.00</div>
                              <meta itemprop="price" content="10.00000">
                              <meta itemprop="priceCurrency" content="EUR">
                              <link itemprop="availability" href="http://schema.org/InStock">
                            </div>

                            <form action="#">
                              <div class="tm-add-to-cart">
                                <div class="tm-product-qty">
                                  <input type="number" name="product_qty" value="1" class="input-mini form-control" min="1" step="1">
                                </div>
                                <input value="Add to cart" type="submit" class="uk-button uk-button-primary uk-button-small tm-cart-button">
                              </div>
                            </form>
                          </div>

                          <!-- product item -->
                          <div class="tm-product" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/Product">
                            <div class="tm-product-img">
                              <a href="?page=shop-single-product">
                                <img class="tm-shop-img-responsive" itemprop="image" alt="Look Good T-Shirt" src="images/demo/shop/t-shirt_05_white_front_thumb.png">  
                              </a>
                            </div>
                            <h2 itemprop="name" class="tm-product-title">
                              <a itemprop="url" href="?page=shop-single-product" title="Look Good T-Shirt">Look Good T-Shirt</a>
                            </h2>

                            <div class="tm-product-rating" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
                              <meta itemprop="ratingValue" content="3.50">
                              <meta itemprop="ratingCount" content="5">
                              <ul class="tm-rating">
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star-half-empty"></i></li>
                                <li><i class="uk-icon-star-o"></i></li>
                              </ul>
                            </div>

                            <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="tm-product-price-container">
                              <div class="tm-sale-price">€25.00</div>
                              <meta itemprop="price" content="25.00000">
                              <meta itemprop="priceCurrency" content="EUR">
                              <link itemprop="availability" href="http://schema.org/InStock">
                            </div>

                            <form action="#">
                              <div class="tm-add-to-cart">
                                <div class="tm-product-qty">
                                  <input type="number" name="product_qty" value="1" class="input-mini form-control" min="1" step="1">
                                </div>
                                <input value="Add to cart" type="submit" class="uk-button uk-button-primary uk-button-small tm-cart-button">
                              </div>
                            </form>
                          </div>

                          <!-- product item -->
                          <div class="tm-product" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/Product">
                            <div class="tm-product-img">
                              <a href="?page=shop-single-product">
                                <img class="tm-shop-img-responsive" itemprop="image" alt="Men's T-Shirt" src="images/demo/shop/t-shirt_blue_back_thumb.png">  
                              </a>
                            </div>
                            <h2 itemprop="name" class="tm-product-title">
                              <a itemprop="url" href="?page=shop-single-product" title="Men's T-Shirt">Men's T-Shirt</a>
                            </h2>

                            <div class="tm-product-rating" itemprop="aggregateRating" itemscope="" itemtype="http://schema.org/AggregateRating">
                              <meta itemprop="ratingValue" content="4.00">
                              <meta itemprop="ratingCount" content="5">
                              <ul class="tm-rating">
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star"></i></li>
                                <li><i class="uk-icon-star-o"></i></li>
                              </ul>
                            </div>

                            <div itemprop="offers" itemscope itemtype="http://schema.org/Offer" class="tm-product-price-container">
                              <div class="tm-sale-price">€25.00</div>
                              <meta itemprop="price" content="25.00000">
                              <meta itemprop="priceCurrency" content="EUR">
                              <link itemprop="availability" href="http://schema.org/InStock">
                            </div>

                            <form action="#">
                              <div class="tm-add-to-cart">
                                <div class="tm-product-qty">
                                  <input type="number" name="product_qty" value="1" class="input-mini form-control" min="1" step="1">
                                </div>
                                <input value="Add to cart" type="submit" class="uk-button uk-button-primary uk-button-small tm-cart-button">
                              </div>
                            </form>
                          </div>

                          <div class="uk-width-1-1">
                            <ul class="uk-pagination" data-uk-pagination="{items:16, itemsOnPage:6}">

                            </ul>
                          </div>

                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </article>              
            </main>
          </div>
          <aside class="tm-sidebar-b uk-width-medium-3-10">

            <!-- product categories -->
            <div class="uk-panel uk-panel-box tm-panel-box-primary-light">
              <h3 class="uk-panel-title">Categories</h3>
              <ul class="uk-list list-icons" data-uk-nav="{}">
                <li><i class="uk-icon-angle-right"></i><a href=""> T-Shirts</a></li>
                <li><i class="uk-icon-angle-right"></i><a href=""> Hoodie</a></li>
                <li><i class="uk-icon-angle-right"></i><a href=""> Caps</a></li>
                <li><i class="uk-icon-angle-right"></i><a href=""> Watches</a></li>
                <li><i class="uk-icon-angle-right"></i><a href=""> Glasses</a></li>
              </ul>
            </div>

            <!-- Top rated -->
            <div class="uk-panel uk-panel-header">
              <h3 class="uk-panel-title">Top rated products</h3>
              <ul class="tm-product-top-rated">
                <li>
                  <a href="?page=shop-single-product" title="Men's T-Shirt">
                    <img class="tm-product-top-rated-img" alt="hoodie_02_black_front" src="images/demo/shop/t-shirt_blue_back_thumb.png" width="180" height="180">
                    <span class="product-title">Men's T-Shirt</span>
                  </a>
                  <ul class="tm-rating tm-rating-small">
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star-o"></i></li>
                  </ul>
                  <span class="amount">€25.00</span>
                </li>
                
                <li>
                  <a href="?page=shop-single-product" title="Canvas bag">
                    <img class="tm-product-top-rated-img" alt="hoodie_02_black_front" src="images/demo/shop/canvas_bag_thumb.png" width="180" height="180"> 
                    <span class="product-title">Canvas bag</span>
                  </a>
                  <ul class="tm-rating tm-rating-small">
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star"></i></li>
                  </ul>
                  <del class="tm-base-price uk-text-muted">€15.00</del>
                  <span class="amount">€10.00</span>
                </li>

                <li>
                  <a href="?page=shop-single-product" title="CSS Ninja T-shirt">
                    <img class="tm-product-top-rated-img" alt="hoodie_02_black_front" src="images/demo/shop/t-shirt_06_black_front_thumb.png" width="180" height="180"> 
                    <span class="product-title">CSS Ninja T-shirt</span>
                  </a>
                  <ul class="tm-rating tm-rating-small">
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star"></i></li>
                    <li><i class="uk-icon-star-o"></i></li>
                  </ul>
                  <span class="amount">€20.00</span>
                </li>
                
              </ul>
            </div>

            <!-- product tags -->
            <div class="uk-panel uk-panel-header">
              <h3 class="uk-panel-title">Product Tags</h3>
              <div class="tagspopular">
                <ul>
                  <li><a href="#">shop</a></li>
                  <li><a href="#">arrowthemes</a></li>
                  <li><a href="#">Joomla</a></li>
                  <li><a href="#">Theme</a></li>
                  <li><a href="#">blog</a></li>
                  <li><a href="#">ecommerce</a></li>
                  <li><a href="#">responsive</a></li>
                  <li><a href="#">framework</a></li>
                  <li><a href="#">envato</a></li>
                </ul>
              </div>
            </div>
          </aside>
        </div>
      </div>
    </div>

    <!-- bottom-c -->
    <div class="tm-block-bottom-c uk-block uk-block-primary" id="tm-bottom-c">
      <div class="uk-container uk-container-center">
        <section class="tm-bottom-c uk-grid" data-uk-grid-margin="" data-uk-grid-match="{target:'> div > .uk-panel'}">
          <div class="uk-width-1-1">
            <div class="uk-panel">
              <div class="uk-grid" data-uk-grid-margin="">
                <div class="uk-width-medium-1-2">
                  <h3 class="uk-margin-small-top">Sign up for our newsletter to get the latest news</h3>
                </div>
                <div class="uk-width-medium-1-2">

                  <!-- subscription form -->
                  <form id="subscribe_form" class="uk-form">
                  <div id="alert-msg-subscribe" class="alert-msg"></div>
                  <div class="uk-grid uk-grid-small" data-uk-grid-margin>

                    <div class="uk-width-medium-2-5">
                      <div><input type="text" placeholder="Your name" name="subscribe-name" class="uk-width-1-1" required="required"></div>
                    </div>

                    <div class="uk-width-medium-2-5">
                      <div><input type="email" placeholder="Email address" name="subscribe-email" class="uk-width-1-1" required="required"></div>
                    </div>

                    <div class="uk-width-medium-1-5">
                      <div class="form-group uk-margin-remove">
                        <button id="subscribe_button" type="submit" class="uk-button uk-button-default">Subscribe</button>
                      </div>
                    </div>

                  </div>
                </form>
                </div>
              </div>
            </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>