KeyCRM Templates
  • Read here / Читай тут
  • Common
    • 🇺🇸International
  • 🇺🇦Ukrainian / Українська
    • Для замовлень
    • Для воронок
  • 🏳️Russian / Русский
    • Для заказов
    • Для воронок
Powered by GitBook
On this page
  • 1. Товарный чек
  • 2. Товарный чек №2
  • 3. Счет на оплату
  • 4. Коммерческое предложение
  1. Russian / Русский

Для воронок

Шаблоны документов для воронок на русском языке

PreviousДля заказов

Last updated 1 year ago

1. Товарный чек

Тип шаблона: Воронки

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Invoice</title>
</head>
<body>

<div class="container">

  <table class="width100">
    <tbody>
    <tr>
      <td class="logo-wrapper" valign="top">
          <img src="https://blog.keycrm.app/keycrm/images/keycrm-logo-blue-on-white.png" style="width: 200px;" alt="">
      </td>
      <td valign="top">
        <span style="background-color: yellow">г.Киев ул. Хрещатик, 1</span><br />
        <span style="background-color: yellow">test@ukr.net</span><br />
      </td>
      <td valign="top">
        <span style="background-color: yellow">тел.: +38(050)000-00-00</span><br />
        <span style="background-color: yellow">тел.: +38(095)000-00-00</span><br />
        <span style="background-color: yellow">тел.: +38(097)000-00-00</span><br />
      </td>
    </tr>
    </tbody>
  </table>
  
  <br /><br /><br />

  <table class="width100">
    <tbody>
    <tr>
      <td valign="top" class="label" style="width:50%">
          <span style="background-color: yellow">Поставщик: Company Name</span><br />
          <span style="background-color: yellow">ФОП Тест А.А.</span><br />
          <span style="background-color: yellow">г.Киев ул. Хрещатик, 1</span><br />
          <span style="background-color: yellow">тел.: +38(050)000-00-00</span><br />
      </td>
      <td valign="top" class="label">
          Получатель: {{ model.contact_name }}<br />
          тел.: {{ model.contact_phone }}<br />
          {% if model.contact_email %}
            email: {{ model.contact_email }}
          {% endif %}
      </td>
    </tr>
    </tbody>
  </table>
  <br />

  <p class="big-text text-center" style="margin-bottom: 10px">
    {% set mnths = ['','января','февраля','марта','апреля','мая','июня','июля','августа','сентября','октября','ноября','декабря'] %}
    
    Товарний чек №{{ model.id }} от {{ model.created_at|date("j") }} {{ mnths[model.created_at|date("n")] }} {{ model.created_at|date("Y") }} г.
  </p>
  <table class="table-products width100 border">
    <tbody>
        
    <tr>
      <th class="text-center">№</th>
      <th class="name-col">Наименование</th>
      <th>Ед.</th>
      <th>Количество</th>
      <th>Цена</th>
      <th>Сумма</th>
    </tr>

    {% for key, product in model.products %}
    <tr>
      <td class="text-center">{{key + 1}}</td>
      <td style="width:50%">{{ product.name }}</td>
      <td class="text-center">шт</td>
      <td class="text-center">{{ product.quantity }}</td>
      <td class="text-right">{{ product.price|format_currency('UAH', locale='uk') }}</td>
      <td class="text-right">{{ (product.quantity * product.price)|format_currency('UAH', locale='uk') }}</td>
    </tr>
    {% endfor %}
    
  </table>
  <table style="width: 100%">
        <tr>
            <td align="right">
                <table class="table-sum">
                    <tr>
                        <td><strong>Всего:</br>БЕЗ НДС</strong></td>
                        <td class="text-right" style="position: relative; top: -8px;">{{
                            model.products_sum|number_format(2, '.', ' ') }} грн.
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </table>
    <br/><br/><br/>
    <table>
        <tr>
            <td>
                Всего наименований: {{ model.products|length }} на сумму
                <strong>{{ model.products_sum|number_format(2, '.', ' ') }}</strong> грн.
            </td>
        </tr>
         <td style="width: 50%">Дата: <span class="label underline">{{ model.created_at|date("j") }} {{ mnths[model.created_at|date("n")] }} {{ model.created_at|date("Y") }} р.</span>    </td>
      <td>Подпись поставщика: &nbsp;&nbsp;&nbsp; ____________________</td>
      <td></td>
    </tr>
    </table>
 
