{% extends "new_layout.html" %}

{% block description %}
<meta name="description" content="1C:Франчайзинг.Клинторг - участник сети 1С:Франчайзинг. Программы 1С в Клину. Доработка конфигурации 1С по требованию заказчика в Клину. Сертифицированные nспециалисты 1С в Клину." />
{% endblock %}


{% block content %}
<div class="bg-warning 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/1c_main.png') }}" class="d-block mx-lg-auto img-fluid" alt="ЭЦП в Клину, УЦ Калуга Астрал" width="300" height="200" loading="lazy">
      </div>
      <div class="col-lg-6">
          <!-- <img src="{{ url_for('static', filename='images/1c_fran_black.png') }}" alt="" style="width: 20%; height: 20%;" /> -->
          <h1 class="display-5 fw-bold lh-1 mb-3 visually-hidden">Решения 1С в Клину</h1>
          <h1 class="display-5 fw-bold lh-1 mb-3">Решения  <img src="{{ url_for('static', filename='images/1c_fran_black.png') }}" alt="Программы 1с в Клину" style="width: 15%; height: 15%;" /></h1>
          <h3>1С:Франчайзинг.Клинторг</h3>
        <p class="lead">Наша компания имеет статус 1С:Франчайзинг. Программы 1С в Клину. Сертифицированные специалисты. Предоставляем все виды услуг по поддержке программных продуктов 1С.</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/>
<br/>

<div class="container d-flex justify-content-center">
    
    <h2>Бухгалтерский учет</h2>
    
</div>

<br/>
<br/>


{% for prod in product_1c %}
{% if prod.group == "buh" %}
<div class="container">
  <div class="card mb-3 shadow-sm bg-warning bg-opacity-10">
    <div class="row g-0">
      <div class="col-md-8">
        <div class="card-body">
          <h3 class="card-title text-danger">{{ 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-warning" data-bs-toggle="modal" data-bs-target="#exampleModal">
            Заказать
          </button>

        </div>
        
      </div>
      <div class="col-md-2"></div>
      <div class="col-md-2 d-flex flex-wrap align-items-center justify-content-center">
        <img src="{{ url_for('static', filename=prod.img) }}" class="img-fluid rounded d-none d-xl-block" style="width: 200px; height: 200px" alt="{{prod.alt}}">
      </div>

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



<div class="container d-flex justify-content-center">
    
    <h2>Торговый и складской учет</h2>
    
</div>

<br/>
<br/>



{% for prod in product_1c %}
{% if prod.group == "trade" %}
<div class="container">
  <div class="card mb-3 shadow-sm bg-warning bg-opacity-10">
    <div class="row g-0">
      <div class="col-md-8">
        <div class="card-body">
          <h3 class="card-title text-danger">{{ 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-warning" data-bs-toggle="modal" data-bs-target="#exampleModal">
            Заказать
          </button>

        </div>
        
      </div>
      <div class="col-md-2"></div>
      <div class="col-md-2 d-flex flex-wrap align-items-center justify-content-center">
          <img src="{{ url_for('static', filename=prod.img) }}" class="img-fluid rounded d-none d-xl-block" style="width: 200px; height: 200px" alt="{{prod.alt}}">
      </div>

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

<div class="container d-flex justify-content-center">
    
    <h2>Облачные решения</h2>
    
</div>

<br/>
<br/>



{% for prod in product_1c %}
{% if prod.group == "cloud" %}
<div class="container">
    <div class="card mb-3 shadow-sm bg-warning bg-opacity-10">
        <div class="row g-0">
            <div class="col-md-8">
                <div class="card-body">
                    <h3 class="card-title text-danger">{{ 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-warning" data-bs-toggle="modal" data-bs-target="#exampleModal">
                        Заказать
                    </button>

                </div>
                
            </div>
            <div class="col-md-2"></div>
            <div class="col-md-2 d-flex flex-wrap align-items-center justify-content-center">
                <img src="{{ url_for('static', filename=prod.img) }}" class="img-fluid rounded d-none d-xl-block" style="width: 200px; height: 200px" alt="{{prod.alt}}">
            </div>

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


<div class="container d-flex justify-content-center">
    
    <h2><img src="{{ url_for('static', filename='images/1c_its_logo.png') }}" alt="Программы 1с в Клину" style="width: 88px; height: 66px;" />1С: ИТС (Информационно-технологическое сопровождение)</h2>
    
</div>
<div class="container d-flex justify-content-center">
    
    <p>Информационно-технологическое сопровождение (1С:ИТС) – это комплексная поддержка пользователей, оказываемая фирмой «1С» совместно с партнерами.</p>

</div>

<div class="container">
    <div class="row">
        <div class="col-sm-6">
            <div class="card h-100 shadow-sm bg-warning bg-opacity-10">
                <div class="card-body">
                    <h5 class="card-title text-danger">ИТС ТЕХНО (КП Базовый)</h5>
                    <p class="card-text">Доступ к обновлениям и сервисам 1С:ИТС для коммерческих предприятий. Минимальный тариф для обеспечения официальной поддержки программных продуктов «1С:Предприятие» ПРОФ версий</p><br/>
                    <p class="card-text" style="font-size: 24px; font-weight: bold;">17 136 &#x20bd;</p>
                    <button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#exampleModal">
                        Заказать
                    </button>

                </div>
            </div>
        </div>
        <div class="col-sm-6">
            <div class="card h-100 shadow-sm bg-warning bg-opacity-10">
                <div class="card-body">
                    <h5 class="card-title text-danger">ИТС ПРОФ (КП ПРОФ)</h5>
                    <p class="card-text">Доступ к обновлениям, консультациям, сервисам 1С:ИТС для коммерческих предприятий. Включает услуги партнеров по регулярному обновлению программных продуктов «1С:Предприятие» и информационно-методическую поддержку бухгалтеров, кадровиков, руководителей и IT-специалистов.</p>
                    <p class="card-text" style="font-size: 24px; font-weight: bold;">40 572 &#x20bd;</p>
                    <button type="button" class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#exampleModal">
                        Заказать
                    </button>

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

{% endblock%}