    <!-- spotlight -->
    <div id="tm-spotlight" class="tm-block-spotlight uk-block uk-block-default tm-block-fullwidth tm-grid-collapse" >
      <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 uk-contrast tm-overlay-primary">
              <div class="tm-background-cover uk-cover-background uk-flex uk-flex-center uk-flex-middle" style="background-position: 50% 0px; background-image:url(images/background/bg-image-1.jpg)" data-uk-parallax="{bg: '-200'}">
                <div class="uk-position-relative uk-container tm-inner-container">
                  <h2 class="uk-module-title-alt uk-margin-remove">Our company</h2>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>

    <!-- breadcrumbs -->
    <div class="tm-breadcrumbs">
      <div class="uk-container uk-container-center">
        <div class="uk-hidden-small">
          <ul class="uk-breadcrumb">
            <li><a href="?page=home">Home</a></li>
            <li><span>Pages</span></li>
            <li class="uk-active"><span>Our History</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">
                  <h1 class="uk-article-title">Our History</h1>
                  <div class="tm-article-content uk-margin-large-bottom uk-margin-top-remove">
                    <div class="tm-article">
                      <p>We have a long history of proven skills and know how which spans over a centure. We provide our clients with useful information and advice they need to make sound decisions to meet their financial goals.</p>
                      <section id="tm-timeline">
                        <div class="tm-timeline-block tm-timeline-default" data-uk-scrollspy="{cls:'uk-animation-fade', delay: 300}">
                          <div class="tm-timeline-icon"></div>
                          <div class="tm-timeline-content">
                            <span class="tm-timeline-date">1933</span>
                            <div class="tm-timeline-img uk-cover-background" style="min-height: 150px; background-image: url(images/demo/general/timeline-1.jpg);"></div>
                            <h3 class="uk-module-title">We are open</h3>
                            <p>We opened our doors in the summer of 1933 and served our very first clients in Hamburg.</p>
                          </div>
                        </div>
                        <div class="tm-timeline-block tm-timeline-default" data-uk-scrollspy="{cls:'uk-animation-fade', delay: 300}">
                          <div class="tm-timeline-icon"></div>
                          <div class="tm-timeline-content">
                            <span class="tm-timeline-date">1963</span>
                            <h3 class="uk-module-title">Acquisition &amp; rebranding</h3>
                            <p>After 30 years of services, we acquired Fintech solutions and rebranded our company brand.</p>
                          </div>
                        </div>
                        <div class="tm-timeline-block tm-timeline-default" data-uk-scrollspy="{cls:'uk-animation-fade', delay: 300}">
                          <div class="tm-timeline-icon"></div>
                          <div class="tm-timeline-content">
                            <span class="tm-timeline-date">1977</span>
                            <h3 class="uk-module-title">Expansion of operations</h3>
                            <p>With over 1200 clients all across the world, we became the top financial advisor for many internationals.</p>
                          </div>
                        </div>
                        <div class="tm-timeline-block tm-timeline-primary" data-uk-scrollspy="{cls:'uk-animation-fade', delay: 300}">
                          <div class="tm-timeline-icon"></div>
                          <div class="tm-timeline-content">
                            <span class="tm-timeline-date">2000</span>
                            <div class="tm-timeline-img uk-cover-background" style="min-height: 150px; background-image: url(images/demo/general/timeline-2.jpg);"></div>
                            <h3 class="uk-module-title">London branch opens</h3>
                            <p>In January 2000, we open our first overseas office in the heart of London to better server our clients in UK.</p>
                          </div>
                        </div>
                        <div class="tm-timeline-block tm-timeline-default" data-uk-scrollspy="{cls:'uk-animation-fade', delay: 300}">
                          <div class="tm-timeline-icon"></div>
                          <div class="tm-timeline-content">
                            <span class="tm-timeline-date">2011</span>
                            <h3 class="uk-module-title">Records broken</h3>
                            <p>In our 78th anniversary, we posted a record $15 Billion trading profit making it the most profitable financial company in Germany</p>
                          </div>
                        </div>
                        <div class="tm-timeline-block tm-timeline-secondary" data-uk-scrollspy="{cls:'uk-animation-fade', delay: 300}">
                          <div class="tm-timeline-icon"></div>
                          <div class="tm-timeline-content">
                            <span class="tm-timeline-date">2016</span>
                            <h3 class="uk-module-title">New things</h3>
                            <p>In 2016, we ventured into new markets to expand our folio and establish our fiscal acumen in the industy.</p>
                          </div>
                        </div>
                      </section>
                    </div>
                  </div>
                </div>
              </article>
            </main>
          </div>

          <aside class="tm-sidebar-b uk-width-medium-3-10">

            <!-- block panel -->
            <div class="uk-panel uk-panel-box tm-panel-box-primary-light uk-border-rounded">
              <ul class="uk-nav uk-nav-parent-icon uk-nav-side" data-uk-nav="{}">
                <li><a href="?page=about-us">About Us</a></li>
                <li><a href="?page=our-team-extended">Our Team</a></li>
                <li class="uk-active"><a href="?page=our-history">Our History</a></li>
                <li><a href="?page=our-philosophy">Our Philosophy</a></li>
                <li><a href="?page=our-services">Our Services</a></li>
                <li><a href="?page=our-rates">Our Rates</a></li>
                <li><a href="?page=our-pricing">Our Pricing</a></li>
                <li><a href="?page=contact-us">Contact Us</a></li>
              </ul>
            </div>

            <!-- block panel -->
            <div class="uk-panel">
              <a class="uk-button-default uk-width-1-1 uk-margin-small-bottom uk-button" href="#" target="_self"><i class="uk-icon-file-pdf-o"></i> Download brochure</a>
            </div>

            <!-- block panel -->
            <div class="uk-panel uk-panel-box uk-panel-box-primary uk-border-rounded tm-background-icon">
              <h3 class="uk-panel-title"><i class="uk-icon-at uk-margin-small-right"></i> Talk to us</h3>
              <p>Would you like to speak to one of our financial advisers over the phone? <a href="?page=contact-us">Contact us</a> and we'll get back to you in the course of the day.</p><a class="uk-button-default uk-button" href="http://goo.gl/MLgisO" target="_blank">Get in touch</a>
            </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>