</div>

</body>
<style>
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  html, body {
    height: 100%;
  }
  body {
    font-size: 16px;
    line-height: 1.3;
    min-width: 320px;
    font-family: sans-serif;
    overflow-x: hidden;
  }

  .container {
    margin-right: auto;
    margin-left: auto;
  }

  .text-center {
    text-align: center;
  }

  .text-right {
    text-align: right;
  }

  .label {
    font-weight: bold;
  }
  
  .underline {
      text-decoration: underline;
      font-style: italic;
  }

  .big-text {
    font-size: 18px;
  }
  
  .width100 {
      width: 100%;
  }
  
  .width50 {
      width: 50%;
  }

  table {
    border-collapse:collapse;
    border-spacing:0;
    height: auto;
  }

  table td {
    padding-right: 5px;
    padding-left: 5px;
    border: none;
  }

  table th {
    background: #d4d4d4;
  }

  table.border td,
  table.border th {
    border: 1px solid black;
  }
  
  table.table-products {
      border: solid 2px black;
  }

  table.table-products th {
    padding: 20px 5px;
  }
  table.table-products td {
    padding: 5px;
  }
  
  table.table-sum {
      margin-top: 7px;
  }
  
  table.table-sum td {
    padding: 3px 5px 3px 15px;
  }

</style>
</html>

2. Товарный чек №2

Тип шаблона: Воронки

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Invoice</title>
</head>
<body>

<div class="container">

  <table>
    <tbody>
    <tr>
      <td>
        <img src="https://blog.keycrm.app/keycrm/images/keycrm-logo-blue-on-white.png" style="width: 180px;" alt="">
      </td>
    </tr>
    <tr>
      <td style="padding: 5px;">
        <span style="background-color: yellow">Company Name</span>
      </td>
    </tr>
    <tr>
      <td style="padding: 5px;">
        <span style="background-color: yellow">г.Киев ул. Хрещатик, 1</span>
      </td>
    </tr>
    <tr>
      <td style="padding: 5px;">
       <span style="background-color: yellow">email: test@ukr.net</span>
      </td>
    </tr>
    <tr>
      <td style="padding: 5px;">
        <span style="background-color: yellow">тел.: +38(050)000-00-00</span>
      </td>
    </tr>
    </tbody>
  </table>

  <br />

  <table style="padding-bottom: 10px; margin-bottom: 10px;">
    <tbody>
    <tr>
      <td style="padding: 10px 5px;">
        <strong>Покупатель:</strong> {{ model.contact_name }}

        {% if model.contact_phone %}
        {{ model.contact_phone }}
        {% endif %}

      </td>
    </tr>

    <tr>
      <td style="padding: 5px 5px 10px;">
        <strong>Менеджер:</strong> {{ model.manager }}
        <span style="background-color: yellow">моб/viber (095) 111-11-11</span>
      </td>
    </tr>
    </tbody>
  </table>

  <br />

  <p class="text-center" style="font-size: 16px; font-weight: bold; margin-bottom: 10px">
    {% set mnths = ['','января','февраля','марта','апреля','мая','июня','июля','августа','сентября','октября','ноября','декабря'] %}
    
    Накладная №{{ model.id }} от {{ model.created_at|date("j") }} {{ mnths[model.created_at|date("n")] }} {{ model.created_at|date("Y") }} г.
  </p>

  <table class="table-products width100 border">
    <tbody>

    <tr>
      <th class="text-center">№</th>
      <th class="name-col">Найменование</th>
      <th>Кол-во</th>
      <th>Ед.</th>
      <th>Цена</th>
      <th>Сумма</th>
    </tr>

    {% for key, product in model.products %}
    <tr>
      <td class="text-center" style="font-size: 12px;"><strong>{{key + 1}}</strong></td>
      <td style="width:50%; font-size: 12px;">{{ product.name }}</td>
      <td class="text-center" style="font-size: 12px;">{{ product.quantity }}</td>
      <td class="text-center" style="font-size: 12px;">{{ product.unit_type }}</td>
      <td class="text-right" style="font-size: 12px;">{{ product.price|format_currency('UAH', locale='uk') }}</td>
      <td class="text-right" style="font-size: 12px;">{{ (product.quantity * product.price)|format_currency('UAH', locale='uk') }}</td>
    </tr>
    {% endfor %}

  </table>
