  <!-- hero -->
  <div class="tm-block-hero uk-block uk-block-default tm-block-fullwidth tm-grid-collapse" id="tm-hero">
    <div class="uk-container uk-container-center">
      <section class="tm-hero uk-grid" data-uk-grid-match="{target:'> div > .uk-panel'}">
        <div class="uk-width-1-1">
          <div class="uk-panel">

            <!-- slideshow -->
            <div class="tm-slideshow-sandal uk-slidenav-position" data-uk-slideshow="{autoplay:true, animation: 'random-fx', pauseOnHover: true, duration: 300, autoplayInterval: 15000, kenburns: false, slices: 25}">
              <ul class="uk-slideshow uk-overlay-active">
                
                <!-- slide 1 -->
                <li>
                  <img alt="demo" src="images/demo/default/slider/1.jpg" width="1400" height="600">
                  <div class="uk-overlay-panel uk-flex uk-flex-middle uk-overlay-slide-left">
                    <div>
                      <h2>Expert Financial advice</h2>
                      <div class="uk-margin">
                        <p>It is not the strongest of the species that survives, nor the most intelligent that survives. It is the one that is the most adaptable to change. All changes, even the most longed for, have their melancholy;</p>
                      </div><a class="uk-button-primary uk-button-large uk-button" href="#" target="_self">Learn more <i class="uk-icon-chevron-right"></i></a>
                    </div>
                  </div>
                </li>

                <!-- slide 2 -->
                <li>
                  <img alt="demo" src="images/demo/default/slider/2.jpg" width="1400" height="600">
                  <div class="uk-overlay-panel uk-flex uk-flex-middle uk-overlay-slide-left">
                    <div>
                      <h2>Investment seed capital</h2>
                      <div class="uk-margin">
                        <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. Accept no one's definition.</p>
                      </div><a class="uk-button-primary uk-button-large uk-button" href="#" target="_self">Learn more <i class="uk-icon-chevron-right"></i></a>
                    </div>
                  </div>
                </li>

                <!-- slide 3 -->
                <li>
                  <img alt="demo" src="images/demo/default/slider/3.jpg" width="1400" height="600">
                  <div class="uk-overlay-panel uk-flex uk-flex-middle uk-overlay-slide-left">
                    <div>
                      <h2>Private financial advisors</h2>
                      <div class="uk-margin">
                        <p>It is not the strongest of the species that survives, nor the most intelligent that survives. It is the one that is the most adaptable to change. All changes, even the most longed for, have their melancholy;</p>
                      </div><a class="uk-button-primary uk-button-large uk-button" href="#" target="_self">Learn more <i class="uk-icon-chevron-right"></i></a>
                    </div>
                  </div>
                </li>

                <!-- slide 4 -->
                <li>
                  <img alt="demo" src="images/demo/default/slider/4.jpg" width="1400" height="600">
                  <div class="uk-overlay-panel uk-flex uk-flex-middle uk-overlay-slide-left">
                    <div>
                      <h2>Grow your business</h2>
                      <div class="uk-margin">
                        <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. Accept no one's definition.</p>
                      </div><a class="uk-button-primary uk-button-large uk-button" href="#" target="_self">Learn more <i class="uk-icon-chevron-right"></i></a>
                    </div>
                  </div>
                </li>
              </ul>

              <!-- slide navigation buttons -->
              <div class="uk-margin">
                <ul class="uk-dotnav uk-hidden-touch">
                  <li data-uk-slideshow-item="0"><a href=""></a></li>
                  <li data-uk-slideshow-item="1"><a href=""></a></li>
                  <li data-uk-slideshow-item="2"><a href=""></a></li>
                  <li data-uk-slideshow-item="3"><a href=""></a></li>
                </ul>
              </div>

              <!-- slide navigation arrows -->
              <div class="tm-slidenav">
                <a class="uk-slidenav uk-slidenav-previous uk-hidden-touch" data-uk-slideshow-item="previous" href=""></a>
                <a class="uk-slidenav uk-slidenav-next uk-hidden-touch" data-uk-slideshow-item="next" href=""></a>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>

  <!-- spotlight -->
  <div class="tm-block-spotlight uk-block uk-block-primary tm-float-box tm-overlay-5" 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">
            <div class="uk-grid" data-uk-grid-margin="">
              <div class="uk-width-medium-8-10">
                <blockquote class="uk-clearfix">
                  <p>We offer world-class consultancy and un-matched support. Try us.</p><span class="author"></span>
                </blockquote>
              </div>
              <div class="uk-width-medium-2-10 uk-flex uk-flex-middle uk-flex-center">
                <a class="uk-button-default uk-button-large uk-button" href="http://goo.gl/MLgisO" target="_blank">Download <i class="uk-icon-chevron-right"></i></a>
              </div>
            </div>
          </div>
        </div>
      </section>
    </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:'> div > .uk-panel'}">
        <div class="uk-width-1-1">
          <div class="uk-panel">
            <div class="uk-grid uk-grid-width-small-1-2 uk-grid-width-medium-1-2 uk-grid-width-large-1-4" data-uk-grid-margin="">

              <!-- block 1 -->
              <div class="uk-block">
                <div class="uk-hidden-small uk-margin-large-top uk-clearfix"></div>
                <div class="tm-counter uk-flex" data-uk-scrollspy="{cls:'uk-animation-fade', delay:100}">
                  <div class="tm-counter-simple uk-flex-item-1">
                    <h2 class="tm-counter-number tm-text-xlarge uk-margin-large-top tm-counter-percent" data-duration="4000" data-end="97" id="count1">97</h2>
                  </div>
                </div>
                <h3 class="">of our clients<br>
                recommend our<br>
                services</h3><a class="uk-button-primary uk-button-small uk-margin-top uk-button" href="#" target="_self">Here's why <i class="uk-icon-chevron-right"></i></a>
              </div>

              <!-- block 2 -->
              <div class="uk-block">
                <h3 class="uk-module-title"><span class="tm-primary-color">Asset</span> finance</h3>
                <img alt="Asset finance" class="uk-border-rounded tm-border-bottom" height="183" src="images/demo/default/content/post-1.jpg" width="275">
                <p>Let reality be reality. Let things flow naturally. Do not dwell in the past; dream of the future.</p>
                <a class="uk-button-link uk-button" href="#" target="_self">read more <i class="uk-icon-angle-right"></i></a>
              </div>

              <!-- block 3 -->
              <div class="uk-block">
                <h3 class="uk-module-title"><span class="tm-primary-color">Business</span> consulting</h3>
                <img alt="Business consulting" class="uk-border-rounded tm-border-bottom" height="183" src="images/demo/default/content/post-2.jpg" width="275">
                <p>Do not dwell in the past, do not dream of the future, concentrate the mind on the present.</p>
                <a class="uk-button-link uk-button" href="#" target="_self">read more <i class="uk-icon-angle-right"></i></a>
              </div>

              <!-- block 4 -->
              <div class="uk-block">
                <h3 class="uk-module-title"><span class="tm-primary-color">Morgage</span> funding</h3>
                <img alt="Morgage funding" class="uk-border-rounded tm-border-bottom" height="183" src="images/demo/default/content/post-3.jpg" width="275">
                <p>Do not dream of the future, concentrate the mind on the present moment.</p>
                <a class="uk-button-link uk-button" href="#" target="_self">read more <i class="uk-icon-angle-right"></i></a>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>

  <!-- top-b -->
  <div class="tm-block-top-b uk-block uk-block-secondary tm-block-fullwidth tm-grid-collapse" id="tm-top-b">
    <div class="uk-container uk-container-center">
      <section class="tm-top-b uk-grid" data-uk-grid-margin="" data-uk-grid-match="{target:'> div > .uk-panel'}">
        <div class="uk-width-1-1">
          <div class="uk-panel">

            <!-- slideshow panel -->
            <div class="tm-slideshow-panel-sandal" id="wk-1">
              <div class="uk-panel uk-panel uk-padding-remove uk-overflow-hidden">
                <div class="uk-grid uk-grid-collapse uk-flex-middle" data-uk-grid-margin="">
                  
                  <!-- image slideshow -->
                  <div class="uk-width-medium-1-2 uk-text-center uk-row-first">
                    <div class="uk-slidenav-position" data-uk-slideshow="{animation: 'swipe'}">
                      <ul class="uk-slideshow">
                        <li><img alt="demo" src="images/demo/default/content/content-1.jpg" width="650" height="420"></li>
                        <li><img alt="demo" src="images/demo/default/content/content-2.jpg" width="650" height="420"></li>
                      </ul>

                      <!-- slideshow navigation arrows -->
                      <a class="uk-slidenav uk-slidenav-previous uk-hidden-touch" data-uk-slideshow-item="previous" href="#"></a>
                      <a class="uk-slidenav uk-slidenav-next uk-hidden-touch" data-uk-slideshow-item="next" href="#"></a>

                      <div class="uk-position-bottom uk-margin-large-bottom uk-margin-large-left uk-margin-large-right">

                        <!-- slideshow navigation buttons -->
                        <ul class="uk-dotnav uk-dotnav-contrast uk-flex-center uk-margin-bottom-remove">
                          <li data-uk-slideshow-item="0"><a href=""></a></li>
                          <li data-uk-slideshow-item="1"><a href=""></a></li>
                        </ul>
                      </div>
                    </div>
                  </div>

                  <!-- content slideshow -->
                  <div class="uk-width-medium-1-2">
                    <div class="uk-panel-body uk-margin-left uk-text-left" data-uk-slideshow="">
                      <ul class="uk-slideshow">

                        <!-- slide 1 -->
                        <li>
                          <div class="uk-width-xlarge-9-10">
                            <h3 class="uk-module-title uk-h2 uk-margin-top-remove"><a class="uk-link-reset" href="#">We provide timely support</a></h3>
                            <div class=" uk-margin-top">
                              Do not dwell in the past, do not dream of the future. Let reality be reality. Let things flow naturally. Do not dwell in the past, do not dream of the future.
                              <div class="uk-grid" data-uk-grid-margin="">
                                <div class="uk-width-medium-1-2">
                                  <ul class="uk-list list-icons">
                                    <li><i class="uk-icon-check"></i>Soft loans</li>
                                    <li><i class="uk-icon-check"></i>As needed support</li>
                                    <li><i class="uk-icon-check"></i>Time unlimited consultancy</li>
                                  </ul>
                                </div>
                                <div class="uk-width-medium-1-2">
                                  <ul class="uk-list list-icons">
                                    <li><i class="uk-icon-check"></i>Therapy and consulting</li>
                                    <li><i class="uk-icon-check"></i>Auditing and reports</li>
                                    <li><i class="uk-icon-check"></i>Board members support</li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                            <p class="uk-margin-bottom-remove"><a class="uk-margin-top uk-button uk-button-primary" href="#">Read more <i class="uk-icon-chevron-right"></i></a></p>
                          </div>
                        </li>

                        <!-- slide 2 -->
                        <li>
                          <div class="uk-width-xlarge-9-10">
                            <h3 class="uk-module-title uk-h2 uk-margin-top-remove"><a class="uk-link-reset" href="#">We keep our word</a></h3>
                            <div class=" uk-margin-top">
                              Let reality be reality. Let things flow naturally. Do not dwell in the past, do not dream of the future. Do not dwell in the past, do not dream of the future.
                              <div class="uk-grid" data-uk-grid-margin="">
                                <div class="uk-width-medium-1-2">
                                  <ul class="uk-list list-icons">
                                    <li><i class="uk-icon-check"></i>After sales services</li>
                                    <li><i class="uk-icon-check"></i>One on one customer care</li>
                                    <li><i class="uk-icon-check"></i>24/7 online help</li>
                                  </ul>
                                </div>
                                <div class="uk-width-medium-1-2">
                                  <ul class="uk-list list-icons">
                                    <li><i class="uk-icon-check"></i>On call consultants</li>
                                    <li><i class="uk-icon-check"></i>Affordable services</li>
                                    <li><i class="uk-icon-check"></i>Financial help</li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                            <p class="uk-margin-bottom-remove"><a class="uk-margin-top uk-button uk-button-primary" href="#">Read more <i class="uk-icon-chevron-right"></i></a></p>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>

  <!-- top c -->
  <div class="tm-block-top-c uk-block uk-block-secondary tm-darker" id="tm-top-c">
    <div class="uk-container uk-container-center">
      <section class="tm-top-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 uk-contrast">
            <div class="uk-grid uk-grid-width-small-1-2 uk-grid-width-medium-1-2 uk-grid-width-large-1-4" data-uk-grid-margin="">
              <div class="tm-counter uk-flex" data-uk-scrollspy="{cls:'uk-animation-fade', delay:100}">
                
                <!-- counter 1 -->
                <div class="tm-counter-icon uk-flex-item-none">
                  <i class="uk-icon-7s-plugin"></i>
                </div>
                <div class="tm-counter-content uk-flex-item-1">
                  <h2 class="tm-counter-number" data-duration="4000" data-end="12" id="tm1">12</h2>
                  <h3 class="tm-counter-title">Projects done</h3>
                </div>
              </div>
              <div class="tm-counter uk-flex" data-uk-scrollspy="{cls:'uk-animation-fade', delay:100}">
                
                <!-- counter 2 -->
                <div class="tm-counter-icon uk-flex-item-none">
                  <i class="uk-icon-7s-coffee"></i>
                </div>
                <div class="tm-counter-content uk-flex-item-1">
                  <h2 class="tm-counter-number" data-duration="3000" data-end="65" id="tm2">65</h2>
                  <h3 class="tm-counter-title">Cups of coffee</h3>
                </div>
              </div>
              <div class="tm-counter uk-flex" data-uk-scrollspy="{cls:'uk-animation-fade', delay:100}">
                
                <!-- counter 3 -->
                <div class="tm-counter-icon uk-flex-item-none">
                  <i class="uk-icon-7s-note"></i>
                </div>
                <div class="tm-counter-content uk-flex-item-1">
                  <h2 class="tm-counter-number" data-duration="2000" data-end="9300" id="tm3">9300</h2>
                  <h3 class="tm-counter-title">Lines of code</h3>
                </div>
              </div>
              <div class="tm-counter uk-flex" data-uk-scrollspy="{cls:'uk-animation-fade', delay:100}">
                
                <!-- counter 4 -->
                <div class="tm-counter-icon uk-flex-item-none">
                  <i class="uk-icon-7s-graph2"></i>
                </div>
                <div class="tm-counter-content uk-flex-item-1">
                  <h2 class="tm-counter-number" data-duration="2500" data-end="140" id="tm4">140</h2>
                  <h3 class="tm-counter-title">Web pages</h3>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>

  <!-- top-d -->
  <div class="tm-block-top-d uk-block uk-block-default" id="tm-top-d">
    <div class="uk-container uk-container-center">
      <section class="tm-top-d 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-text-center">
              <h2 class="uk-module-title-alt">Why choose us?</h2>
            </div>
            <div class="uk-grid uk-grid-width-small-1-2 uk-grid-width-medium-1-2 uk-grid-width-large-1-4" data-uk-grid-margin="">

              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-top', delay:100}">
                  <h3 class="uk-module-title"><span class="tm-primary-color">We</span> Design</h3>
                  <div class="uk-flex">
                    <div class="tm-block-icon uk-icon-7s-alarm"></div>
                    <div class="tm-block-content">
                      Do not dwell in the past, do not dream of the future, do it now
                    </div>
                  </div>
                </div>
              </div>

              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-top', delay:300}">
                  <h3 class="uk-module-title"><span class="tm-primary-color">We</span> Build</h3>
                  <div class="uk-flex">
                    <div class="tm-block-icon uk-icon-7s-config"></div>
                    <div class="tm-block-content">
                      Do not dwell in the past, do not dream of the future, do it now
                    </div>
                  </div>
                </div>
              </div>

              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-top', delay:500}">
                  <h3 class="uk-module-title"><span class="tm-primary-color">We</span> are You</h3>
                  <div class="uk-flex">
                    <div class="tm-block-icon uk-icon-7s-graph2"></div>
                    <div class="tm-block-content">
                      Do not dwell in the past, do not dream of the future, do it now
                    </div>
                  </div>
                </div>
              </div>

              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-top', delay:650}">
                  <h3 class="uk-module-title"><span class="tm-primary-color">We</span> Create</h3>
                  <div class="uk-flex">
                    <div class="tm-block-icon uk-icon-7s-ribbon"></div>
                    <div class="tm-block-content">
                      Do not dwell in the past, do not dream of the future, do it now
                    </div>
                  </div>
                </div>
              </div>

              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-top', delay:750}">
                  <h3 class="uk-module-title"><span class="tm-primary-color">We</span> Inspire</h3>
                  <div class="uk-flex">
                    <div class="tm-block-icon uk-icon-7s-paint"></div>
                    <div class="tm-block-content">
                      Do not dwell in the past, do not dream of the future, do it now
                    </div>
                  </div>
                </div>
              </div>

              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-top', delay:800}">
                  <h3 class="uk-module-title"><span class="tm-primary-color">We</span> are online</h3>
                  <div class="uk-flex">
                    <div class="tm-block-icon uk-icon-7s-portfolio"></div>
                    <div class="tm-block-content">
                      Do not dwell in the past, do not dream of the future, do it now
                    </div>
                  </div>
                </div>
              </div>

              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-top', delay:950}">
                  <h3 class="uk-module-title"><span class="tm-primary-color">We</span> Listen</h3>
                  <div class="uk-flex">
                    <div class="tm-block-icon uk-icon-7s-signal"></div>
                    <div class="tm-block-content">
                      Do not dwell in the past, do not dream of the future, do it now
                    </div>
                  </div>
                </div>
              </div>

              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-top', delay:1100}">
                  <h3 class="uk-module-title"><span class="tm-primary-color">We</span> Delegate</h3>
                  <div class="uk-flex">
                    <div class="tm-block-icon uk-icon-7s-pin"></div>
                    <div class="tm-block-content">
                      Do not dwell in the past, do not dream of the future, do it now
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>

  <!-- top-e -->
  <div class="tm-block-top-e uk-block uk-block-muted tm-overlay-5" id="tm-top-e">
    <div class="uk-container uk-container-center">
      <section class="tm-top-e 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-text-center">
              <h2 class="uk-module-title-alt">Meet our team</h2>
            </div>
            <br>
            <div class="uk-grid uk-grid-width-small-1-2 uk-grid-width-medium-1-2 uk-grid-width-large-1-4" data-uk-grid-margin="">
              
            <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-fade', delay:100}">
                  <div class="uk-panel uk-panel-box tm-panel-card">
                    <div class="uk-panel-teaser">
                      <img alt="Diane Moreno - Finance specialist" class="tm-card-avatar" src="images/demo/avatar/team-1.jpg" width="266" height="266">
                      <div class="tm-social-icons tm-icons-visible">
                        <a class="uk-icon-button uk-icon-facebook" href="#" target="_blank"></a> <a class="uk-icon-button uk-icon-twitter" href="#" target="_blank"></a> <a class="uk-icon-button uk-icon-linkedin" href="#" target="_blank"></a>
                      </div>
                    </div><a class="tm-card-link" data-uk-modal="{center:true}" href="#team1"></a>
                    <div class="tm-card-content">
                      <h3 class="uk-panel-title">Diane Moreno</h3>
                      <h4 class="tm-card-title">Finance specialist</h4>
                    </div>
                  </div>
                </div>
              </div>
              
              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-right', delay:200}">
                  <h3 class="uk-module-title"><span class="tm-primary-color">Hi.</span> I'm Diane.</h3>Do not dwell in the past, do not dream of the future, do it now
                  <ul class="uk-list list-icons">
                    <li><i class="uk-icon-check"></i>After sales services</li>
                    <li><i class="uk-icon-check"></i>Direct consultancy</li>
                    <li><i class="uk-icon-check"></i>24/7 online help</li>
                  </ul><a class="uk-button-primary uk-button-small uk-button" href="#" target="_self">Get in touch</a>
                </div>
              </div>
              
              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-fade', delay:300}">
                  <div class="uk-panel uk-panel-box tm-panel-card">
                    <div class="uk-panel-teaser">
                      <img alt="Kerry Clayton - Asset Advisor" class="tm-card-avatar" src="images/demo/avatar/team-4.jpg" width="266" height="266">
                      <div class="tm-social-icons tm-icons-visible">
                        <a class="uk-icon-button uk-icon-facebook" href="#" target="_blank"></a> <a class="uk-icon-button uk-icon-twitter" href="#" target="_blank"></a> <a class="uk-icon-button uk-icon-linkedin" href="#" target="_blank"></a>
                      </div>
                    </div><a class="tm-card-link" data-uk-modal="{center:true}" href="#team1"></a>
                    <div class="tm-card-content">
                      <h3 class="uk-panel-title">Kerry Clayton</h3>
                      <h4 class="tm-card-title">Asset Advisor</h4>
                    </div>
                  </div>
                </div>
              </div>
              
              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-right', delay:400}">
                  <h3 class="uk-module-title"><span class="tm-primary-color">Hi.</span> I'm Kerry.</h3>Do not dwell in the past, do not dream of the future, do it now
                  <ul class="uk-list list-icons">
                    <li><i class="uk-icon-check"></i>After sales services</li>
                    <li><i class="uk-icon-check"></i>Direct consultancy</li>
                    <li><i class="uk-icon-check"></i>24/7 online help</li>
                  </ul><a class="uk-button-primary uk-button-small uk-button" href="#" target="_self">Get in touch</a>
                </div>
              </div>
              
              <!-- block -->
              <div class="uk-block uk-text-right">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-left', delay:600}">
                  <h3 class="uk-module-title uk-text-right"><span class="tm-primary-color">Hi.</span> I'm Miguel.</h3>Do not dwell in the past, do not dream of the future, do it now
                  <ul class="uk-list list-icons uk-text-right">
                    <li><i class="uk-icon-check"></i>After sales services</li>
                    <li><i class="uk-icon-check"></i>Direct consultancy</li>
                    <li><i class="uk-icon-check"></i>24/7 online help</li>
                  </ul><a class="uk-button-primary uk-button-small uk-button" href="#" target="_self">Get in touch</a>
                </div>
              </div>
              
              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-fade', delay:500}">
                  <div class="uk-panel uk-panel-box tm-panel-card">
                    <div class="uk-panel-teaser">
                      <img alt="Miguel Welch - Finance specialist" class="tm-card-avatar" src="images/demo/avatar/team-5.jpg" width="266" height="266">
                      <div class="tm-social-icons tm-icons-visible">
                        <a class="uk-icon-button uk-icon-facebook" href="#" target="_blank"></a> <a class="uk-icon-button uk-icon-twitter" href="#" target="_blank"></a> <a class="uk-icon-button uk-icon-linkedin" href="#" target="_blank"></a>
                      </div>
                    </div><a class="tm-card-link" data-uk-modal="{center:true}" href="#team1"></a>
                    <div class="tm-card-content">
                      <h3 class="uk-panel-title">Miguel Welch</h3>
                      <h4 class="tm-card-title">Finance specialist</h4>
                    </div>
                  </div>
                </div>
              </div>
              
              <!-- block -->
              <div class="uk-block uk-text-right">
                <div data-uk-scrollspy="{cls:'uk-animation-slide-left', delay:800}">
                  <h3 class="uk-module-title uk-text-right"><span class="tm-primary-color">Hi.</span> I'm Yvonne.</h3>Do not dwell in the past, do not dream of the future, do it now
                  <ul class="uk-list list-icons uk-text-right">
                    <li><i class="uk-icon-check"></i>After sales services</li>
                    <li><i class="uk-icon-check"></i>Direct consultancy</li>
                    <li><i class="uk-icon-check"></i>24/7 online help</li>
                  </ul><a class="uk-button-primary uk-button-small uk-button" href="#" target="_self">Get in touch</a>
                </div>
              </div>
              
              <!-- block -->
              <div class="uk-block">
                <div data-uk-scrollspy="{cls:'uk-animation-fade', delay:700}">
                  <div class="uk-panel uk-panel-box tm-panel-card">
                    <div class="uk-panel-teaser">
                      <img alt="Yvonne Mason - Asset Advisor" class="tm-card-avatar" src="images/demo/avatar/team-6.jpg" width="266" height="266">
                      <div class="tm-social-icons tm-icons-visible">
                        <a class="uk-icon-button uk-icon-facebook" href="#" target="_blank"></a> <a class="uk-icon-button uk-icon-twitter" href="#" target="_blank"></a> <a class="uk-icon-button uk-icon-linkedin" href="#" target="_blank"></a>
                      </div>
                    </div><a class="tm-card-link" data-uk-modal="{center:true}" href="#team1"></a>
                    <div class="tm-card-content">
                      <h3 class="uk-panel-title">Yvonne Mason</h3>
                      <h4 class="tm-card-title">Asset Advisor</h4>
                    </div>
                  </div>
                </div>
              </div>
            </div><br>
            <div class="uk-text-center">
              <a class="uk-button-primary uk-button-large uk-button" href="?page=our-team-basic" target="_self">See all team members</a>
            </div>

            <!-- modal team box -->
            <div class="uk-modal" id="team1">
              <div class="uk-modal-dialog uk-modal-dialog-large uk-modal-dialog-lightbox tm-modal-dialog">
                <a class="uk-modal-close uk-close uk-close-alt" href=""></a>
                <div class="uk-grid uk-grid-collapse" data-uk-grid-margin="">
                  <div class="uk-width-medium-1-2">
                    <div class="tm-modal-image"><img alt="Diane Moreno" class="uk-width-1-1" height="478" src="images/demo/avatar/team-1-big.jpg" width="420"></div>
                  </div>
                  <div class="uk-width-medium-1-2">
                    <div class="uk-panel uk-panel-space">
                      <h3 class="uk-module-title">Diane Moreno</h3>
                      <h4 class="uk-margin-remove">Finance Specialist</h4><br>
                      <p>Diane Moreno is an British Board Certified (BBE) and London Board Certified Periodontist (LBCP) who joined Sandal from The Endomics Dental Team.</p>
                      <p>She received her Doctorate in Medical Dentistry from the Boston University School of Dental. She later completed an extensive training in Conscious Sedation from Cambridge.</p><a class="uk-button-primary uk-button" href="#" target="_self">Get in touch</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>

  <!-- main -->
  <div class="tm-block-main uk-block uk-block-default" 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="uk-text-center">
                  <h3 class="uk-module-title-alt uk-margin-large-bottom">What our clients say</h3><br>

                  <!-- slideshow scroller -->
                  <div class="tm-slideshow-scroller uk-slidenav-position" data-uk-slideshow="{autoplay:true, animation: 'fade', pauseOnHover: true, duration: 500, autoplayInterval: 10000, kenburns: false, slices: 25}">
                    <ul class="uk-slideshow uk-overlay-active">
                      
                      <!-- testimonial -->
                      <li>
                        <blockquote class="tm-testimonial uk-clearfix uk-text-left">
                          <i class="quote-icon uk-icon-7s-chat"></i>
                          <p><img alt="Gary Long" class="tm-testimonial-avatar uk-align-left uk-margin-top" height="64" src="images/demo/avatar/client-1-thumb.png" width="64">Believe in yourself! Have faith in your abilities! Without a humble but reasonable confidence in your own powers you cannot be successful or happy.</p>
                          <span class="author uk-margin-top">Gary Long</span>
                          <span class="jobtitle">CEO</span>
                        </blockquote>
                      </li>
                      
                      <!-- testimonial -->
                      <li>
                        <blockquote class="tm-testimonial uk-clearfix uk-text-left">
                          <i class="quote-icon uk-icon-7s-chat"></i>
                          <p><img alt="Lori Carroll" class="tm-testimonial-avatar uk-align-left uk-margin-top" height="64" src="images/demo/avatar/client-2-thumb.png" width="64">Do not dream of the future, concentrate the mind on the present moment. Dream big. Go forward Never allow yourself to be made a victim. Accept no one's definition.</p>
                          <span class="author uk-margin-top">Lori Carroll</span>
                          <span class="jobtitle">Chief Editor</span>
                        </blockquote>
                      </li>
                      
                      <!-- testimonial -->
                      <li>
                        <blockquote class="tm-testimonial uk-clearfix uk-text-left">
                          <i class="quote-icon uk-icon-7s-chat"></i>
                          <p><img alt="Paul Morgan" class="tm-testimonial-avatar uk-align-left uk-margin-top" height="64" src="images/demo/avatar/client-3-thumb.png" width="64">Everything should be as simple as it is, but not simpler; Believe that life is worth living and your belief will help create the fact. We help your ideas come to life.</p>
                          <span class="author uk-margin-top">Paul Morgan</span>
                          <span class="jobtitle">Creative Designer</span>
                        </blockquote>
                      </li>
                    </ul>

                    <!-- slideshow navigation button -->
                    <div class="uk-margin">
                      <ul class="uk-dotnav uk-flex-center uk-hidden-touch">
                        <li data-uk-slideshow-item="0"><a href=""></a></li>
                        <li data-uk-slideshow-item="1"><a href=""></a></li>
                        <li data-uk-slideshow-item="2"><a href=""></a></li>
                      </ul>
                    </div>

                    <!-- slideshow navigation arrows -->
                    <div class="tm-slidenav uk-flex uk-flex-right uk-flex-middle">
                      <a class="uk-slidenav uk-slidenav-previous uk-hidden-touch" data-uk-slideshow-item="previous" href=""></a>
                      <a class="uk-slidenav uk-slidenav-next uk-hidden-touch" data-uk-slideshow-item="next" href=""></a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- bottom-a -->
  <div class="tm-block-bottom-a uk-block uk-block-default" id="tm-bottom-a">
    <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">
            <div class="uk-text-center">
              <h2 class="uk-module-title-alt">Choose a plan</h2>
            </div><br>
            <div class="tm-pricing uk-grid-width-medium-1-4 uk-clearfix uk-margin-top">
              
            <!-- pricing column -->
              <div class="tm-price-column uk-float-left" data-uk-scrollspy="{cls:'uk-animation-slide-right', delay:300}">
                <div class="tm-price-title">
                  Basic
                </div>
                <div class="tm-price-tag">
                  <h3>from £9 a month</h3>
                </div>
                <div class="tm-price-content">
                  <ul class="tm-price-list uk-float-left uk-width-1-1">
                    <li><i class="uk-icon-check"></i>24/5 Support</li>
                    <li><i class="uk-icon-check"></i>3 months Renewal</li>
                    <li><i class="uk-icon-check"></i>1 User Licence</li>
                    <li><i class="uk-icon-check"></i>No Contracts</li>
                    <li><i class="uk-icon-check"></i>1 Domain</li>
                  </ul>
                  <div class="tm-price-bottom uk-text-center">
                    <a class="uk-button uk-button-line" href="#">Get quote</a>
                  </div>
                </div>
              </div>
              
              <!-- pricing column -->
              <div class="tm-price-column uk-float-left" data-uk-scrollspy="{cls:'uk-animation-slide-right', delay:100}">
                <div class="tm-price-title">
                  Premium
                </div>
                <div class="tm-price-tag">
                  <h3>from £19 a month</h3>
                </div>
                <div class="tm-price-content">
                  <ul class="tm-price-list uk-float-left uk-width-1-1">
                    <li><i class="uk-icon-check"></i>24/6 Support</li>
                    <li><i class="uk-icon-check"></i>5 months Renewal</li>
                    <li><i class="uk-icon-check"></i>3 User Licences</li>
                    <li><i class="uk-icon-check"></i>No Contracts</li>
                    <li><i class="uk-icon-check"></i>3 Domain</li>
                  </ul>
                  <div class="tm-price-bottom uk-text-center">
                    <a class="uk-button uk-button-line" href="#">Get quote</a>
                  </div>
                </div>
              </div>
              
              <!-- pricing column -->
              <div class="tm-price-column uk-float-left tm-table-focus tm-shift-top" data-uk-scrollspy="{cls:'uk-animation-fade', delay:50}">
                <div class="tm-price-title">
                  Standard
                </div>
                <div class="tm-price-tag">
                  <h3>from £29 a month</h3>
                </div>
                <div class="tm-price-content">
                  <ul class="tm-price-list uk-float-left uk-width-1-1">
                    <li><i class="uk-icon-check"></i>24/6 Support</li>
                    <li><i class="uk-icon-check"></i>5 months Renewal</li>
                    <li><i class="uk-icon-check"></i>3 User Licences</li>
                    <li><i class="uk-icon-check"></i>No Contracts</li>
                    <li><i class="uk-icon-check"></i>Best option</li>
                    <li><i class="uk-icon-check"></i>3 Domain</li>
                  </ul>
                  <div class="tm-price-bottom uk-text-center">
                    <a class="uk-button uk-button-line" href="#">Get quote</a>
                  </div>
                </div>
              </div>
              
              <!-- pricing column -->
              <div class="tm-price-column uk-float-left" data-uk-scrollspy="{cls:'uk-animation-slide-left', delay:400}">
                <div class="tm-price-title">
                  Developer
                </div>
                <div class="tm-price-tag">
                  <h3>from £199 a month</h3>
                </div>
                <div class="tm-price-content">
                  <ul class="tm-price-list uk-float-left uk-width-1-1">
                    <li><i class="uk-icon-check"></i>24/7 Support</li>
                    <li><i class="uk-icon-check"></i>7 months Renewal</li>
                    <li><i class="uk-icon-check"></i>5 User Licences</li>
                    <li><i class="uk-icon-check"></i>No Contracts</li>
                    <li><i class="uk-icon-check"></i>5 Domain</li>
                  </ul>
                  <div class="tm-price-bottom uk-text-center">
                    <a class="uk-button uk-button-line" href="#">Get quote</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </div>
  </div>    

  <!-- bottom-b -->
  <div class="tm-block-bottom-b uk-block uk-block-default tm-block-fullwidth tm-grid-collapse" id="tm-bottom-b">
    <div class="uk-container uk-container-center">
      <section class="tm-bottom-b uk-grid" data-uk-grid-margin="" data-uk-grid-match="{target:'> div > .uk-panel'}">
        <div class="uk-width-1-1">
          <div class="uk-panel uk-contrast tm-inner-padding-large tm-overlay-secondary">

            <!-- background cover -->
            <div class="tm-background-cover uk-cover-background uk-flex uk-flex-center uk-flex-middle" data-uk-parallax="{bg: '-200'}" style="background-position: 50% 0px; background-image:url(images/background/bg-image-1.jpg)">
              <div class="uk-position-relative uk-container tm-inner-container">
                <div class="uk-grid" data-uk-grid-margin="">

                  <div class="uk-width-medium-1-2">
                    <div class="tm-rotate-text uk-flex">
                      <h2 class="uk-h1 uk-module-title tm-thin-font">We are</h2>
                      <h2 class="uk-h1"><span class="tm-word">Professional.</span> <span class="tm-word">Creative.</span> <span class="tm-word">Passionate.</span> <span class="tm-word">innovative.</span></h2>
                    </div>
                    <p>It is not the strongest of the species that survives, nor the most intelligent that survives. It is the one that is the most adaptable to change.;</p>
                    <p>Take up one idea. Make that one idea your life - think of it, dream of it, live on that idea. Let the brain, muscles, nerves, every part of your body, be full of that idea.</p><br>
                    <a class="uk-button-line uk-button" href="#" target="_self">Learn more</a>
                  </div>

                  <div class="uk-width-medium-1-2 uk-flex uk-flex-center uk-flex-middle">
                    <div data-uk-scrollspy="{cls:'uk-animation-slide-left', delay:100}"><img alt="demo" height="355" src="images/demo/default/content/your-idea.png" width="512"></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </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>

  <!-- modal log-in -->
  <div class="uk-modal" id="modal-a">
    <div class="uk-modal-dialog uk-panel-box uk-panel uk-panel-header uk-modal-dialog-small">
      <a class="uk-modal-close uk-close"></a>
      <div class="">
        <h3 class="uk-panel-title">Sign In</h3>
        <form action="#" class="uk-form" method="post">
          <div class="uk-form-row">
            <input class="uk-width-1-1" name="username" placeholder="Username" size="18" type="text">
          </div>
          <div class="uk-form-row">
            <input class="uk-width-1-1" name="password" placeholder="Password" size="18" type="password">
          </div>
          <div class="uk-form-row">
            <label for="remember-me">Remember Me</label> <input checked id="remember-me" name="remember" type="checkbox" value="yes">
          </div>
          <div class="uk-form-row">
            <button class="uk-button uk-button-primary" name="Submit" type="submit" value="Log in">Log in</button>
          </div>
          <ul class="uk-list uk-margin-bottom-remove">
            <li><a href="">Forgot your password?</a></li>
            <li><a href="">Forgot your username?</a></li>
            <li><a href="">Create an account</a></li>
          </ul>

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