{% extends 'new_layout.html' %}

{% block description %}
<meta name="description" content="Официальный сайт компании Клинторг. Официальный партнер удостоверяющего центра АО 'Калуга Астрал' в Клину. Здесь можно приобрести ЭЦП, программы 1С, онлайн-кассы, заключить договор с ОФД." />
{% endblock %}

{% block content %}


<div class="px-4 py-5 my-5 text-center">
  <img class="d-block mx-auto mb-4" src="{{ url_for('static', filename='images/main_logo_klintorg.png') }}" alt="ЭЦП клин, ЭЦП для торгов клин, 1с клин, онлайн-кассы клин" >
  <h1 class="display-5 fw-bold visually-hidden">УЦ Калуга Астрал в Клину</h1>
  <div class="col-lg-6 mx-auto">
    <p class="lead mb-4">Удобные решения для вашего бизнеса. Выпустим ЭЦП, настроим ЭДО, зарегистрируем ККТ и подключим к учетной программе. А еще у нас есть отличные сервисы для сдачи отчетности через интернет.</p>
    <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
      <!-- <button type="button" class="btn btn-primary btn-lg px-4 gap-3">Primary button</button> -->
      <!-- <button type="button" class="btn btn-outline-secondary btn-lg px-4">Secondary</button> -->
      <button type="button" class="btn btn-primary my-2" data-bs-toggle="modal" data-bs-target="#exampleModal">Задать вопрос</button>
      <a href="https://ao.astral.ru/?officeGuid=608898d5-5d40-4a64-8518-565934c77037" class="btn btn-outline-primary my-2" role="button" aria-disabled="false" target="_blank">Подключить отчетность</a>
    </div>
  </div>
</div>
<br/>




<div class="container">
    <h2 class="text-center">Мы предлагаем</h2><br/>
    <br/>
    <br/>
    

    <!-- <div class="row">
         <iframe src="https://ao.astral.ru/integrationBlock?officeGuid=608898d5-5d40-4a64-8518-565934c77037"
         width="350px" height="311px" align="left" frameBorder="0" allowTransparency="true" class="col-md-6 offset-md-3 shadow" ></iframe>
         </div>
         <br/>
         <br/>
    -->
<div class="row row-cols-1 row-cols-md-3 g-4">
  <div class="col">
    <div class="card h-100 shadow">

      <img src="{{ url_for('static', filename='images/ecp.png') }}" class="card-img-top" alt="ЭЦП для торгов клин">
      <div class="card-body">
        <h5 class="card-title">Электронная цифровая подпись</h5>
        <p class="card-text">Электронная подпись для участия в торгах, работы на государственных порталах и электронного документооборота.</p>
        <a href="/astral" class="btn btn-primary stretched-link">Выбрать</a>
      </div>
      <!-- <div class="card-footer"> -->
      <!--   <small class="text-muted">Last updated 3 mins ago</small> -->
      <!-- </div> -->
    </div>
  </div>
  <div class="col">
    <div class="card h-100 shadow">
      <img src="{{ url_for('static', filename='images/1c.png') }}" class="card-img-top" alt="1с клин">
      <div class="card-body"><br/><br/>
        <h5 class="card-title">Программные продукты 1С</h5>
        <p class="card-text">Программные продукты «1С:Предприятие» для автоматизации бухгалтерского и налогового учета в соответствии с действующим законодательством Российской Федерации.</p>
        <a href="/1c" class="btn btn-primary stretched-link" aria-disabled="true">Выбрать</a>
      </div>
      <!-- <div class="card-footer"> -->
      <!--   <small class="text-muted">Last updated 3 mins ago</small> -->
      <!-- </div> -->
    </div>
  </div>
  <div class="col">
    <div class="card h-100 shadow">
      <img src="{{ url_for('static', filename='images/kkt.png') }}" class="card-img-top" alt="онлайн касса клин">
      <div class="card-body"><br/><br/><br/>
        <h5 class="card-title">Онлайн кассы</h5>
        <p class="card-text">Онлайн-кассы для малого и среднего бизнеса любой сферы деятельности. Автоматизация торговых предприятий. Торговое оборудование.</p>
        <a href="/online-kassa" class="btn btn-primary stretched-link" aria-disabled="true" >Выбрать</a>
      </div>
      <!-- <div class="card-footer"> -->
      <!--   <small class="text-muted">Last updated 3 mins ago</small> -->
      <!-- </div> -->
    </div>
  </div>
</div>
</div>

<br/>
<br/>
<div class="container d-flex justify-content-center">
    <button type="button" class="btn btn-primary my-2" data-bs-toggle="modal" data-bs-target="#exampleModal">Свяжитесь с нами для получения консультации!</button>
</div><br/></br>


<!-- <section class="py-5 text-center container"> -->

<!--   <div class="row py-lg-5"  > -->

<!--     <div class="col-lg-6 col-md-8 mx-auto"  > -->

<!--       <h1 class="fw-light">klintorg.ru - УЦ Калуга Астрал в Клину</h1> -->
<!--       <p class="lead text-muted">Выпуск ЭЦП для любых задач. Подключение к онлайн отчетности Астрал Отчет 5.0 и 1С-отчетность. Электронный документооборот от 1С и "Астрал-ЭДО". Автоматизация торговли под ключ. Продажа онлайн-касс. Подключение к ОФД.</p> -->
<!--       <p> -->
<!--         <\!-- <a href="#" class="btn btn-primary my-2">Задать вопрос</a> -\-> -->

<!--                   <button type="button" class="btn btn-primary my-2" data-bs-toggle="modal" data-bs-target="#exampleModal">Задать вопрос</button> -->
<!--         <\!-- <a href="#" class="btn btn-secondary my-2">Secondary action</a> -\-> -->
<!--       </p> -->
<!--     </div> -->


<!--   </div> -->

<!-- </section> -->


{% endblock %}
