templates/new/widgets/project_content_service.html.twig line 1

Open in your IDE?
  1. <div class="container mt-big wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;">
  2.     <div class="row">
  3.         <div class="offset-md-5 col-md-7">
  4.             <h2>Услуги</h2>
  5.         </div>
  6.     </div>
  9.         <div class="mt25">
  10.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ0" role="button" aria-expanded="false" aria-controls="collapseZ0">
  11.                 <div class="row">
  12.                     <div class="col-md-5">01</div>
  13.                     <div class="col-md-7">Маркетинговые услуги</div>
  14.                 </div>
  15.             </a>
  16.         </div>
  17.         <div class="active collapsed collapse" id="collapseZ0" style="">
  18.             <div class="row">
  19.                 <div class="offset-md-5 col-md-6">
  20.                     <p>• <strong>Маркетинговый аудит бизнеса</strong>;<br>
  21. • <strong>Разработка маркетинговой стратегии для выхода на рынок МО</strong>;<br>
  22. • <strong>Поиск новых продуктов и услуг на рынке МО</strong>;<br>
  23. • <strong>Автоматизация маркетинговой коммуникации</strong>.</p>
  25.                                                                                             </div>
  26.             </div>
  27.         </div>
  29.             <div class="mt25">
  30.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ1" role="button" aria-expanded="false" aria-controls="collapseZ1">
  31.                 <div class="row">
  32.                     <div class="col-md-5">02</div>
  33.                     <div class="col-md-7">PR продвижение</div>
  34.                 </div>
  35.             </a>
  36.         </div>
  37.         <div class="collapse active collapsed" id="collapseZ1">
  38.             <div class="row">
  39.                 <div class="offset-md-5 col-md-6">
  40.                     <p>• <strong>Разработка общей PR-стратегии компании или отдельных PR-акций</strong>;</p>
  42. <p>• <strong>Создание инфоповодов и увеличение упоминаний в СМИ</strong>;</p>
  44. <p>• <strong>Вывод повестки бренда в федеральные СМИ</strong>;</p>
  46. <p>• <strong>Подготовка и рассылка пресс-релизов, размещение новостей в электронных и печатных СМИ</strong>;</p>
  48. <p>• <strong>Организация интервью первых лиц компании на радио и ТВ</strong>;</p>
  50. <p>• <strong>Полное взаимодействие со СМИ</strong>.</p>
  52.                                                                                             </div>
  53.             </div>
  54.         </div>
  56.             <div class="mt25">
  57.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ2" role="button" aria-expanded="false" aria-controls="collapseZ2">
  58.                 <div class="row">
  59.                     <div class="col-md-5">03</div>
  60.                     <div class="col-md-7">Логистические и складские услуги</div>
  61.                 </div>
  62.             </a>
  63.         </div>
  64.         <div class="collapse active collapsed" id="collapseZ2">
  65.             <div class="row">
  66.                 <div class="offset-md-5 col-md-6">
  67.                     <p>• <strong>Проектная логистика</strong>;</p>
  69. <p>• <strong>Экспортно-импортная логистика</strong> (перевозка автомобильным, железнодорожным и морским транспортом, погрузочно-разгрузочные работы,&nbsp;монтаж и установка оборудования).</p>
  71.                                                                                 <div class="row d-flex mt-3" style="    display: flex!important;
  72. flex-wrap: nowrap;
  73. justify-content: flex-start;
  74. flex-direction: row;
  75. align-items: center;">
  76.                                 <div style="width: 90px">
  77.                                     <img src="/upload/images/6409aecda60e0659110969.png" style="border-radius: 50%; max-width: 100%">
  78.                                 </div>
  79.                                 <div class="" style="    padding-left: 0;">
  80.                                     <strong style="font-size: 18px;
  81.                                         line-height: 130%;
  82.                                         letter-spacing: 0.01em;
  83.                                         color: #383832;">FESCO</strong>
  84.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  85.                                         Транспортно-логистическая компания
  86.                                     </p>
  87.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  88.                                         <a href="https://www.fesco.ru/ru/" target="_blank">https://www.fesco.ru/ru/</a>
  89.                                     </p>
  90.                                 </div>
  91.                             </div>
  92.                                                                     </div>
  93.             </div>
  94.         </div>
  96.             <div class="mt25">
  97.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ3" role="button" aria-expanded="false" aria-controls="collapseZ3">
  98.                 <div class="row">
  99.                     <div class="col-md-5">04</div>
  100.                     <div class="col-md-7">Услуги по подбору персонала</div>
  101.                 </div>
  102.             </a>
  103.         </div>
  104.         <div class="collapse active collapsed" id="collapseZ3">
  105.             <div class="row">
  106.                 <div class="offset-md-5 col-md-6">
  107.                     <p>• <strong>Рекрутмент</strong> (поиск и подбор персонала разного уровня и специализации);</p>
  109. <p>• <strong>Аутсорсинг</strong> (решение, включающее технологический процесс, ресурсы и методы управления, для достижения цели при передаче ANCOR соответствующих полномочий);</p>
  111. <p>• <strong>Консалтинг</strong> (сопровождение компании в решении любых HR-задач: от повышения эффективности поиска и подбора персонала до разрешения трудовых споров).</p>
  113.                                                                                 <div class="row d-flex mt-3" style="    display: flex!important;
  114. flex-wrap: nowrap;
  115. justify-content: flex-start;
  116. flex-direction: row;
  117. align-items: center;">
  118.                                 <div style="width: 90px">
  119.                                     <img src="/upload/images/6409bf76cb8c1520064730.png" style="border-radius: 50%; max-width: 100%">
  120.                                 </div>
  121.                                 <div class="" style="    padding-left: 0;">
  122.                                     <strong style="font-size: 18px;
  123.                                         line-height: 130%;
  124.                                         letter-spacing: 0.01em;
  125.                                         color: #383832;">АНКОР</strong>
  126.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  127.                                         Cтаффинговая группа
  128.                                     </p>
  129.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  130.                                         <a href="https://ancor.ru/" target="_blank">https://ancor.ru/</a>
  131.                                     </p>
  132.                                 </div>
  133.                             </div>
  134.                                                                     </div>
  135.             </div>
  136.         </div>
  138.             <div class="mt25">
  139.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ4" role="button" aria-expanded="false" aria-controls="collapseZ4">
  140.                 <div class="row">
  141.                     <div class="col-md-5">05</div>
  142.                     <div class="col-md-7">Сертификация, аттестация</div>
  143.                 </div>
  144.             </a>
  145.         </div>
  146.         <div class="collapse active collapsed" id="collapseZ4">
  147.             <div class="row">
  148.                 <div class="offset-md-5 col-md-6">
  149.                     <p><strong>• Сертификация;</strong></p>
  151. <p><strong>• Повышение квалификации, аттестации персонала, обучение рабочим профессиям;</strong></p>
  153. <p><strong>• Пожарная безопасность;</strong></p>
  155. <p><strong>• Охрана труда</strong> (аутсорсинг, СОУТ, ОПР, ППК);</p>
  157. <p><strong>• Метрология;</strong></p>
  159. <p><strong>• Промышленная безопасность </strong>(ЭПБ, обоснование безопасности, лицензирование ОПО);</p>
  161. <p><strong>• Негосударственная экспертиза проектно-сметной документации и результатов инженерных изысканий;</strong></p>
  163. <p><strong>• Разработка и согласование СТУ в Минстрое и МЧС России;</strong></p>
  165. <p><strong>• Разработка спец. Разделов и сметной документации;</strong></p>
  167. <p><strong>•&nbsp;Разработка экологической документации с сопровождением в ГЭЭ, экологический аудит, разработка проекта СЗЗ.</strong></p>
  169.                                                                                 <div class="row d-flex mt-3" style="    display: flex!important;
  170. flex-wrap: nowrap;
  171. justify-content: flex-start;
  172. flex-direction: row;
  173. align-items: center;">
  174.                                 <div style="width: 90px">
  175.                                     <img src="/upload/images/6409c056cadeb788063029.png" style="border-radius: 50%; max-width: 100%">
  176.                                 </div>
  177.                                 <div class="" style="    padding-left: 0;">
  178.                                     <strong style="font-size: 18px;
  179.                                         line-height: 130%;
  180.                                         letter-spacing: 0.01em;
  181.                                         color: #383832;">ПромМашТест</strong>
  182.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  183.                                         Орган по спецификации
  184.                                     </p>
  185.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  186.                                         <a href="https://prommash-test.ru/" target="_blank">https://prommash-test.ru/</a>
  187.                                     </p>
  188.                                 </div>
  189.                             </div>
  190.                                                                     </div>
  191.             </div>
  192.         </div>
  194.             <div class="mt25">
  195.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ5" role="button" aria-expanded="false" aria-controls="collapseZ5">
  196.                 <div class="row">
  197.                     <div class="col-md-5">06</div>
  198.                     <div class="col-md-7">Услуги переводчика</div>
  199.                 </div>
  200.             </a>
  201.         </div>
  202.         <div class="collapse active collapsed" id="collapseZ5">
  203.             <div class="row">
  204.                 <div class="offset-md-5 col-md-6">
  205.                     <p><em>• </em><strong>Письменный перевод;<br>
  206. • Устный перевод;<br>
  207. • Нотариальный перевод;<br>
  208. • Технический перевод;<br>
  209. • Локализация сайта;<br>
  210. • Судебный перевод;<br>
  211. • Срочный перевод;<br>
  212. • Перевод личных документов.</strong></p>
  214.                                                                                             </div>
  215.             </div>
  216.         </div>
  218.             <div class="mt25">
  219.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ6" role="button" aria-expanded="false" aria-controls="collapseZ6">
  220.                 <div class="row">
  221.                     <div class="col-md-5">07</div>
  222.                     <div class="col-md-7">Услуги по аренде конференц—зала</div>
  223.                 </div>
  224.             </a>
  225.         </div>
  226.         <div class="collapse active collapsed" id="collapseZ6">
  227.             <div class="row">
  228.                 <div class="offset-md-5 col-md-6">
  229.                     <p><strong>• Конференц-зал "Топаз"</strong><strong> </strong><br>
  230. Современный конференц-зал "Топаз" общей площадью 138 кв.м. оснащен встроенным оборудованием (проектор, экран, звуковые колонки, система кондиционирования, система управления светом), панорамными окнами с возможностью дополнительного проветривания. Идеально подходит для проведения различных деловых и частных мероприятий. максимальная вместимость зала - до 100 человек посадкой "театр";</p>
  232. <p><strong>• Конференц-зал "Гранат"</strong><strong> </strong><br>
  233. Конференц-зал "Гранат" общей площадью 68 кв.м. Оборудован проектором, экраном, звуковыми колонками. Идеален для проведения небольших мероприятий (конференций, семинаров, обучающих тренингов). Максимальная вместимость - до 55 человек посадкой "театр";</p>
  235. <p><strong>• Переговорная комната "Бирюза" </strong><br>
  236. Переговорная комната "Бирюза" общей площадью - 26,4 кв.м. Оснащена LCD-панелью 55". Идеальная для проведения небольших переговоров. максимальная вместимость - до 15 человек рассадкой "театр".</p>
  238.                                                                                 <div class="row d-flex mt-3" style="    display: flex!important;
  239. flex-wrap: nowrap;
  240. justify-content: flex-start;
  241. flex-direction: row;
  242. align-items: center;">
  243.                                 <div style="width: 90px">
  244.                                     <img src="/upload/images/640b129b29069341754899.png" style="border-radius: 50%; max-width: 100%">
  245.                                 </div>
  246.                                 <div class="" style="    padding-left: 0;">
  247.                                     <strong style="font-size: 18px;
  248.                                         line-height: 130%;
  249.                                         letter-spacing: 0.01em;
  250.                                         color: #383832;">Hampton</strong>
  251.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  252.                                         Конференц-зал
  253.                                     </p>
  254.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  255.                                         <a href="https://hamptonstrogino.ru/conference-halls/" target="_blank">https://hamptonstrogino.ru/conference-halls/</a>
  256.                                     </p>
  257.                                 </div>
  258.                             </div>
  259.                                                                     </div>
  260.             </div>
  261.         </div>
  263.             <div class="mt25">
  264.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ7" role="button" aria-expanded="false" aria-controls="collapseZ7">
  265.                 <div class="row">
  266.                     <div class="col-md-5">08</div>
  267.                     <div class="col-md-7">Конгрессно—выставочные услуги</div>
  268.                 </div>
  269.             </a>
  270.         </div>
  271.         <div class="collapse active collapsed" id="collapseZ7">
  272.             <div class="row">
  273.                 <div class="offset-md-5 col-md-6">
  274.                     <p><strong>• Аренда конференц-залов для участников мероприятий;<br>
  275. • Погрузочно-разгрузочные работы;<br>
  276. • Официальные экспедиторы и таможенное оформление;<br>
  277. • Порядок ввоза и вывоза оборудования;<br>
  278. • Рекламные услуги;<br>
  279. • Дополнительные услуги;<br>
  280. • Дизайн и строительство выставочных стендов;<br>
  281. • Инженерные услуги;<br>
  282. • Аудио-видео-обеспечение;<br>
  283. • Услуги связи и оборудование;<br>
  284. • Размещение в гостинице.</strong></p>
  286.                                                                                 <div class="row d-flex mt-3" style="    display: flex!important;
  287. flex-wrap: nowrap;
  288. justify-content: flex-start;
  289. flex-direction: row;
  290. align-items: center;">
  291.                                 <div style="width: 90px">
  292.                                     <img src="/upload/images/640b1232a22c2681773999.png" style="border-radius: 50%; max-width: 100%">
  293.                                 </div>
  294.                                 <div class="" style="    padding-left: 0;">
  295.                                     <strong style="font-size: 18px;
  296.                                         line-height: 130%;
  297.                                         letter-spacing: 0.01em;
  298.                                         color: #383832;">Крокус Экспо</strong>
  299.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  300.                                         Международный выставочный центр
  301.                                     </p>
  302.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  303.                                         <a href="https://www.crocus-expo.ru/" target="_blank">https://www.crocus-expo.ru/</a>
  304.                                     </p>
  305.                                 </div>
  306.                             </div>
  307.                                                                     </div>
  308.             </div>
  309.         </div>
  311.             <div class="mt25">
  312.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ8" role="button" aria-expanded="false" aria-controls="collapseZ8">
  313.                 <div class="row">
  314.                     <div class="col-md-5">09</div>
  315.                     <div class="col-md-7">Утилизация промышленных отходов</div>
  316.                 </div>
  317.             </a>
  318.         </div>
  319.         <div class="collapse active collapsed" id="collapseZ8">
  320.             <div class="row">
  321.                 <div class="offset-md-5 col-md-6">
  322.                     <p><strong>• Сбор и сортировка отходов, от органических остатков пищевого производства до ядовитых веществ химической и нефтеперерабатывающей отраслей;</strong></p>
  324. <p><strong>• Транспортирование с помощью специализированной техники к месту дальнейшего обращения;</strong></p>
  326. <p><strong>• Обработка отходов подходящим для класса опасности методом;</strong></p>
  328. <p><strong>• Утилизация отходов 1-4 класса опасности в соответствии с установленными нормами и стандартами;</strong></p>
  330. <p><strong>• Обезвреживание отходов оптимальным способом;</strong></p>
  332. <p><strong>• Размещение/хранение на специально оборудованных полигонах.</strong></p>
  334.                                                                                 <div class="row d-flex mt-3" style="    display: flex!important;
  335. flex-wrap: nowrap;
  336. justify-content: flex-start;
  337. flex-direction: row;
  338. align-items: center;">
  339.                                 <div style="width: 90px">
  340.                                     <img src="/upload/images/640b3c4bc4f2c792526451.png" style="border-radius: 50%; max-width: 100%">
  341.                                 </div>
  342.                                 <div class="" style="    padding-left: 0;">
  343.                                     <strong style="font-size: 18px;
  344.                                         line-height: 130%;
  345.                                         letter-spacing: 0.01em;
  346.                                         color: #383832;">ООО «Экопромсервис»</strong>
  347.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  348.                                         Вывоз и утилизация отходов
  349.                                     </p>
  350.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  351.                                         <a href="https://ecopromserv.ru/" target="_blank">https://ecopromserv.ru/</a>
  352.                                     </p>
  353.                                 </div>
  354.                             </div>
  355.                                                                     </div>
  356.             </div>
  357.         </div>
  359.             <div class="mt25">
  360.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ9" role="button" aria-expanded="false" aria-controls="collapseZ9">
  361.                 <div class="row">
  362.                     <div class="col-md-5">10</div>
  363.                     <div class="col-md-7">Оказание услуг комплексного правового сопровождения бизнеса</div>
  364.                 </div>
  365.             </a>
  366.         </div>
  367.         <div class="collapse active collapsed" id="collapseZ9">
  368.             <div class="row">
  369.                 <div class="offset-md-5 col-md-6">
  370.                     <p><strong>• Трудовое право;</strong></p>
  372. <p><strong>• Миграционное право;</strong></p>
  374. <p><strong>• Административное право;</strong></p>
  376. <p><strong>• Уголовное право;</strong></p>
  378. <p><strong>• Антимонопольное законодательство;</strong></p>
  380. <p><strong>• Договорная и претензионная работа;</strong></p>
  382. <p><strong>• Гражданское и арбитражное судопроизводство;</strong></p>
  384. <p><strong>• Налоговые споры;</strong></p>
  386. <p><strong>• Имущественные споры;</strong></p>
  388. <p><strong>• Услуги юриста по банкротству кредиторам;</strong></p>
  390. <p><strong>• Защита авторских прав;</strong></p>
  392. <p><strong>• Электронный документооборот.</strong></p>
  394.                                                                                 <div class="row d-flex mt-3" style="    display: flex!important;
  395. flex-wrap: nowrap;
  396. justify-content: flex-start;
  397. flex-direction: row;
  398. align-items: center;">
  399.                                 <div style="width: 90px">
  400.                                     <img src="/upload/images/64106f937a001314605100.png" style="border-radius: 50%; max-width: 100%">
  401.                                 </div>
  402.                                 <div class="" style="    padding-left: 0;">
  403.                                     <strong style="font-size: 18px;
  404.                                         line-height: 130%;
  405.                                         letter-spacing: 0.01em;
  406.                                         color: #383832;">amulex.ru</strong>
  407.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  408.                                         Юридические услуги
  409.                                     </p>
  410.                                     <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  411.                                         <a href="https://amulex.ru/" target="_blank">https://amulex.ru/</a>
  412.                                     </p>
  413.                                 </div>
  414.                             </div>
  415.                                                                     </div>
  416.             </div>
  417.         </div>
  419.             <div class="mt25">
  420.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ10" role="button" aria-expanded="false" aria-controls="collapseZ10">
  421.                 <div class="row">
  422.                     <div class="col-md-5">11</div>
  423.                     <div class="col-md-7">Консалтинговые услуги</div>
  424.                 </div>
  425.             </a>
  426.         </div>
  427.         <div class="collapse active collapsed" id="collapseZ10">
  428.             <div class="row">
  429.                 <div class="offset-md-5 col-md-6">
  430.                     <p><strong>• Услуги по инвентаризации имущества;<br>
  431. • Помощь главному бухгалтеру;<br>
  432. • Управленческий консалтинг;<br>
  433. • Управленческий учет;<br>
  434. • Автоматизация управленческого учета;<br>
  435. • Услуги по регистрации ООО.</strong></p>
  437.                                                                                             </div>
  438.             </div>
  439.         </div>
  441.             <div class="mt25">
  442.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ11" role="button" aria-expanded="false" aria-controls="collapseZ11">
  443.                 <div class="row">
  444.                     <div class="col-md-5">12</div>
  445.                     <div class="col-md-7">Почтово—секретарские услуги</div>
  446.                 </div>
  447.             </a>
  448.         </div>
  449.         <div class="collapse active collapsed" id="collapseZ11">
  450.             <div class="row">
  451.                 <div class="offset-md-5 col-md-6">
  452.                     <p><strong>• Официальная корреспонденция из налоговой службы;<br>
  453. • Важные письма из государственных инстанций;<br>
  454. • Первичная бухгалтерская документация от организаций, связанных с вами договорными обязательствами;<br>
  455. • Акты сверки взаиморасчетов;<br>
  456. • Предложения и акции, которые могли бы заинтересовать Вашу компанию.</strong></p>
  458.                                                                                             </div>
  459.             </div>
  460.         </div>
  462.             <div class="mt25">
  463.             <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ12" role="button" aria-expanded="false" aria-controls="collapseZ12">
  464.                 <div class="row">
  465.                     <div class="col-md-5">13</div>
  466.                     <div class="col-md-7">Built—to—suit</div>
  467.                 </div>
  468.             </a>
  469.         </div>
  470.         <div class="collapse active collapsed" id="collapseZ12">
  471.             <div class="row">
  472.                 <div class="offset-md-5 col-md-6">
  473.                     <p>Для существующих и будущих резидентов парка , доступна услуга Build—to—Suit. Строим производственные здания, объекты инженерной инфраструктуры по заказу резидента.</p>
  475.                                                                                             </div>
  476.             </div>
  477.         </div>
  479. </div>
  480. <!--
  481. <div class="container mt-big wow fadeInUp">
  482.     <div class="row">
  483.         <div class="offset-md-5 col-md-7">
  484.             <h2>Услуги</h2>
  485.         </div>
  486.     </div>
  489.     {% for k, content in project.serviceGroups %}
  490.             <div class="mt25">
  491.                 <a class="collapse-btn collapsed" data-bs-toggle="collapse" href="#collapseZ{{ k }}" role="button" aria-expanded="false" aria-controls="collapseZ{{ k }}">
  492.                     <div class="row">
  493.                         <div class="col-md-5">{{ k+1 < 10 ? '0' }}{{ k+1 }}</div>
  494.                         <div class="col-md-7">{{ content.title | raw }}</div>
  495.                     </div>
  496.                 </a>
  497.             </div>
  498.             <div class="collapse active collapsed" id="collapseZ{{ k }}">
  499.                 <div class="row">
  500.                     <div class="offset-md-5 col-md-6">
  501.                         {{ content.content | raw }}
  502.                         {% if content.serviceCompanies %}
  503.                             {% for company in content.serviceCompanies  %}
  504.                                 <div class="row d-flex mt-3" style="    display: flex!important;
  505.     flex-wrap: nowrap;
  506.     justify-content: flex-start;
  507.     flex-direction: row;
  508.     align-items: center;">
  509.                                     <div style="width: 90px">
  510.                                         <img src="{{ vich_uploader_asset(company, 'imageFile') }}" style="border-radius: 50%; max-width: 100%">
  511.                                     </div>
  512.                                     <div class="" style="    padding-left: 0;">
  513.                                         <strong style="font-size: 18px;
  514.                                             line-height: 130%;
  515.                                             letter-spacing: 0.01em;
  516.                                             color: #383832;">{{ company.title }}</strong>
  517.                                         <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  518.                                             {{ company.content | raw }}
  519.                                         </p>
  520.                                         <p class="" style="font-size: 12px; line-height: 140%; color: #7C8993; margin: 0;">
  521.                                             <a href="{{ company.contact }}" target="_blank">{{ company.contact }}</a>
  522.                                         </p>
  523.                                     </div>
  524.                                 </div>
  525.                             {% endfor %}
  526.                         {% endif %}
  527.                     </div>
  528.                 </div>
  529.             </div>
  531.     {% endfor %}
  532. </div>
  533. -->