<table style="width: 100%">
        <tr>
            <td align="right">
                <table class="table-sum">
                    <tr>
                        <td><strong>Всего:</br>БЕЗ НДС</strong></td>
                        <td class="text-right" style="position: relative; top: -8px;">{{
                             model.products_sum|format_currency('UAH', locale='uk') }}
                        </td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </table>
    <br/><br/><br/>
<table>
        <tr>
            <td>
                <strong>Всего наименований {{ model.products|length }}, на сумму {{
                    model.products_sum|format_currency('UAH', locale='uk') }}</strong>
            </td>
        </tr>
    </table>

    <br/>

    <table>
        <tr>
            <td>
                <p>
                    {% set gtc = model.products_sum|round(0, 'floor') %}
                    {% set gtr = model.products_sum * 100 % 100 %}

                    <strong>{{ ((gtc|format_number(style="spellout", locale="ru"))|capitalize) }}
                        {% set currencySuffix = (gtc % 100 >= 11 and gtc % 100 <= 14) ? 'гривен' : (gtc % 10 == 1) ?
                        'гривня' : (gtc % 10 >= 2 and gtc % 10 <= 4) ? 'гривны' : 'гривен' %}
                        {{ currencySuffix }}

                        {{ gtr|format_number(locale="ru") }}
                        {% set centsSuffix = (gtr % 100 >= 11 and gtr % 100 <= 14) ? 'копеек' : (gtr % 10 == 1) ?
                        'копійка' : (gtr % 10 >= 2 and gtr % 10 <= 4) ? 'копейки' : 'копеек' %}
                        {{ centsSuffix }}</strong>
                </p>
        </tr>
    </table>
  
  <br />

  <table class="width100" style="padding-bottom: 30px; margin-bottom: 30px;">
    <tbody>
    <tr style="font-size: 12px;">
      <td>Продавец</td>
      <td style="border-bottom: 1px solid black;"></td>
      <td style="background-color: yellow">Тест Тестов Тестовенко</td>
    </tr>
    <tr>
      <td style="padding: 5px;"></td>
      <td class="text-center" style="padding: 5px;">Подпись</td>
      <td style="padding: 5px;"></td>
    </tr>

    </tbody>
  </table>

  <br />

  <table class="width100" style="padding-bottom: 10px; margin-bottom: 10px;">
    <tr>
      <td class="text-center" style="font-size: 12px;">
        Спасибо за заказ!
      </td>
    </tr>
    <tr>
      <td class="text-center" style="font-size: 12px;">
        Нам очень важно, чтобы вы были довольны нашими изделиями и сервисом.
      </td>
    </tr>
    <tr>
      <td class="text-center" style="padding: 5px; font-size: 12px;">
        По любому вопросу вы можете написать нам в вайбер или телеграмм:
      </td>
    </tr>
  </table>

  <table class="width100">
    <tbody>
    <tr>
      <td class="text-center" style="width: 50%; font-size: 12px;">Telegram</td>
      <td class="text-center" style="width: 50%; font-size: 12px;">Viber</td>
    </tr>
    <tr>
      <td class="text-center" style="width: 50%;">
          
        <img src="https://blog.keycrm.app/keycrm/qr/keycrm-telegram-qr.png" style="width: 150px;" alt="">
        
      </td>

      <td class="text-center" style="width: 50%; padding: 5px;">
    
        <img src="https://blog.keycrm.app/keycrm/qr/keycrm-viber-qr.png" style="width: 150px;" alt="">
          
      </td>
    </tr>

    </tbody>
  </table>

</div>

