<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="yandex-verification" content="8ba3940ada64923a" />
    <meta name="google-site-verification" content="D_8sVdIKQn8tZo-oZ6qhf2hbkjeyKmFTqwo2u1siSfw" />
    


    <!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(86042102, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/86042102" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css">
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/carousel.css') }}" />
    <link rel="icon" href="{{ url_for('static', filename='images/klintorg_logo.png')}}" type="image/png" />

    
    {% if title %}
    <title>klintorg - {{ title }}</title>
    {% else %}
    <title>klintorg</title>
    {% endif %}

  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <div class="container-fluid">
        <a class="navbar-brand" href="/home">
          <img src="{{ url_for('static', filename='images/main_logo_klintorg.png') }}" alt="klintorg.ru эцп клин" class="d-inline-block align-text-top" style="width: 35%; height: 35%;">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarText">
          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
            {% for m in menu %}
            <li class="nav-item"><a href="{{ m.url }}" class="nav-link {{ m.active }}">{{ m.name }}</a></li>
            {% endfor %}
          </ul>
          <span class="navbar-text">
            Срочный выпуск ЭЦП!
          </span>
        </div>
      </div>
    </nav>
    <!-- <br/> -->
    <!-- <br/> -->


    {% block content %}
    {% endblock %}

    <!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Позвоните нам прямо сейчас!</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <a href="tel:+79096861756"><i class="bi bi-telephone"></i>   +7(909)686-17-56</a>
        <br/>
        <br/>
        <a href="https://wa.me/79096861756"><i class="bi bi-whatsapp"></i>  Написать в Whatsapp</a>
        <br/>
        <br/>
        <a href="tg://resolve?domain=@TanyaPetrovaa"><i class="bi bi-telegram"></i>  Написать в Telegram</a>
        <br/>
        <br/>
        <p>Ваш персональный менеджер Татьяна!</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>


<footer class="bg-light text-center text-lg-start">
  <!-- Grid container -->
  <div class="container p-4">
    <!--Grid row-->
    <div class="row">
      <!--Grid column-->
      <div class="col-lg-6 col-md-12 mb-4 mb-md-0">
        <h5 class="text-uppercase">Наш адрес</h5>

        <p>
          141602, г.Клин, Ленинградское ш., д. 8А
        </p>
      </div>
      <!--Grid column-->

      <!--Grid column-->
      <div class="col-lg-6 col-md-12 mb-4 mb-md-0">
        <h5 class="text-uppercase">Контакты</h5>

        <p>
        <a href="tel:+79096861756"><i class="bi bi-telephone"></i>   +7(909)686-17-56</a>
        <br/>
        <br/>
        <a href="https://wa.me/79096861756"><i class="bi bi-whatsapp"></i>  Написать в Whatsapp</a>
        <br/>
        <br/>
        <a href="tg://resolve?domain=@TanyaPetrovaa"><i class="bi bi-telegram"></i>  Написать в Telegram</a>
        <br/>
        <br/>
        <a href="mailto:manager@klintorg.ru"><i class="bi bi-envelope"></i>  manager@klintorg.ru</a>
        
          
        </p>
      </div>
      <!--Grid column-->
    </div>
    <!--Grid row-->
  </div>
  <!-- Grid container -->

  <!-- Copyright -->
  <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
    © 2021 Copyright:
    <a class="text-dark" href="http://klintorg.ru">klintorg.ru</a>
  </div>
  <!-- Copyright -->
</footer>
    
    

    <!-- Optional JavaScript; choose one of the two! -->

    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

<!--     <script>var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')) -->
<!-- var popoverList = popoverTriggerList.map(function (popoverTriggerEl) { -->
<!--   return new bootstrap.Popover(popoverTriggerEl) -->
<!-- })    </script> -->
    <script>var myModal = document.getElementById('myModal')
var myInput = document.getElementById('myInput')

myModal.addEventListener('shown.bs.modal', function () {
  myInput.focus()
})</script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
    -->
  </body>
    <style>
      a {
          text-decoration: none;
          color: #212121;
      }
      a:hover {
          text-decoration: none;
          color: #red;
      }
  </style>

</html>
