{% extends 'new_layout.html' %}

{% block content %}


<div class="container my-5">
  <div class="row p-4 pb-0 pe-lg-0 pt-lg-5 align-items-center rounded-3 border shadow-lg">
    <div class="col-lg-7 p-3 p-lg-5 pt-lg-3 text-center">
      <h1 class="display-4 fw-bold lh-1">УЦ Калуга Астрал в Клину</h1>
      <p class="lead">Выпуск ЭЦП для любых задач. Подключение к онлайн отчетности Астрал Отчет 5.0 и 1С-отчетность. Электронный документооборот от 1С и "Астрал-ЭДО". Автоматизация торговли под ключ. Продажа онлайн-касс. Подключение к ОФД.</p>
      <div class="d-grid gap-2 d-md-flex justify-content-md-start mb-4 mb-lg-3">
        <button type="button" class="btn btn-primary my-2" data-bs-toggle="modal" data-bs-target="#exampleModal">Задать вопрос</button>
        <!-- <button type="button" class="btn btn-primary btn-lg px-4 me-md-2 fw-bold">Primary</button> -->
        <!-- <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button> -->
      </div>
    </div>
    <div class="col-lg-4 offset-lg-1 p-0 overflow-hidden shadow-lg">
      <img class="rounded-lg-3" src="{{ url_for('static', filename='images/astral_2.png') }}" alt="эцп клин" width="720">
    </div>
  </div>
</div>
<br/>

<div class="container">
<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="/astral" class="btn btn-primary stretched-link disabled" 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/>
        <h5 class="card-title">Онлайн кассы</h5>
        <p class="card-text">Онлайн-кассы для малого и среднего бизнеса любой сферы деятельности. Автоматизация торговых предприятий. Торговое оборудование.</p>
        <a href="/astral" class="btn btn-primary stretched-link disabled" 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 %}