<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title></title>
    <!-- .site-wrap 337-->
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600"/>
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/tooplate-style.css" />
  </head>

  <body>
    <div class="container" id="home">
      <div class="col-12 text-center">
        <div class="tm-page-header">
          <i class="fas fa-4x fa-chart-bar mr-4"></i>
          <h1 class="d-inline-block text-uppercase">Pro Line</h1>
        </div>
      </div>
    </div>
    <div class="tm-nav-section">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <nav class="navbar navbar-expand-md navbar-light">
      

              <div class="collapse navbar-collapse" id="tmMainNav">
                <ul class="navbar-nav mx-auto tm-navbar-nav">
                  <li class="nav-item">
                    <a class="nav-link" href="/"><img src="assets/images/en.png"></a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="fr/"><img src="assets/images/fr.png"></a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="de/"><img src="assets/images/de.png"></a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="es/"><img src="assets/images/es.png"></a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="it/"><img src="assets/images/it.png"></a>
                  </li>
                </ul>
              </div>
            </nav>
          </div>
        </div>
      </div>
    </div>
    <section class="tm-banner-section" id="tmVideoSection">
      <div class="container tm-banner-text-container">
        <div class="row">
          <div class="col-12">
            <header>
              <h2 class="tm-banner-title">Maecenas adipiscing ante non <br />diam sodales</h2>
              <p class="mx-auto tm-banner-subtitle">
                Ut velit mauris, egestas sed, gravida nec, ornare ut, mi. Aenean ut orci vel massa.
              </p>
            </header>
          </div>
        </div>
      </div>
    </section>
    <div class="container tm-features-section" id="features">
      <div class="row tm-features-row">
        <section class="col-md-6 col-sm-12 tm-feature-block">
          <header class="tm-feature-header">
            <h3 class="tm-feature-h">Cras pretium diam ut metus</h3>
          </header>
          <p>
            Sed interdum, purus vulputate congue luctus, lorem massa dignissim
            nisi, sed condimentum nibh lorem quis lorem. Nulla sed erat
            dignissim, tincidunt ante ac, egestas turpis.
          </p>
          <p>
            Sed interdum, purus vulputate congue luctus, lorem massa dignissim
            nisi, sed condimentum nibh lorem quis lorem. Nulla sed erat
            dignissim, tincidunt ante ac, egestas turpis.
          </p>
        </section>
        <section class="col-md-6 col-sm-12 tm-feature-block">
          <header class="tm-feature-header">
            <h3 class="tm-feature-h">Cras pretium diam ut metus</h3>
          </header>
          <p>
            Phasellus tristique, sapien quis mattis pellentesque, felis turpis
            placerat turpis, nec viverra quam nisl at velit. Pellentesque
            iaculis convallis egestas.
          </p>
          <p>
            Nunc ut elit eget velit mollis sodales. Ut non mauris ut ligula
            mattis consectetur. Aenean augue arcu, rhoncus at nibh nec, lacinia
            blandit nulla.
          </p>
        </section>
      </div>
    </div>

    <div class="container" id="activities">
      <div class="row">
        <div class="col-12">
          <div class="tm-parallax">
            <header class="tm-parallax-header">
              <h2 class="">Penatibus</h2>
            </header>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-6">
          <div class="tm-activity-block">
            <div class="tm-activity-img-container">
              <img src="assets/images/img-01.jpg" alt="Image" class="tm-activity-img" />
            </div>
            <div class="tm-activity-block-text">
              <h3 class="tm-text-blue">Lorem ipsum dolor sit amet</h3>
              <p>
                Orci varius natoque penatibus et magnis dis parturient montes,
                nascetur ridiculus mus. Sed eu turpis nec sem lacinia
                condimentum et a orci.
              </p>
            </div>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="tm-activity-block mr-lg-0 ml-lg-auto">
            <div class="tm-activity-img-container">
              <img src="assets/images/img-02.jpg" alt="Image" class="tm-activity-img" />
            </div>
            <div class="tm-activity-block-text">
              <h3 class="tm-text-blue">Lorem ipsum dolor sit amet</h3>
              <p>
                Orci varius natoque penatibus et magnis dis parturient montes,
                nascetur ridiculus mus. Sed eu turpis nec sem lacinia
                condimentum et a orci.
              </p>
            </div>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="tm-activity-block">
            <div class="tm-activity-img-container">
              <img src="assets/images/img-03.jpg" alt="Image" class="tm-activity-img" />
            </div>
            <div class="tm-activity-block-text">
              <h3 class="tm-text-blue">Lorem ipsum dolor sit amet</h3>
              <p>
                Orci varius natoque penatibus et magnis dis parturient montes,
                nascetur ridiculus mus. Sed eu turpis nec sem lacinia
                condimentum et a orci.
              </p>
            </div>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="tm-activity-block mr-lg-0 ml-lg-auto">
            <div class="tm-activity-img-container">
              <img src="assets/images/img-04.jpg" alt="Image" class="tm-activity-img" />
            </div>
            <div class="tm-activity-block-text">
              <h3 class="tm-text-blue">Lorem ipsum dolor sit amet</h3>
              <p>
                Orci varius natoque penatibus et magnis dis parturient montes,
                nascetur ridiculus mus. Sed eu turpis nec sem lacinia
                condimentum et a orci.
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>

    <section class="container tm-company-section" id="company">
      <div class="row">
        <div class="col-xl-9 col-lg-8 col-md-12 tm-company-left">
          <div class="tm-company-about">
            <div class="tm-company-img-container">
              <img src="assets/images/img-05.jpg" alt="Image" />
            </div>
            <div class="tm-company-about-text">
              <header>
                <h2 class="tm-company-about-header">Lorem ipsum</h2>
              </header>
              <p>
                Phasellus fringilla convallis libero non aliquam. Morbi justo
                lorem, varius ultricies pulvinar ac, aliquet quis ipsum.
              </p>
              <p class="mb-4">
                Suspendisse aliquam pulvinar odio sed rhoncus. Cras pretium diam
                ut metus tristique, a ultricies sapien euismod. Duis dui diam,
                maximus ac ligula a, accumsan cursus ante.
              </p>
            </div>
          </div>
        </div>
        <div
          class="col-xl-9 col-lg-4 col-md-12 tm-company-right  ml-lg-auto mr-lg-0"
        >
          <div class="tm-company-right-inner">
            <ul class="nav nav-tabs" id="tmCompanyTab" role="tablist">
              <li class="nav-item">
                <span class="nav-link tm-nav-link-border-right active">Vision</span>
              </li>
              <li class="nav-item">
                <span class="nav-link tm-no-border-right">Mission</span>
              </li>
            </ul>
            <div class="tab-content" id="tmTabContent">
              <div class="tab-pane fade show active">
                <p>
                  Phasellus suscipit sapien magna, vel dictum lorem fringilla.
                </p>
                <p>
                  Class aptent taciti sociosqu ad litora torquent per conubia
                  nostra.
                </p>
                <p>
                  Nulla ornare ligula nibh, sit amet tristique magna efficitur
                  eu.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>

    <footer class="container tm-footer">
      <div class="row tm-footer-row">
        <p class="col-md-12 col-sm-12 mb-0">Powered by : <a href="https://www.cedesign.be" target="_blank">cedesign.be</a></p>
      </div>
    </footer>


  </body>
</html>
