    <!-- 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 Item</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-3-4">
            <main id="tm-content" class="tm-content">
              <article class="uk-article tm-article" data-permalink="?page=news-item">
                <div class="tm-article-wrapper">
                  <div class="tm-article-featured-image"> <img class="uk-border-rounded" src="images/demo/default/blog/blog-1.jpg" alt="blog article" width="851" height="355"> </div>
                  <h1 class="uk-article-title">
                  If you can dream it, you can do it</h1>
                  <p class="uk-article-meta"> Written by John Doe on <time datetime="2015-05-15">15 May 2015</time>. Posted in Blog. </p>
                  <div class="tm-article-content uk-margin-large-bottom uk-margin-top-remove">
                    
                    <!-- article -->
                    <div class="tm-article">
                      <p>Always continue the climb. It is possible for you to do whatever you choose, 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. Learn from the past, set vivid, detailed goals for the future, and live in the only moment of time.</p>

                      <p>Learn from the past, set vivid, detailed goals for the future, and live in the only moment of time over which you have any control: now. Optimism is the faith that leads to achievement. Nothing can be done without hope and confidence. If you can dream it, you can do it. Do it now, not tomorrow. Always continue the climb. It is possible for you to do whatever you choose, 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>

                      <!-- blockquote -->
                      <blockquote class="tm-testimonial uk-clearfix uk-text-left"><i class="quote-icon uk-icon-comment-o"></i>
                        <p><img class="tm-testimonial-avatar uk-align-left uk-margin-top" src="images/demo/avatar/client-4-thumb.png" alt="Jake Blake" width="64" height="64">Optimism is the faith that leads to achievement. Nothing can be done without hope and confidence. If you can dream it, you can do it</p> <span class="author uk-margin-top">Jake Blake</span> <span class="jobtitle">Senior Chef</span>
                      </blockquote>

                      <p>Learn from the past, set vivid, detailed goals for the future, and live in the only moment of time over which you have any control: now. Optimism is the faith that leads to achievement. Nothing can be done without hope and confidence. If you can dream it, you can do it. Do it now, not tomorrow. Always continue the climb. It is possible for you to do whatever you choose, 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>
                  </div>
                </div>

                <!-- tags -->
                <p class="tm-tags-list">
                  <a href="#">Framework</a>
                  <a href="#">Joomla</a>
                  <a href="#">Wordpress</a>
                  <a href="#">blog</a>
                  <a href="#">food</a>
                  <a href="#">recipe</a>
                </p>
              </article>
              <br>
              <h3 class="uk-module-title">Comments (4)</h3>
              <ul class="uk-comment-list">
                <li>
                  <article class="uk-comment">
                    <header class="uk-comment-header">
                      <img alt="" class="uk-comment-avatar" height="50" src="images/demo/uikit/uikit_avatar.svg" width="50">
                      <h4 class="uk-comment-title">Author</h4>
                      <p class="uk-comment-meta">12 days ago</p>
                    </header>
                    <div class="uk-comment-body">
                      Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi.
                    </div>
                  </article>
                </li>
                <li>
                  <article class="uk-comment">
                    <header class="uk-comment-header">
                      <img alt="" class="uk-comment-avatar" height="50" src="images/demo/uikit/uikit_avatar.svg" width="50">
                      <h4 class="uk-comment-title">Author</h4>
                      <p class="uk-comment-meta">12 days ago</p>
                    </header>
                    <div class="uk-comment-body">
                      Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi.
                    </div>
                  </article>
                  <ul>
                    <li>
                      <article class="uk-comment uk-comment-primary">
                        <header class="uk-comment-header">
                          <img alt="" class="uk-comment-avatar" height="50" src="images/demo/uikit/uikit_avatar.svg" width="50">
                          <h4 class="uk-comment-title">Author</h4>
                          <p class="uk-comment-meta">12 days ago</p>
                        </header>
                        <div class="uk-comment-body">
                          Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi.
                        </div>
                      </article>
                    </li>
                  </ul>
                </li>
                <li>
                  <article class="uk-comment">
                    <header class="uk-comment-header">
                      <img alt="" class="uk-comment-avatar" height="50" src="images/demo/uikit/uikit_avatar.svg" width="50">
                      <h4 class="uk-comment-title">Author</h4>
                      <p class="uk-comment-meta">12 days ago</p>
                    </header>
                    <div class="uk-comment-body">
                      Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi.
                    </div>
                  </article>
                </li>
              </ul>

              <hr>

              <!-- add review -->
              <h3 class="uk-module-title">Add a comment</h3>

              <div class="tm-review">
                <form class="uk-form uk-form-stacked" action="#" method="post">
                  <div class="uk-grid uk-margin-top">
                    <div class="uk-width-1-1 uk-width-medium-1-2">
                      <div class="uk-form-row">
                        <label class="uk-form-label">Name *</label>
                        <input type="text" class="uk-width-1-1" name="comment-name" size="30" required="required">
                      </div>
                    </div>

                    <div class="uk-width-1-1 uk-width-medium-1-2">
                      <div class="uk-form-row">
                        <label class="uk-form-label">Email *</label>
                        <input type="email" class="uk-width-1-1" name="comment-email" size="30" required="required">
                      </div>
                    </div>
                  </div>

                  <div class="uk-width-1-1">
                    <div class="uk-form-row uk-margin-top">
                      <label class="uk-form-label">Comment</label>
                      <textarea class="uk-width-1-1" name="comment-info"></textarea>
                    </div>

                    <button id="review_button" type="submit" class="uk-button uk-button-large uk-button-primary uk-margin-top uk-float-right">Post Comment</button>
                  </div>
                </form>
              </div>
            </main>
          </div>

          <!-- sidebar-b -->
          <aside class="tm-sidebar-b uk-width-medium-1-4">
            
            <!-- 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>