</body>
<style>
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  html, body {
    height: 100%;
  }
  body {
    font-size: 12px;
    line-height: 1.3;
    min-width: 320px;
    font-family: sans-serif;
    overflow-x: hidden;
  }

  .container {
    margin-right: auto;
    margin-left: auto;
  }

  .text-center {
    text-align: center;
  }

  .text-right {
    text-align: right;
  }

  .label {
    font-weight: bold;
  }

  .underline {
    text-decoration: underline;
    font-style: italic;
  }

  .big-text {
    font-size: 14px;
  }

  .width100 {
    width: 100%;
  }

  table {
    border-collapse:collapse;
    border-spacing:0;
    height: auto;
  }

  table td {
    padding-right: 5px;
    padding-left: 5px;
    border: none;
  }

  table.border td,
  table.border th {
    border-bottom: 1px solid black;
  }

  table.table-products {
    /*border: solid 2px black;*/
  }

  table.table-products th {
    padding: 5px 5px;
  }
  table.table-products td {
    padding: 5px 5px;
  }

  table.table-sum {
    margin-top: 7px;
  }

  table.table-sum td {
    padding: 3px 5px 3px 15px;
  }

</style>
</html>

3. Счет на оплату

Тип шаблона: Воронки

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Invoice</title>
</head>
<body>

<div class="container">

    <table style="padding-bottom: 10px; border-bottom: solid 3px black; margin-bottom: 10px;">
        <tbody>
        <tr>
            <td style="font-size: 20px; font-weight: bold; width: 90%">
                {% set mnths = ['','января','февраля','марта','апреля','мая','июня','июля','августа','сентября','октября','ноября','декабря'] %}

                Счет на оплату № {{ model.title }} от {{ model.created_at|date("j") }} {{
                mnths[model.created_at|date("n")] }} {{ model.created_at|date("Y") }} г.
            </td>
        </tr>
        </tbody>
    </table>

    <table>
        <tbody>
        <tr>
            <td valign="top">
                <span style="text-decoration: underline">Поставщик:</span>
            </td>
            <td valign="top" style="padding-bottom: 7px;">
                <strong style="background-color: yellow">ТОВ "Company Name"</strong>
                <div style="padding-left: 15px; font-size: 90%;">
                    <span style="background-color: yellow">адрес г.Киев ул. Хрещатик, 1, АТ КБ "ПРИВАТБАНК" № счета: UA111111111111, код ЄДРПОУ 1111111. Директор Тест Тестов Тестовенко</span><br/>
            </td>
        </tr>
        <tr>
            <td valign="top">
                <span style="text-decoration: underline">Покупатель:</span>
            </td>
            <td valign="top" style="padding-bottom: 7px;">
                <strong>{{ model.contact_name }}</strong>
                <div style="padding-left: 15px; font-size: 90%;">
                    {% if model.contact_phone %}
                    {{ model.contact_phone }},
                    {% endif %}
                    {% if model.contact_email %}
                    {{ model.contact_email }}
                    {% endif %}
                </div>
            </td>
        </tr>
        <tr>
        <tr>
            <td valign="top">
                <span style="text-decoration: underline">Предмет:</span>
            </td>
            <td valign="top" style="padding-bottom: 7px;">
                <div style="padding-left: 15px; font-size: 90%;">
                    <span>Поставщик обязуется поставить и передать в собственность Покупателя товар, указанный в настоящем Счете вместе с товаросопроводительной документацией, а Покупатель обязуется принять и оплатить его с учетом цен, указанных в настоящем Счете.</span><br/>
            </td>
        </tr>
        <tr>
            <td valign="top">
                <span style="text-decoration: underline">Срок:</span>
            </td>
            <td valign="top" style="padding-bottom: 7px;">
                <span>не позднее 40 дней с даты осуществления предоплаты за товар</span>
            </td>
        </tr>
        <tr>
            <td valign="top">
                <span style="text-decoration: underline">Договор:</span>
            </td>
            <td valign="top" style="padding-bottom: 7px;">
                <span>Договор Поставки № 11-2023-11 от 28.11.2023 года</span>
            </td>
        </tr>
        </tbody>
    </table>

    <br/>

    <table class="table-products width100 border">
        <tbody>

        <tr>
            <th class="text-center">№</th>
            <th>Артикул</th>
            <th class="name-col">Наименование товара</th>
            <th>Количество</th>
            <th>Цена</th>
            <th>Сумма</th>
        </tr>

        {% for key, product in model.products %}
        <tr>
            <td class="text-center">{{key + 1}}</td>
            <td class="text-center">{{ product.sku }}</td>
            <td style="width:50%">{{ product.name }}</td>
            <td class="text-center">{{ product.quantity }} {{ product.unit_type }}</td>
            <td class="text-right">{{ product.price|format_currency('UAH', locale='uk') }}</td>
            <td class="text-right">{{ (product.quantity * product.price)|format_currency('UAH', locale='uk') }}</td>
        </tr>
        {% endfor %}
        </tbody>
    </table>

    <table class="width100">
        <tr>
            <td align="right">
                <table class="table-sum">
                    <tr>
                        <td><strong>НДС:</strong></td>
                        <td class="text-right">{{ (model.products_sum * 0.2)|format_currency('UAH', locale='uk') }}</td>
                    </tr>
                    <tr>
                        <td><strong>Всего:</strong></td>
                        <td class="text-right">{{ model.products_sum|format_currency('UAH', locale='uk') }}</td>
                    </tr>
                    </tbody>
                </table>
            </td>
        </tr>
    </table>

    <br/>

    <table>
        <tr>
            <td>
                <strong>Всего наименований {{ model.products|length }}, на сумму {{
                    model.products_sum|format_currency('UAH', locale='uk') }}</strong>
            </td>
        </tr>
    </table>

    <br/>

    <table>
        <tr>
            <td>
                <p>
                    {% set gtc = model.products_sum|round(0, 'floor') %}
                    {% set gtr = model.products_sum * 100 % 100 %}

                    <strong>{{ ((gtc|format_number(style="spellout", locale="ru"))|capitalize) }}
                        {% set currencySuffix = (gtc % 100 >= 11 and gtc % 100 <= 14) ? 'гривен' : (gtc % 10 == 1) ?
                        'гривня' : (gtc % 10 >= 2 and gtc % 10 <= 4) ? 'гривны' : 'гривен' %}
                        {{ currencySuffix }}

                        {{ gtr|format_number(locale="ru") }}
                        {% set centsSuffix = (gtr % 100 >= 11 and gtr % 100 <= 14) ? 'копеек' : (gtr % 10 == 1) ?
                        'копійка' : (gtr % 10 >= 2 and gtr % 10 <= 4) ? 'копейки' : 'копеек' %}
                        {{ centsSuffix }}</strong>
                </p>
        </tr>
    </table>

    <br/>

    <table class="width100" style="border-top: solid 3px black;">
        <tr>
            <td valign="top" style="padding-top: 15px; padding-right: 30px;" width="50%">
                <span style="font-size: 90%;"><strong>Срок действия Счета в течение 3 суток с момента предоставления Покупателю</strong></span>
            </td>
            <td valign="top"
                style="padding-top: 15px; padding-right: 30px; display: flex; justify-content: space-between; border-bottom: solid 1px black;">
                <strong>Виписал(ла)</strong><strong style="background-color: yellow">Тест А.А.</strong>
            </td>
        </tr>
    </table>
