{% extends 'new_layout.html' %}

{% 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">Выпуск ЭЦП для любых задач. Подключение к онлайн отчетности Астрал Отчет 5.0 и 1С-отчетность. Электронный документооборот от 1С и "Астрал-ЭДО". Автоматизация торговли под ключ. Продажа онлайн-касс. Подключение к ОФД.</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>
    </div>
  </div>
</div>
<br/>

<div class="container">
  <h2 class="text-center">Мы предлагаем</h2><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/>

<!-- <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 %}