{% 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">УЦ Калуга Астрал в Клину</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">
  <div class="card text-center bg-info bg-opacity-10">
    <div class="card-header">
      klintorg.ru - официальный представитель Астрал-ЭТ в Клину
    </div>
    <div class="card-body">
      <h5 class="card-title">Электронная подпись для любых задач</h5>
      <p class="card-text">Электронная подпись для участия в торгах, работы на государственных порталах и электронного документооборота</p>
      <!-- <a href="#" class="btn btn-primary">Go somewhere</a> -->
    </div>
    <div class="card-footer text-muted">
      <!-- 2 days ago -->
    </div>
  </div>
</div>

<br/>
<br/>
<br/>





<div class="container d-flex justify-content-center">
  
  <h3>Тарифы и цены</h3>
  
</div>
<div class="container d-flex justify-content-center">
  
  <p>Гибкая тарифная сетка позволит выбрать тот тариф, который оптимален именно для Вас</p>
</div>

<br/>


{% for prod in product %}
<div class="container">
  <div class="card mb-3 shadow-sm">
    <div class="row g-0">
      <div class="col-md-8">
        <div class="card-body">
          <h3 class="card-title" style="color: #376798;">{{ prod.name }}</h3>
          <p class="card-text">{{ prod.description }}</p>
          <p class="card-text" style="font-size: 24px; font-weight: bold;">{{ prod.price }} &#x20bd;</p>
          <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
            Заказать
          </button>

        </div>
        
      </div>
      <div class="col-md-4">
        <img src="{{ url_for('static', filename=prod.img) }}" class="img-fluid rounded-start" alt="prod.alt">
      </div>

    </div>
    
  </div>
</div>
<br/>
{% endfor %}






{% endblock %}