</div>

</body>
<style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    html, body {
        height: 100%;
    }

    body {
        font-size: 16px;
        line-height: 1.3;
        min-width: 320px;
        font-family: sans-serif;
        overflow-x: hidden;
    }

    .container {
        margin-right: auto;
        margin-left: auto;
    }

    .text-center {
        text-align: center;
    }

    .text-right {
        text-align: right;
    }

    .label {
        font-weight: bold;
    }

    .underline {
        text-decoration: underline;
        font-style: italic;
    }

    .big-text {
        font-size: 18px;
    }

    .width100 {
        width: 100%;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
        height: auto;
    }

    table td {
        padding-right: 5px;
        padding-left: 5px;
        border: none;
    }

    table th {
        background: #d4d4d4;
    }

    table.border td,
    table.border th {
        border: 1px solid black;
    }

    table.table-products {
        border: solid 2px black;
    }

    table.table-products th {
        padding: 15px 5px;
    }

    table.table-products td {
        padding: 5px;
    }

    table.table-sum {
        margin-top: 7px;
    }

    table.table-sum td {
        padding: 3px 5px 3px 15px;
    }

</style>
</html>

4. Коммерческое предложение

Тип шаблона: Воронки

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Invoice</title>
</head>
<body>
    <div style="display: flex; flex-direction: row; justify-content: space-between">
       
	    <div style="display: flex; flex-direction: column; justify-content: center">
       
		    <img src="https://blog.keycrm.app/keycrm/images/keycrm-logo-blue-on-white.png" style="height: 100px" alt="">
			
        </div> 
        <div style="display: flex; flex-direction: column; justify-content: center">
       
		    <p style="margin: 0; text-indent: 1ch; font-style: italic;">Компания "Name"</p>
		    
		    <p style="font-style: italic;">+38(050)000-00-00</p>
		    
		    <p style="font-style: italic;">+38(067)000-00-00</p>
			
		    <a href="https://blog.keycrm.app/" ><strong>blog.keycrm.app</strong></a>
			
        </div> 
			
    </div> 
 
    </br>

    <p class="text-center"><strong>Специальное коммерческое предложение № {{ model.id }}</strong>
    <p class="text-right">{{ "now"|date("d.m.Y") }}</p>
    </br>
    
    <table class="table-products medium-text width100">
        <tbody>
        
            <tr class="border-row">
                <th class="text-center">№</th>
                <th>Фото</th>
                <th>Наименование</th>
                <th>Цена</th>
                <th>Количество</th>
                <th>Сумма</th>
            </tr>
    
            {% for key, product in model.products %}
            <tr class="border-row">
                <td class="text-center">{{key + 1}}</td>
                <td><img src="{{ product.picture }}" width="70" style="border: 0; background: lightgrey; height: 70px; margin-top: 5px;"/></td>
                <td style="width:35%">{{ product.name }}</td>
                <td class="text-center">{{ product.price|number_format(2, '.', ' ') }}</td>
                <td class="text-center">{{ product.quantity }}</td>
                <td class="text-center">{{ (product.quantity * product.price)|number_format(2, '.', ' ') }}</td>
            </tr>
            {% endfor %}
            
            <tr>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td class="text-center" style="border: 1px solid black;">{{ model.products_sum }}</td>    
            </tr>    
    </table>
    <p class="text-right" style="position: relative; top: -26px; right: 180px;">Сумма (без НДС):</p>
    
    <p style="margin: 0; text-indent: 1ch; color: red;">● Цены указаны с учетом доставки.
