<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>TsTrader</title>
  <!-- Styles -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700&display=swap&subset=cyrillic"
    rel="stylesheet">
  <link href="css/reset.css" rel="stylesheet" type="text/css" media="screen">
  <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="screen">
  <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="screen">
  <link href="css/stilovi.css" rel="stylesheet" type="text/css" media="screen">
  <!-- Scripts -->
  <script src="js/jquery-3.2.1.min.js" type="text/javascript"></script>
  <script src="js/bootstrap.min.js" type="text/javascript"></script>
</head>

<body>
  <div class="wrapper">
    <!-- Header -->
    <div class="carousel-inner">
      <div class="bgc" style="background-image: url(images/trader-bg.jpg);">
        <div class="fixed_maxwidth">
          <div class="row">
            <div class="txt">
              <img src="images/logo-white.png" style="width:45%;">
              <h1>Апликација прилагодена за работа со новиот царински систем.</h1>
              <p>Извоз, увоз, транзит, акцизи.</p>
              <a class="submit-btn" href="#">Започни тест период</a>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Content -->
    <div class="cont">
      <div class="fixed_maxwidth">
        <div class="section-about">
          <div style="text-align:center;"><img style="width: 10%;" src="images/noun_Truck_22276.png"></div>
          <h2 class="title-about">За TS trader</h2>

          <p>TS Trader е нова модерна и лесна апликација, која им ја олеснува работата на шпедициите при поднесување на
            декларации. </p>
          <p>Овозможува брза обработка на податоци и е составена од разни софтверски решенија кои дополнително им го
            олеснуваат работењето на шпедициите. </p>
          <p>Континуирано е во тек промените и настаните на шпедитерското работење и овозможува целосна административна
            поддршка.</p>
          <p>Лесно се поврзува со СОЦДАД и овозможува бесконечно поднесување на декларации со брз повратен статус.</p>
          <p>Апликацијата има можност за лесно пребарување на деклараците по увозни, извозни, датум или по било какво
            бројче што содржи една апликација, (како регистрација на возило, LRN бројче) ит.н.</p>

        </div>
        <div class="section-hiw">
          <h2 class="title-how-it-works">Како работи</h2>
          <div class="row">
            <div class="col-md-3" style="text-align:center;">
              <img style="width: 30%;" src="images/noun_Loading%20Software_107314.png">
              <p>Инсталирајте ја сервер апликацијата на <span style="color: #0c5df7;"><a href="https://tstrader.semos.mk/download/TsTraderServer.zip">Download Server</a></span> </p>
            </div>
            <div class="col-md-3" style="text-align:center;">
              <img style="width: 30%;" src="images/noun_Download_790753.png">
              <p>Симнете ја апликацијата на <span style="color: #0c5df7;"><a href="https://tstrader.semos.mk/download/TsTrader.application">Download Client</a></span> </p>
            </div>
            <div class="col-md-3" style="text-align:center;">
              <img style="width: 30%;" src="images/noun_Mail_2783594.png">
              <p>Пополнете ја <br> <a href="Form1.html">Контакт формата</a> </p>
            </div>
            <div class="col-md-3" style="text-align:center;">
              <img style="width: 30%;" src="images/noun_certification_717314.png">
              <p>Лиценцата ќе ви биде одобрена од наша страна. </p>
            </div>
          </div>
          <div class="buttons-2">
            <a class="submit-btn" style="margin-right: 10px;" href="https://tstrader.semos.mk/download/TsTraderServer.zip">Download Server</a>
            <a class="submit-btn" style="margin-left: 10px;" href="https://tstrader.semos.mk/download/TsTrader.application">Download Client</a>
          </div>
        </div>
        <div class="section-hiw">
          <div style="text-align:center;"><img style="width:80px;" src="images/manual.png"></div>
          <h2 class="title-faq">Корисничко упатство</h2>
          <div class="row doc-txt">

            <p>Тука може да го превземете корисничкото упатство за нашата апликација TS trader.</p>

          </div>
          <div class="buttons-2">
            <a class="submit-btn" style="margin-right: 10px;" href="http://tstrader.semos.mk/download/Upatstvo_TS_Trader.pdf" target="_blank">Превземи Документ</a>
          </div>
        </div>
      </div>


      <div class="dark-bg">
        <div class="fixed_maxwidth">
          <h1 class="izbereteponuda">Изберете понуда</h1>
          <div class="price">
            <div class="pricing-table gprice-single">
              <div class="head">
                <h4 class="title">Понуда 1</h4>
              </div>
              <div class="content">
                <div class="price">
                  <h1>€50</h1>
                </div>
                <ul>
                  <li>Месечна претплата</li>
                  <li>Лиценца по корисник</li>
                  <li>Од - До</li>
                  <li class="licenca-01">1 - 5</li>



                </ul>
                <div class="sign-up">
                  <a href="Form1.html" class="btn bordered radius">Избери</a>
                </div>
              </div>
            </div>
            <div class="pricing-table gprice-single">
              <div class="head">
                <h4 class="title">Понуда 2</h4>
              </div>
              <div class="content">
                <div class="price">
                  <h1>€45</h1>
                </div>
                <ul>
                  <li>Месечна претплата</li>
                  <li>Лиценца по корисник</li>
                  <li>Од - До</li>
                  <li class="licenca-01">6 - 10</li>

                </ul>
                <div class="sign-up">
                  <a href="Form1.html" class="btn bordered radius">Избери</a>
                </div>
              </div>
            </div>
            <div class="pricing-table gprice-single">
              <div class="head">
                <h4 class="title">Понуда 3</h4>
              </div>
              <div class="content">
                <div class="price">
                  <h1>€43</h1>
                </div>
                <ul>
                  <li>Месечна претплата</li>
                  <li>Лиценца по корисник</li>
                  <li>Од - До</li>
                  <li class="licenca-01">11 - 15</li>
                </ul>
                <div class="sign-up">
                  <a href="Form1.html" class="btn bordered radius">Избери</a>
                </div>
              </div>
            </div>
            <div class="pricing-table gprice-single">
              <div class="head">
                <h4 class="title">Понуда 4</h4>
              </div>
              <div class="content">
                <div class="price">
                  <h1>€40</h1>
                </div>
                <ul>
                  <li>Месечна претплата</li>
                  <li>Лиценца по корисник</li>
                  <li>Од - До</li>
                  <li class="licenca-01">16 - 25</li>
                </ul>
                <div class="sign-up">
                  <a href="Form1.html" class="btn bordered radius">Избери</a>
                </div>
              </div>
            </div>
            <div class="pricing-table gprice-single">
              <div class="head">
                <h4 class="title">Понуда 5</h4>
              </div>
              <div class="content">
                <div class="price">
                  <h1>€38</h1>
                </div>
                <ul>
                  <li>Месечна претплата</li>
                  <li>Лиценца по корисник</li>
                  <li>Од - До</li>
                  <li class="licenca-01">26 - 35</li>
                </ul>
                <div class="sign-up">
                  <a href="Form1.html" class="btn bordered radius">Избери</a>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
      <h1 class="izbereteponuda1"></h1>




    </div>
    <!-- Site footer -->
    <footer class="site-footer">
      <div class="container">
        <div class="row">
          <div class="col-sm-12 col-md-6">
            <h6>TS trader</h6>
            <p class="text-justify">TS Trader е нова модерна и лесна апликација, која им ја олеснува работата на
              шпедициите при поднесување на декларации.
              Овозможува брза обработка на податоци и е составена од разни софтверски решенија кои дополнително им го
              олеснуваат работењето на шпедициите.</p>
          </div>

          <!-- <div class="col-xs-6 col-md-3">
            <h6>Категории</h6>
            <ul class="footer-links">
              <li><a href="http://scanfcode.com/category/c-language/">C</a></li>
              <li><a href="http://scanfcode.com/category/front-end-development/">UI Design</a></li>
              <li><a href="http://scanfcode.com/category/back-end-development/">PHP</a></li>
              <li><a href="http://scanfcode.com/category/java-programming-language/">Java</a></li>
              <li><a href="http://scanfcode.com/category/android/">Android</a></li>
              <li><a href="http://scanfcode.com/category/templates/">Templates</a></li>
            </ul>
          </div> -->

          <div class="col-xs-6 col-md-3">
            <h6>Брзи линкови</h6>
            <ul class="footer-links">
              <li><a href="https://semos.com.mk/contact.html">Contact US</a></li>
              <li><a href="https://www.facebook.com/SemosGroup">Find us on
                  Facebook</a></li>
              <li><a href="https://www.linkedin.com/company/semos">Find us on
                  LinkedIn</a></li>
            </ul>
          </div>
        </div>
        <hr>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-md-8 col-sm-6 col-xs-12">
            <p class="copyright-text">Copyright &copy; 2023 All Rights Reserved by
              <a href="#">TS Trader</a>.
            </p>
          </div>

          <div class="col-md-4 col-sm-6 col-xs-12">
            <ul class="social-icons">
              <li><a class="facebook" href="https://www.facebook.com/SemosGroup"><i class="fa fa-facebook"></i></a></li>
              <li><a class="linkedin" href="https://www.linkedin.com/company/semos"><i class="fa fa-linkedin"></i></a></li>
            </ul>
          </div>
        </div>
      </div>
    </footer>

  </div>
  <script>
    let accord = document.querySelectorAll('.accordion');
    let i;

    for (i = 0; i < accord.length; i++) {
      accord[i].addEventListener('click', function () {
        this.classList.toggle('active');
        let panel = this.nextElementSibling;
        if (panel.style.maxHeight) {
          panel.style.maxHeight = null;
        } else {
          panel.style.maxHeight = panel.scrollHeight + "px";
        }
      });
    }

  </script>
</body>

</html>