142 lines
5.5 KiB
HTML
142 lines
5.5 KiB
HTML
{% extends "new_layout.html" %}
|
||
|
||
{% block content %}
|
||
|
||
<div class="bg-primary bg-opacity-25">
|
||
<div class="container col-xxl-8 px-4 py-5">
|
||
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
|
||
<div class="col-10 col-sm-8 col-lg-6">
|
||
<img src="{{ url_for('static', filename='images/astral_et.png') }}" class="d-block mx-lg-auto img-fluid" alt="ЭЦП в Клину, УЦ Калуга Астрал" width="350" height="250" loading="lazy">
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<h1 class="display-5 fw-bold lh-1 mb-3">#astral_klintorg</h1>
|
||
<p class="lead">Электронная подпись для участия в торгах, работы на государственных порталах и электронного документооборота</p>
|
||
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
|
||
<!-- <button type="button" class="btn btn-primary btn-lg px-4 me-md-2">Primary</button> -->
|
||
<!-- <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button> -->
|
||
<button type="button" class="btn btn-primary my-2" data-bs-toggle="modal" data-bs-target="#exampleModal">Задать вопрос</button>
|
||
</div>
|
||
</div>
|
||
</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>
|
||
</div>
|
||
|
||
<br/>
|
||
<br/>
|
||
<br/>
|
||
|
||
<div class="container d-flex justify-content-center">
|
||
|
||
<h2>Преимущества</h2>
|
||
|
||
</div>
|
||
|
||
<br/>
|
||
<br/>
|
||
|
||
|
||
|
||
<div class="container">
|
||
<div class="row row-cols-1 row-cols-md-2 g-4">
|
||
<div class="col">
|
||
<div class="card h-100">
|
||
<img src="{{ url_for('static', filename='images/tarifs.svg' )}}" class="card-img-top h-75 w-75 rounded mx-auto d-block" alt="ЭЦП для любых задач в Клину"><br/><br/><br/><br/>
|
||
<div class="card-body">
|
||
<h4 class="card-title" style="color: steelblue;">Разнообразие тарифных планов</h4><br/>
|
||
<p class="card-text">Выберите подходящую ЭП для своих задач: торги на федеральных и коммерческих ЭТП, работа с ЕГАИС и другими госпорталами, выполнение ЭДО или подключение к ОФД</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="card h-100">
|
||
<img src="{{ url_for('static', filename='images/fast_ecp.svg' ) }}" class="card-img-top h-75 w-75 rounded mx-auto d-block" alt="Быстрый выпуск ЭЦП">
|
||
<div class="card-body">
|
||
<h4 class="card-title" style="color: steelblue;">Быстрый выпуск подписи</h4><br/>
|
||
<p class="card-text">Получите подпись без потери времени: весь процесс оформления займет не больше одного рабочего дня</p>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="card h-100">
|
||
<img src="{{ url_for('static', filename='images/withoutpaper.svg' ) }}" class="card-img-top h-75 w-75 rounded mx-auto d-block" alt="Безбумажное продление ЭЦП">
|
||
<div class="card-body">
|
||
<h4 class="card-title" style="color: steelblue;">Безбумажное продление</h4><br/>
|
||
<p class="card-text">Без визита в офис — заявление заполняется в Личном кабинете пользователя и подписывается его действующей подписью</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="card h-100">
|
||
<img src="{{ url_for('static', filename='images/easyget.svg' )}}" class="card-img-top h-75 w-75 rounded mx-auto d-block" alt="Простое получение">
|
||
<div class="card-body">
|
||
<h4 class="card-title" style="color: steelblue;">Простая заявка на получение</h4><br/>
|
||
<p class="card-text">Оформите заявку на электронную подпись всего по двум документам: паспорт будущего владельца сертификата и СНИЛС</p>
|
||
</div>
|
||
</div>
|
||
</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 }} ₽</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 %}
|