</p>
    <p style="margin: 0; text-indent: 1ch; color: red">● Цена может варьироваться в зависимости от курса валюты.</p>

    </br></br>
    
    <p class="text-left"><strong>Мы предлагаем:</strong></br>
     Высокий уровень качества продукции и узнаваемости бренда.</br>
     Конкурентная цена на рынке и высокая маржинальность.</br>
     Быстрая обратная связь. Мы знаем ценность вашего времени, поэтому оперативно обрабатываем ваши заявки.</br>
     Гибкая система оплаты и условия сотрудничества.</br>
     Качественную маркетинговую поддержку: рекламные материалы, создание совместных маркетинговых компаний.</p>
    
    
</div>

</body>
<style>

  .page_break {
    page-break-after:always;
  }
    
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  html, body {
    height: 100%;
  }
  body {
    font-size: 16px;
    line-height: 1.3;
    min-width: 320px;
    font-family: sans-serif;
    overflow-x: hidden;
  }

  .container {
    margin-right: auto;
    margin-left: auto;
  }

  .text-center {
    text-align: center;
  }

  .text-right {
    text-align: right;
  }

  .label {
    font-weight: bold;
  }

  .underline {
    text-decoration: underline;
    font-style: italic;
  }

  .big-text {
    font-size: 18px;
  }
  .medium-text {
    font-size: 14px;
  }
  .small-text {
    font-size: 12px;
  }

  .width100 {
    width: 100%;
  }
  
  .border-row td, .border-row th {
      border: 1px solid black;
  }

  table {
    border-collapse:collapse;
    border-spacing:0;
    height: auto;
  }

  table td {
    padding-right: 5px;
    padding-left: 5px;
    border: none;
  }

  table th {
    background: #C5C9E4;
  }

  table.border td,
  table.border th {
    border: 1px solid black;
  }

  table.table-products {
    /*border: solid 2px black;*/
  }

  table.table-products th {
    padding: 15px 5px;
  }
  table.table-products td {
    padding: 5px;
  }
  
  table.table-payment-details td {
    padding: 3px;
  }

  table.table-sum {
    margin-top: 7px;
  }

  table.table-sum td {
    padding: 3px 5px 3px 15px;
  }
  
  .flex-child {  
  padding: 15px;
  }
</style>
</html>
🏳️