    <!-- 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">News</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>News</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">
              <div class="uk-grid tm-leading-article">
                <div class="uk-width-1-1">

                  <!-- article -->
                  <article class="uk-article tm-article" data-permalink="?page=news-item">
                    <div class="tm-article-wrapper">

                      <!-- article image -->
                      <div class="tm-article-featured-image">
                        <a class="uk-overlay uk-overlay-hover" href="?page=news-item" title="article">
                          <img class="uk-border-rounded" src="images/demo/default/blog/blog-1.jpg" alt="blog article" width="851" height="355">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade"></div>
                          <div class="tm-overlay-box"></div>
                        </a>
                      </div>
                      
                      <!-- title -->
                      <h1 class="uk-article-title">
                        <a href="?page=news-item" title="If you can dream it, you can do it">Have faith in your abilities</a>
                      </h1>
                      
                      <!-- meta data -->
                      <p class="uk-article-meta"> Written by Michael Reubens on
                        <time datetime="2016-01-15">15 January 2016</time>. Posted in News. </p>

                      <!-- article content -->
                      <div class="tm-article-content uk-margin-large-bottom uk-margin-top-remove">
                        <div class="tm-article tm-dropcap-block">
                          <p>Believe in yourself! Have faith in your abilities! Without a humble but reasonable confidence in your own powers you cannot be successful or happy. I know where I'm going and I know the truth, and I don't have to be what you want me to be. I'm free to be what I want. Never give up; Never give in.</p>
                        </div>
                        <p><a class="uk-button uk-button-primary uk-margin-top uk-float-right" href="?page=news-item" title="Have faith in your abilities">Read more...</a>
                        </p>
                      </div>
                    </div>
                  </article>

                  <!-- article -->
                  <article class="uk-article tm-article" data-permalink="?page=news-item">
                    <div class="tm-article-wrapper">
                      <div class="tm-article-featured-image">
                        <a class="uk-overlay uk-overlay-hover" href="?page=news-item" title="blog">
                          <img class="uk-border-rounded" src="images/demo/default/blog/blog-2.jpg" alt="blog" width="851" height="355">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade"></div>
                          <div class="tm-overlay-box"></div>
                        </a>
                      </div>
                      <h1 class="uk-article-title">
                        <a href="?page=news-item" title="I know where I'm going and I know the truth">I know where I'm going and I know the truth</a>
                      </h1>
                      <p class="uk-article-meta"> Written by Michael Reubens on
                        <time datetime="2016-01-11">11 January 2016</time>. Posted in News. </p>
                      <div class="tm-article-content uk-margin-large-bottom uk-margin-top-remove">
                        <div class="tm-article">
                          <p>Believe in yourself! Have faith in your abilities! Without a humble but reasonable confidence in your own powers you cannot be successful or happy. I know where I'm going and I know the truth, and I don't have to be what you want me to be. I'm free to be what I want. Never give up; Never give in. </p>
                        </div>
                        <p><a class="uk-button uk-button-primary uk-margin-top uk-float-right" href="?page=news-item" title="I know where I'm going and I know the truth">Read more...</a>
                        </p>
                      </div>
                    </div>
                  </article>

                  <!-- article -->
                  <article class="uk-article tm-article" data-permalink="?page=news-item">
                    <div class="tm-article-wrapper">
                      <div class="tm-article-featured-image">
                        <a class="uk-overlay uk-overlay-hover" href="?page=news-item" title="blog">
                        <img class="uk-border-rounded" src="images/demo/default/blog/blog-3.jpg" alt="blog" width="851" height="355">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade"></div>
                          <div class="tm-overlay-box"></div>
                        </a>
                      </div>
                      <h1 class="uk-article-title">
                        <a href="?page=news-item" title="Life is a series of natural and spontaneous changes">Life is a series of natural and spontaneous changes</a>
                      </h1>
                      <p class="uk-article-meta">Written by Michael Reubens on
                        <time datetime="2016-01-07">07 January 2016</time>. Posted in News. </p>
                      <div class="tm-article-content uk-margin-large-bottom uk-margin-top-remove">
                        <div class="tm-article">
                          <p>Life is a series of natural and spontaneous changes. Don't resist them - that only creates sorrow. Let reality be reality. Let things flow naturally forward in whatever way they like. Live each day as it were your last. We are taught you must blame your father, your sisters, your brothers, the school, the teachers - but never blame yourself. It's never your fault. But it's always your fault, because if you wanted to change you're the one who has got to change</p>
                        </div>
                        <p><a class="uk-button uk-button-primary uk-margin-top uk-float-right" href="?page=news-item" title="Life is a series of natural and spontaneous changes">Read more...</a>
                        </p>
                      </div>
                    </div>
                  </article>

                  <!-- article -->
                  <article class="uk-article tm-article" data-permalink="?page=news-item">
                    <div class="tm-article-wrapper">
                      <div class="tm-article-featured-image">
                        <a class="uk-overlay uk-overlay-hover" href="?page=news-item" title="blog">
                          <img class="uk-border-rounded" src="images/demo/default/blog/blog-4.jpg" alt="alt-icon" width="851" height="355">
                          <div class="uk-overlay-panel uk-overlay-background uk-overlay-icon uk-overlay-fade"></div>
                          <div class="tm-overlay-box"></div>
                        </a>
                      </div>
                      <h1 class="uk-article-title">
                        <a href="?page=news-item" title="Nothing can be done without hope and confidence">Nothing can be done without hope and confidence</a>
                      </h1>
                      <p class="uk-article-meta"> Written by Michael Reubens on
                        <time datetime="2016-01-01">01 January 2016</time>. Posted in News. </p>
                      <div class="tm-article-content uk-margin-large-bottom uk-margin-top-remove">
                        <div class="tm-article">
                          <p>Always continue the climb. It is possible for you to do <a href="#">whatever you choose</a>, if you first get to know who you are and are willing to work with a power that is greater than ourselves to do it. We are taught you must blame your father, your sisters, your brothers, the school, the teachers - but never blame yourself</p>
                        </div>
                        <p><a class="uk-button uk-button-primary uk-margin-top uk-float-right" href="?page=news-item" title="Nothing can be done without hope and confidence">Read more...</a>
                        </p>
                      </div>
                    </div>
                  </article>
                </div>
              </div>
            </main>
          </div>

          <!-- sidebar-b -->
          <aside class="tm-sidebar-b uk-width-medium-3-10">
            
            <!-- articles category -->
            <div class="uk-panel uk-panel-header">
              <h3 class="uk-panel-title">Articles Category</h3>
              <ul class="category-module">
                <li><a class="mod-articles-category-title" href="#">I know where I'm going and I know the truth</a></li>
                <li><a class="mod-articles-category-title" href="#">If you can dream it, you can do it</a> </li>
                <li><a class="mod-articles-category-title" href="#">Life is a series of natural and spontaneous changes</a> </li>
                <li><a class="mod-articles-category-title" href="#">Nothing can be done without hope and confidence</a></li>
              </ul>
            </div>

            <!-- blog tags -->
            <div class="uk-panel uk-panel-header">
              <h3 class="uk-panel-title">Tags</h3>
              <div class="tagspopular">
                <ul>
                  <li><a href="#">Framework</a></li>
                  <li><a href="#">Joomla</a></li>
                  <li><a href="#">Wordpress</a></li>
                  <li><a href="#">blog</a></li>
                  <li><a href="#">food</a></li>
                  <li><a href="#">recipe</a></li>
                </ul>
              </div>
            </div>
            <div class="uk-panel uk-panel-header">
              <h3 class="uk-panel-title">Latest Articles</h3>
              <ul class="uk-list uk-list-line">
                <li><a href="?page=news-item">If you can dream it, you can do it</a></li>
                <li><a href="?page=news-item">I know where I'm going and I know the truth</a></li>
                <li><a href="?page=news-item">Life is a series of natural and spontaneous changes</a></li>
                <li><a href="?page=news-item">Nothing can be done without hope and confidence</a></li>
              </ul>
            </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>