API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Dec 12th, 2019
153
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 52.64 KB | None | 0 0
raw download clone embed print report
  1. {% include 'fragments/breadcrumbs.jinja2' %}
  2.  
  3. <!-- BEGIN application-calc -->
  4. <section class="s-application-calc section-gray">
  5. <div class="container">
  6. <div class="application-calc">
  7. <div class="application-calc__left">
  8. <div class="section-head section-head--left">
  9. <h1 class="section-head__title">{{ product.brand.title }} {{ product.title }}</h1>
  10.  
  11. <div class="card__logo">
  12.  
  13. {% if product.brand.image %}
  14.  
  15. <img src="{{ product.brand.image.url }}" alt="{{ product.brand.title }}" title="{{ product.brand.title }}">
  16.  
  17. {% else %}
  18.  
  19. <span class="card__art">{{ product.brand.title }}</span>
  20.  
  21. {% endif %}
  22.  
  23. </div>
  24.  
  25. <p class="section-head__subtitle">{{ product.caption }}</p>
  26. </div>
  27.  
  28. <img class="application-calc__pic" src="{{ static('images/pullex.png') }}" alt="">
  29. <ul class="vertical-list">
  30. <li class="vertical-list__item">
  31. <svg class="icon-svg vertical-list__icon"><use xlink:href="{{ static('images/sprite.svg') }}#icon-28"></use></svg>
  32. <p class="vertical-list__text">Долговечность покрытия</p>
  33. </li>
  34. <li class="vertical-list__item">
  35. <svg class="icon-svg vertical-list__icon"><use xlink:href="{{ static('images/sprite.svg') }}#icon-29"></use></svg>
  36. <p class="vertical-list__text">Не выгорает</p>
  37. </li>
  38. <li class="vertical-list__item">
  39. <svg class="icon-svg vertical-list__icon"><use xlink:href="{{ static('images/sprite.svg') }}#icon-30"></use></svg>
  40. <p class="vertical-list__text">Не отслаивается и не шелушится</p>
  41. </li>
  42. <li class="vertical-list__item">
  43. <svg class="icon-svg vertical-list__icon"><use xlink:href="{{ static('images/sprite.svg') }}#icon-31"></use></svg>
  44. <p class="vertical-list__text">Период обновления минимум 5 лет</p>
  45. </li>
  46. <li class="vertical-list__item">
  47. <svg class="icon-svg vertical-list__icon"><use xlink:href="{{ static('images/sprite.svg') }}#icon-5"></use></svg>
  48. <p class="vertical-list__text">Стойкость к климатическим воздействиям</p>
  49. </li>
  50. <li class="vertical-list__item">
  51. <svg class="icon-svg vertical-list__icon"><use xlink:href="{{ static('images/sprite.svg') }}#icon-32"></use></svg>
  52. <div class="vertical-list__text">3 в 1: пропитка, грунтовка, финишное покрытие</div>
  53. </li>
  54. </ul>
  55. </div>
  56. <form class="application-calc__form js-form" action="{{ url('orders:create') }}" method="post">
  57. <div style="display: none">
  58. {% csrf_token %}
  59. <input type="hidden" name="form" value="Форма 'Отправить заявку на расчет' на странице красок: {{ product.brand.title }} {{ product.title }}">
  60. </div>
  61.  
  62. <h3 class="no-margin-top">Оставьте заявку</h3>
  63. <p>на расчет необходимого количества краски и получите специальные условия на приобретение</p>
  64. <div class="form__box">
  65. <input type="text" class="form__input" name="name" placeholder="Ваше имя" required>
  66. </div>
  67. <div class="form__box">
  68. <input type="tel" class="form__input" name="tel" placeholder="Телефон" required>
  69. </div>
  70. <div class="application-calc__form-check checkbox">
  71. <input type="checkbox" id="user-agreement" checked disabled>
  72. <label for="user-agreement">Я принимаю условия пользовательского соглашения и даю согласие на обработку моих персональных данных</label>
  73. </div>
  74. <div class="align-c">
  75. <button class="btn" type="submit">Отправить заявку на расчет</button>
  76. </div>
  77. </form>
  78. </div>
  79. </div>
  80. </section>
  81. <!-- END application-calc -->
  82.  
  83. <!-- BEGIN scope-application -->
  84. <section class="section-padding">
  85. <div class="container">
  86. <div class="section-head">
  87. <h2 class="section-head__title">Сфера применения лессирующей краски {{ product.brand.title }} {{ product.title }}</h2>
  88. </div>
  89. <div class="scope-application">
  90. <div class="scope-application__item preview">
  91. <div class="preview__pic" style="background-image: url('{{ static('images/pic-17.jpg') }}')"></div>
  92. <div class="preview__title">Деревянные дома</div>
  93. </div>
  94. <div class="scope-application__item preview">
  95. <div class="preview__pic" style="background-image: url('{{ static('images/pic-18.jpg') }}')"></div>
  96. <div class="preview__title">Навесы</div>
  97. </div>
  98. <div class="scope-application__item preview">
  99. <div class="preview__pic" style="background-image: url('{{ static('images/pic-19.jpg') }}')"></div>
  100. <div class="preview__title">Балконы</div>
  101. </div>
  102. <div class="scope-application__item preview">
  103. <div class="preview__pic" style="background-image: url('{{ static('images/pic-20.jpg') }}')"></div>
  104. <div class="preview__title">Заборы</div>
  105. </div>
  106. <div class="scope-application__item preview">
  107. <div class="preview__pic" style="background-image: url('{{ static('images/pic-21.jpg') }}')"></div>
  108. <div class="preview__title">Деревянная обшивка и облицовка</div>
  109. </div>
  110. <div class="scope-application__item preview">
  111. <div class="preview__pic" style="background-image: url('{{ static('images/pic-22.jpg') }}')"></div>
  112. <div class="preview__title">Гаражные и въездные ворота</div>
  113. </div>
  114. </div>
  115. </div>
  116. </section>
  117. <!-- END scope-application -->
  118.  
  119. <!-- BEGIN more-info -->
  120. <section class="more-info">
  121. <div class="container">
  122. <div class="section-head">
  123. <h3 class="section-head__title">Что нужно сделать, чтобы защитить древесину от разрушения</h3>
  124. </div>
  125. <a href="#paints_info" class="btn js-popup-btn">Нажмите и узнайте подробности</a>
  126. {# <a href="{{ product.get_file_with_url('tech_spec') }}" target="_blank" class="btn">Нажмите и узнайте подробности</a> #}
  127. </div>
  128. </section>
  129. <!-- END more-info -->
  130.  
  131. <!-- BEGIN card together-buy -->
  132. <section class="s-card-together section-gray">
  133. <div class="s-card-together__decor section-padding">
  134. <div class="container">
  135. <div class="selection">
  136. <div class="section-head flex-nowrap">
  137. <h2 class="section-head__title">Подобрать цвет и необходимый объем краски под вашу задачу</h2>
  138.  
  139. <div class="card__logo">
  140.  
  141. {% if product.brand.image %}
  142.  
  143. <img src="{{ product.brand.image.url }}" alt="{{ product.brand.title }}" title="{{ product.brand.title }}">
  144.  
  145. {% endif %}
  146.  
  147. </div>
  148. </div>
  149. <div class="card">
  150. <div class="card__left">
  151. <div class="card__pic">
  152. <img src="{{ static('images/pullex.png') }}" alt="">
  153. </div>
  154. <ul class="card__icon-list">
  155. {% for icon in product.product_icons %}
  156. <li class="card__icon-list-item">
  157. <img src="{{ icon.image.url }}" alt="{{ icon.title }}" title="{{ icon.title }}">
  158. </li>
  159. {% endfor %}
  160. <li class="card__icon-list-item js-tooltip" data-title="Для наружных работ">
  161. <svg class="icon-svg icon-pict-6">
  162. <use xlink:href="{{ static('images/sprite.svg') }}#pict-6"></use>
  163. </svg>
  164. </li>
  165. <li class="card__icon-list-item js-tooltip" data-title="Древесина в саду">
  166. <svg class="icon-svg pict-5">
  167. <use xlink:href="{{ static('images/sprite.svg') }}#pict-wood"></use>
  168. </svg>
  169. </li>
  170. <li class="card__icon-list-item js-tooltip" data-title="Перед применением перемешать">
  171. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#icon-36"></use></svg>
  172. </li>
  173. <li class="card__icon-list-item js-tooltip" data-title="Покраска от +5градС">
  174. <svg class="icon-svg pict-7">
  175. <use xlink:href="{{ static('images/sprite.svg') }}#pict-7"></use>
  176. </svg>
  177. </li>
  178. <li class="card__icon-list-item js-tooltip" data-title="Нанесение в 2-3 слоя">
  179. <svg class="icon-svg pict-3">
  180. <use xlink:href="{{ static('images/sprite.svg') }}#pict-3"></use>
  181. </svg>
  182. </li>
  183. <li class="card__icon-list-item js-tooltip" data-title="Время сушки 12 часов">
  184. <svg class="icon-svg pict-2">
  185. <use xlink:href="{{ static('images/sprite.svg') }}#pict-2"></use>
  186. </svg>
  187. </li>
  188. <li class="card__icon-list-item js-tooltip" data-title="Расход">
  189. <svg class="icon-svg pict-4">
  190. <use xlink:href="{{ static('images/sprite.svg') }}#pict-4"></use>
  191. </svg>
  192. </li>
  193. <li class="card__icon-list-item js-tooltip" data-title="Очистка инструмента с помощью растворителя">
  194. <svg class="icon-svg">
  195. <use xlink:href="{{ static('images/sprite.svg') }}#pict-solvent"></use>
  196. </svg>
  197. </li>
  198. <li class="card__icon-list-item js-tooltip" data-title="Перед применением ознакомьтесь с технической описаниемя">
  199. <svg class="icon-svg">
  200. <use xlink:href="{{ static('images/sprite.svg') }}#icon-41"></use>
  201. </svg>
  202. </li>
  203. </ul>
  204. <p><b>Рекомендуем ознакомиться с технической документацией на краску перед применением</b></p>
  205. <div class="card__tech-doc">
  206.  
  207. {% for fobj in product.get_files_by_type('tech_descr_ru', 'tech_regulations') %}
  208. {% if fobj %}
  209. <a href="{{ fobj.file_url }}" class="card__tech-doc-item">
  210. <i class="icon card__tech-doc-icon"></i>
  211. {{ fobj.title }}
  212. </a>
  213. {% endif %}
  214. {% endfor %}
  215.  
  216. </div>
  217.  
  218. {% if product.description.youtube_video %}
  219. <a href="https://www.youtube.com/watch?v={{ product.description.youtube_video }}"
  220. class="js-popup-youtube product__video"
  221. style="background: url('https://img.youtube.com/vi/{{ product.description.youtube_video }}/hqdefault.jpg') center no-repeat;">
  222. <span>Видеообзор</span>
  223. </a>
  224. {% endif %}
  225.  
  226. </div>
  227.  
  228. {% include 'catalog/fragments/paints-calc.jinja2' %}
  229.  
  230. </div>
  231. </div>
  232. <div class="section-head">
  233. <h2 class="section-head__title">Также с этой краской покупают</h2>
  234. </div>
  235. <div class="together-buy">
  236. <div class="together-buy__item preview">
  237. <div class="preview__pic">
  238. <img src="{{ static('images/product-6.jpg') }}" alt="">
  239. </div>
  240. <div class="preview__title">Средство для защиты торцов ADLER Allwetterlack</div>
  241. <p class="preview__text">Предотвращает водопоглощение на торцевых участках. На основе растворителя. Используется для финишной запечатки торцов по завершению окрасочных работ.</p>
  242. <a class="together-buy__price" href="#"><svg class="icon-svg together-buy__price-icon"> <use xlink:href="{{ static('images/sprite.svg') }}#icon-7"></use></svg>Скачать прайс</a>
  243. </div>
  244. <div class="together-buy__item preview">
  245. <div class="preview__pic">
  246. <img src="{{ static('images/product-7.jpg') }}" alt="">
  247. </div>
  248. <div class="preview__title">Средство для торцов на водной основе ADLER Hirnholzversiegelung</div>
  249. <p class="preview__text">Глубокопроникающее, используется на стадии хранения, транспортировки, временной защиты во время усадки дома, до окрасочных работ</p>
  250. <a class="together-buy__price" href="#"><svg class="icon-svg together-buy__price-icon"> <use xlink:href="{{ static('images/sprite.svg') }}#icon-7"></use></svg>Скачать прайс</a>
  251. </div>
  252. <div class="together-buy__item preview">
  253. <div class="preview__pic">
  254. <img src="{{ static('images/product-8.jpg') }}" alt="">
  255. </div>
  256. <div class="preview__title">Акриловый герметик Ramsauer Acryl 160</div>
  257. <p class="preview__text">Высокоэластичный герметик для герметизации межвенцовых швов и заделки трещин в деревянных домах. Удлинение до разрыва > 600%</p>
  258. <a class="together-buy__price" href="/catalog/acryl-160/"><svg class="icon-svg together-buy__price-icon"> <use xlink:href="{{ static('images/sprite.svg') }}#icon-7"></use></svg>Скачать прайс</a>
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. </section>
  264. <!-- END card together-buy -->
  265.  
  266. <!-- BEGIN professional -->
  267. <section class="professional section-invert">
  268. <div class="professional__decor section-padding">
  269. <div class="container">
  270. <div class="section-head">
  271. <p class="section-head__subtitle text-large no-margin-top">Ищете профессионалов, которые смогут качественно выполнить работы по окраске и герметизации?</p>
  272. <h2 class="section-head__title">Оставьте заявку</h2>
  273. </div>
  274. <div class="professional__body">
  275. <div class="professional__gallery">
  276. <div class="professional__gallery-item professional__gallery-item--big" style="background: url('{{ static('images/pic-23.jpg') }}');"></div>
  277. <div class="professional__gallery-item professional__gallery-item--large" style="background: url('{{ static('images/pic-24.jpg') }}');"></div>
  278. <div class="professional__gallery-item" style="background: url('{{ static('images/pic-25.jpg') }}');"></div>
  279. <div class="professional__gallery-item" style="background: url('{{ static('images/pic-26.jpg') }}');"></div>
  280. <div class="professional__gallery-item" style="background: url('{{ static('images/pic-27.jpg') }}');"></div>
  281. </div>
  282. <div class="professional__work">
  283. <div class="h3 no-margin-top">Мне нужно выполнить работы:</div>
  284. <div class="professional__radio">
  285. <div class="radio">
  286. <input type="radio" name="professional-work" id="on-painting">
  287. <label for="on-painting">По покраске</label>
  288. </div>
  289. <div class="radio">
  290. <input type="radio" name="professional-work" id="by-sealing">
  291. <label for="by-sealing">По герметизации</label>
  292. </div>
  293. <div class="radio">
  294. <input type="radio" name="professional-work" id="by-painting-sealing">
  295. <label for="by-painting-sealing">По покраске и герметизации</label>
  296. </div>
  297. </div>
  298. <ul class="professional__list">
  299. <li class="professional__list-item">
  300. <div class="professional__list-icon">
  301. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#icon-9"></use></svg>
  302. </div>
  303. <p class="professional__list-text"><b>Надежные</b> фирмы</p>
  304. </li>
  305. <li class="professional__list-item">
  306. <div class="professional__list-icon">
  307. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#icon-10"></use></svg>
  308. </div>
  309. <p class="professional__list-text">С опытом работы<br> <b>более 7 лет</b></p>
  310. </li>
  311. <li class="professional__list-item">
  312. <div class="professional__list-icon">
  313. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#icon-11"></use></svg>
  314. </div>
  315. <p class="professional__list-text"><b>Более 1500</b><br> выполненных объектов</p>
  316. </li>
  317. </ul>
  318. <div class="align-c">
  319. <a href="#callback" class="btn js-popup-btn" data-form="Кнопка 'Мне нужно выполнить работы' на странице красок: {{ product.brand.title }} {{ product.title }}" data-popup-title="Получить рекомендации">Получить рекомендации</a>
  320. </div>
  321. </div>
  322. </div>
  323. </div>
  324. </div>
  325. </section>
  326. <!-- END professional -->
  327.  
  328. <!-- BEGIN termo -->
  329. <section class="termo section-padding">
  330. <div class="container">
  331. <div class="termo__content">
  332. <div class="termo__pic">
  333. <img src="{{ static('images/pic-28.png') }}" alt="">
  334. </div>
  335. <div class="termo__body">
  336. <div class="section-head section-head--left">
  337. <h2 class="section-head__title">Особые свойства краски</h2>
  338. </div>
  339. <p>{{ product.brand.title }} {{ product.title }} эффективно защищает древесину от синей гнили (согласно нормам EN 152-1), разрушающих древесину грибков (согласно нормам EN 113), препятствуют поражению насекомыми (согласно нормам EN 46), полностью соответствует нормам австрийского стандарта ÖNORM B 3802-2 и немецкого DIN 68800-3.</p>
  340. <ul class="termo__description">
  341. <li class="termo__description-item">Активные вещества: (B, P, Iv)</li>
  342. <li class="termo__description-item">0,7 % IPBC, (йодопропинилбутилкарбамат)</li>
  343. <li class="termo__description-item">0,3 % тебуканазол</li>
  344. <li class="termo__description-item">0,06 % перметрин</li>
  345. </ul>
  346. </div>
  347. </div>
  348. <div class="gray-box">
  349. <h3 class="no-margin-top">Проведенные испытания</h3>
  350. <p>
  351. В июле 2017 г. мы получили официальное 
  352. <a href="{{ product.get_file_by_type('tech_conclusion').file_url }}" target="_blank" class="color-accent">Заключение НИИМосстрой № 177</a> 
  353. (аттестат аккредитации №RU.MCC.AЛ.502)
  354. об успешном завершении ускоренных климатических испытаний покрытия
  355. {{ product.brand.title }} {{ product.title }}.
  356. Цель испытаний - оценка стойкости покрытия к климатическим воздействиям согласно ГОСТ 9.401-91.
  357. Согласно Заключению, покрытие {{ product.brand.title }} {{ product.title }} прекрасно справляется
  358. с задачей защиты древесины от атмосферных воздействий
  359. (краска отлично выполняет декоративную и защитную функции) на протяжении, как минимум,
  360. 30 циклов старения по ГОСТ 9.401-91. Проведенные испытания подтвердили, что покрытие выдерживает
  361. необходимые климатические нагрузки, не отслаивается, не шелушится и не выгорает,
  362. на окрашенной древесине отсутствуют участки поражения синевой и гри
  363. </p>
  364. <a href="#paints_labs_result" class="color-accent js-popup-btn">Фотографии образцов {{ product.brand.title }} {{ product.title }} до и после климатических испытаний (предоставлены лабораторией НИИМосстрой).</a>
  365. </div>
  366. </div>
  367. </section>
  368. <!-- END termo -->
  369.  
  370. <!-- BEGIN tile -->
  371. <section class="tile">
  372. <div class="container-wide">
  373. <div class="tile__row">
  374. <div class="tile__col tile__col-slider tile__col--invert tile__col--left align-items-start">
  375. <div class="tile__content tile__content--h">
  376. <h2 class="no-margin-top align-c">Примеры домов, покрашенных краской {{ product.brand.title }} {{ product.title }}/</h2>
  377. <div class="tile-slider-navigation">
  378. <button type="button" class="js-tile-slider-navigation-prev tile-slider-navigation__btn tile-slider-navigation__prev"><svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#arrow"></use></svg></button>
  379. <div class="js-tile-slider-navigation-dots tile-slider-navigation__dots"></div>
  380. <button type="button" class="js-tile-slider-navigation-next tile-slider-navigation__btn tile-slider-navigation__next"><svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#arrow"></use></svg></button>
  381. </div>
  382. </div>
  383. <div class="js-tile-slider tile__slider">
  384. <div class="tile__slider-item" style="background-image: url('{{ static('images/paints_work_examples/1.jpg') }}')"></div>
  385. <div class="tile__slider-item" style="background-image: url('{{ static('images/paints_work_examples/2.jpg') }}')"></div>
  386. <div class="tile__slider-item" style="background-image: url('{{ static('images/paints_work_examples/3.jpg') }}')"></div>
  387. <div class="tile__slider-item" style="background-image: url('{{ static('images/paints_work_examples/4.jpg') }}')"></div>
  388. <div class="tile__slider-item" style="background-image: url('{{ static('images/paints_work_examples/5.jpg') }}')"></div>
  389. </div>
  390. </div>
  391. <div class="tile__col tile__col--right">
  392. <div class="tile__content">
  393. <div class="tile__object">
  394. <ul class="tile__object-list">
  395. <li class="tile__object-list-item">Объект: ООО "Вайгач" (г.Киров)</li>
  396. <li class="tile__object-list-item">Месторасположение объекта: Кировская обл.</li>
  397. <li class="tile__object-list-item">Площадь окраски: 200 кв.м.</li>
  398. <li class="tile__object-list-item">Использовано: 35л Pullex 3in1</li>
  399. <li class="tile__object-list-item">Цвет: ST 04/3 Uhura</li>
  400. </ul>
  401. {# <p class="tile__object-text">Стоимость краски:<br> <b>28 800 руб.</b></p> #}
  402. <a href="#callback" class="btn js-popup-btn" data-form="Кнопка 'Получить консультацию' на странице красок: {{ product.brand.title }} {{ product.title }}" data-popup-title="Получить консультацию">Получить консультацию</a>
  403. </div>
  404. <div class="tile__object hide">
  405. <ul class="tile__object-list">
  406. <li class="tile__object-list-item">Объект: ООО "Вайгач" (г.Киров)</li>
  407. <li class="tile__object-list-item">Месторасположение объекта: Кировская обл.</li>
  408. <li class="tile__object-list-item">Площадь окраски: 220 кв.м.</li>
  409. <li class="tile__object-list-item">Использовано: 40л Pullex 3in1</li>
  410. <li class="tile__object-list-item">Цвет: LW 02/3 Nuss</li>
  411. </ul>
  412. {# <p class="tile__object-text">Стоимость краски:<br> <b>28 800 руб.</b></p> #}
  413. <a href="#callback" class="btn js-popup-btn" data-form="Кнопка 'Получить консультацию' на странице красок: {{ product.brand.title }} {{ product.title }}" data-popup-title="Получить консультацию">Получить консультацию</a>
  414. </div>
  415. <div class="tile__object hide">
  416. <ul class="tile__object-list">
  417. <li class="tile__object-list-item">Объект: ООО "Интерхаус" (г.Казань)</li>
  418. <li class="tile__object-list-item">Месторасположение объекта: Татарстан</li>
  419. <li class="tile__object-list-item">Площадь окраски: 254 кв.м. в 3 слоя</li>
  420. <li class="tile__object-list-item">Израсходовано: 45л Pullex 3in1</li>
  421. <li class="tile__object-list-item">Цвет: LW 01/3 Lärche</li>
  422. </ul>
  423. {# <p class="tile__object-text">Стоимость краски:<br> <b>28 800 руб.</b></p> #}
  424. <a href="#callback" class="btn js-popup-btn" data-form="Кнопка 'Получить консультацию' на странице красок: {{ product.brand.title }} {{ product.title }}" data-popup-title="Получить консультацию">Получить консультацию</a>
  425. </div>
  426. <div class="tile__object hide">
  427. <ul class="tile__object-list">
  428. <li class="tile__object-list-item">Объект: Интерхаус (г.Казань)</li>
  429. <li class="tile__object-list-item">Месторасположение объекта: Татарстан</li>
  430. <li class="tile__object-list-item">Площадь окраски: 564 кв.м. в 2 слоя</li>
  431. <li class="tile__object-list-item">Израсходовано: 70л Pullex 3in1</li>
  432. <li class="tile__object-list-item">Цвет: LW 01/3 Lärche</li>
  433. </ul>
  434. {# <p class="tile__object-text">Стоимость краски:<br> <b>28 800 руб.</b></p> #}
  435. <a href="#callback" class="btn js-popup-btn" data-form="Кнопка 'Получить консультацию' на странице красок: {{ product.brand.title }} {{ product.title }}" data-popup-title="Получить консультацию">Получить консультацию</a>
  436. </div>
  437. <div class="tile__object hide">
  438. <ul class="tile__object-list">
  439. <li class="tile__object-list-item">Объект: Интерхаус (г.Казань)</li>
  440. <li class="tile__object-list-item">Месторасположение объекта: Татарстан</li>
  441. <li class="tile__object-list-item">Площадь окраски: 73 кв.м. в 2 слоя</li>
  442. <li class="tile__object-list-item">Израсходовано: 10л Pullex 3in1</li>
  443. <li class="tile__object-list-item">Цвет: LW 01/3 Lärche</li>
  444. </ul>
  445. {# <p class="tile__object-text">Стоимость краски:<br> <b>28 800 руб.</b></p> #}
  446. <a href="#callback" class="btn js-popup-btn" data-form="Кнопка 'Получить консультацию' на странице красок: {{ product.brand.title }} {{ product.title }}" data-popup-title="Получить консультацию">Получить консультацию</a>
  447. </div>
  448. </div>
  449. </div>
  450. </div>
  451. </div>
  452. </section>
  453. <!-- END tile -->
  454.  
  455. <!-- BEGIN professional-builders -->
  456. <section class="section-padding">
  457. <div class="container">
  458. <div class="section-head">
  459. <h2 class="section-head__title">Почему нас выбирают профессиональные строители</h2>
  460. </div>
  461. <div class="professional-builders-list horizontal-list horizontal-list--center">
  462. <div class="horizontal-list__item">
  463. <div class="horizontal-list__icon">
  464. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#icon-42"></use></svg>
  465. </div>
  466. <p class="horizontal-list__text">Оказываем техническую и технологическую поддержку строительным фирмам и партнерам</p>
  467. </div>
  468. <div class="horizontal-list__item">
  469. <div class="horizontal-list__icon">
  470. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#icon-43"></use></svg>
  471. </div>
  472. <p class="horizontal-list__text">Легко наносится, просто работать</p>
  473. </div>
  474. <div class="horizontal-list__item">
  475. <div class="horizontal-list__icon">
  476. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#icon-3"></use></svg>
  477. </div>
  478. <p class="horizontal-list__text">Долговечная и надежная защита древесины</p>
  479. </div>
  480. <div class="horizontal-list__item">
  481. <div class="horizontal-list__icon">
  482. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#icon-22"></use></svg>
  483. </div>
  484. <p class="horizontal-list__text">Быстрая доставка своим автотранспортом</p>
  485. </div>
  486. <div class="horizontal-list__item">
  487. <div class="horizontal-list__icon">
  488. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#icon-23"></use></svg>
  489. </div>
  490. <p class="horizontal-list__text">Грамотная консультация по всем вопросам</p>
  491. </div>
  492. </div>
  493. <div class="professional-builders-preview">
  494. <div class="preview">
  495. <div class="preview__pic" style="background-image: url('{{ static('images/pic-13.jpg') }}')"></div>
  496. <div class="preview__title">Выезды на объекты, участие в тендерах, рекомендации технолога</div>
  497. </div>
  498. <div class="preview">
  499. <div class="preview__pic" style="background-image: url('{{ static('images/pic-14.jpg') }}')"></div>
  500. <div class="preview__title">Подбор оттенков, которые максимально сочетаются с дизайн проектом</div>
  501. </div>
  502. <div class="preview">
  503. <div class="preview__pic" style="background-image: url('{{ static('images/pic-15.jpg') }}')"></div>
  504. <div class="preview__title">Обучение нанесению красок и герметиков</div>
  505. </div>
  506. <div class="preview">
  507. <div class="preview__pic" style="background-image: url('{{ static('images/pic-16.jpg') }}')"></div>
  508. <div class="preview__title">Оптовые скидки на продукцию</div>
  509. </div>
  510. </div>
  511. </div>
  512. </section>
  513. <!-- END professional-builders -->
  514.  
  515. <!-- BEGIN conclusion -->
  516. <section class="conclusion conclusion--paint section-invert">
  517. <div class="conclusion__decor section-padding">
  518. <div class="container">
  519. <div class="section-head">
  520. <h2 class="section-head__title">Получите подробную консультацию у менеджера и выгодные условия работы</h2>
  521. </div>
  522. <div class="align-c">
  523. <a href="#callback" class="btn js-popup-btn" data-form="Кнопка 'Получить консультацию менеджера' на странице красок: {{ product.brand.title }} {{ product.title }}" data-popup-title="Получить консультацию менеджера">Получить консультацию менеджера</a>
  524. </div>
  525. </div>
  526. </div>
  527. </section>
  528. <!-- END conclusion -->
  529.  
  530. <!-- BEGIN real-reviews -->
  531. <section class="real-reviews section-padding">
  532. <div class="container">
  533. <div class="section-head">
  534. <h2 class="section-head__title">Реальные отзывы от частых лиц и крупных строительных компаний</h2>
  535. </div>
  536. <div class="real-reviews__slider-wrap">
  537. <button class="js-real-reviews-slider-btn-prev real-reviews__slider-btn real-reviews__slider-btn--prev">
  538. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#scroll-arrow"></use></svg>
  539. </button>
  540. <button class="js-real-reviews-slider-btn-next real-reviews__slider-btn real-reviews__slider-btn--next">
  541. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#scroll-arrow"></use></svg>
  542. </button>
  543. <div class="js-real-reviews real-reviews__slider">
  544. <div class="real-reviews__slider-item">
  545. <img src="{{ static('images/review/Сибирский Партнер 3в1.jpg') }}" class="js-img-popup" alt="">
  546. </div>
  547. <div class="real-reviews__slider-item">
  548. <img src="{{ static('images/review/Отзыв о краске 3в1.jpg') }}" class="js-img-popup" alt="">
  549. </div>
  550. </div>
  551. </div>
  552.  
  553. </div>
  554. </section>
  555. <!-- END real-reviews -->
  556.  
  557. {% if product.description.youtube_video %}
  558. <!-- BEGIN videochannel -->
  559. <section class="s-videochannel section-gray">
  560. <div class="s-videochannel__decor section-padding">
  561. <div class="container videochannel">
  562. <div class="videochannel__inner">
  563. <div class="videochannel__content">
  564. <div class="section-head section-head--left">
  565. <h2 class="section-head__title">Наш обучающий канал ЛакоКраски ТВ на <span class="color-accent">YouTube</span></h2>
  566. </div>
  567. <p>На данном канале мы размещаем обучающие видео-уроки по нанесению продуктов ADLER, RAMSAUER, REESA, DL CHEMICALS, знакомим с особенностями нанесения красок, герметиков, новыми продуктами, размещаем видеосюжеты сравнительных тестов красок и герметиков, которые мы продаем и аналогичных продуктов конкурирующих фирм.</p>
  568. <p>Съемка видеосюжетов по наиболее востребованным продуктам и тематикам ведется на постоянной основе с участием операторов. Подписывайтесь <span class="color-accent">на наш канал ЛакоКраски ТВ</span> и будьте в курсе событий.</p>
  569. </div>
  570. <div class="videochannel__pic">
  571. <img src="{{ static('images/videochanel.svg') }}" alt="">
  572. </div>
  573. </div>
  574. <div class="videochannel__video">
  575. <div class="video">
  576. <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ product.description.youtube_video }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  577. </div>
  578. </div>
  579. <div class="videochannel__subscribe">
  580. <p>Подпишитесь на наш канал и будьте в курсе всех новинок и обучающих роликов от ADLER</p>
  581. <a href="{{ config.youtube }}" target="_blank" class="btn">Подписаться на канал</a>
  582. </div>
  583. </div>
  584. </div>
  585. </section>
  586. <!-- END videochannel -->
  587. {% endif %}
  588.  
  589. <!-- BEGIN faq -->
  590. <section class="section-padding">
  591. <div class="container">
  592. <div class="section-head">
  593. <h2 class="section-head__title">Часто задаваемые вопросы</h2>
  594. </div>
  595. <div class="faq">
  596.  
  597. <div class="faq__col">
  598.  
  599. <div class="faq__item toggle">
  600. <button class="js-toggle-trigger toggle__trigger" type="button">
  601. <b class="toggle__trigger-text">Срок обновления {{ product.title }}?</b>
  602. <span class="toggle__trigger-indicator"></span>
  603. </button>
  604. <div class="toggle__content">
  605. Срок обновления покрытия зависит от подготовки древесины, конструктивной защиты и выбранного оттенка.
  606. <br>
  607. Расчетный период обновления для Pullex 3in1 Lasur составляет от 5 до 15 лет. При обновлении перешлифовка не требуется, достаточно очистить поверхность от пыли и грязи.
  608. </div>
  609. </div>
  610.  
  611. <div class="faq__item toggle">
  612. <button class="js-toggle-trigger toggle__trigger" type="button">
  613. <b class="toggle__trigger-text">Время промежуточного высыхания между слоями?</b>
  614. <span class="toggle__trigger-indicator"></span>
  615. </button>
  616. <div class="toggle__content">Примерно 12 часов</div>
  617. </div>
  618.  
  619. <div class="faq__item toggle">
  620. <button class="js-toggle-trigger toggle__trigger" type="button">
  621. <b class="toggle__trigger-text">Чем можно наносить?</b>
  622. <span class="toggle__trigger-indicator"></span>
  623. </button>
  624. <div class="toggle__content">
  625. Метод нанесения – кистью с натуральным или смешанным ворсом. Еще один вариант профессиональная премиум- кисть от ADLER Spezialpinsel Solvamaxx plus.
  626. </div>
  627. </div>
  628.  
  629. </div>
  630.  
  631. <div class="faq__col">
  632.  
  633. <div class="faq__item toggle">
  634. <button class="js-toggle-trigger toggle__trigger" type="button">
  635. <b class="toggle__trigger-text">Температура нанесения {{ product.title }}?</b>
  636. <span class="toggle__trigger-indicator"></span>
  637. </button>
  638. <div class="toggle__content"><span>От +5градС до +30градС</span></div>
  639. </div>
  640.  
  641. <div class="faq__item toggle">
  642. <button class="js-toggle-trigger toggle__trigger" type="button">
  643. <b class="toggle__trigger-text">В каких случаях надо наносить три слоя краски {{ product.title }}?</b>
  644. <span class="toggle__trigger-indicator"></span>
  645. </button>
  646. <div class="toggle__content">
  647. 3-х слойное нанесение {{ product.title }} рекомендуется только в том случае, если дом находится недалеко от моря или на открытом продуваемом месте.
  648. </div>
  649. </div>
  650.  
  651. <div class="faq__item toggle">
  652. <button class="js-toggle-trigger toggle__trigger" type="button">
  653. <b class="toggle__trigger-text">Чем мыть инструмент?</b>
  654. <span class="toggle__trigger-indicator"></span>
  655. </button>
  656. <div class="toggle__content">Уайт-спирит</div>
  657. </div>
  658.  
  659. </div>
  660.  
  661. </div>
  662. </div>
  663. </section>
  664. <!-- END faq -->
  665.  
  666. <!-- BEGIN still-questions -->
  667. <section class="s-still-questions section-padding section-invert">
  668. <div class="container">
  669. <div class="section-head">
  670. <h2 class="section-head__title">Остались вопросы?</h2>
  671. <p class="section-head__subtitle text-large">Задайте их нашим профессиональным менеджерам</p>
  672. </div>
  673. <div class="still-questions">
  674. <form class="still-questions__form form js-form" action="{{ url('orders:create') }}" method="post">
  675. <div style="display: none">
  676. {% csrf_token %}
  677. <input type="hidden" name="form" value="Форма 'Задать ' на странице герметика: {{ product.brand.title }} {{ product.title }}">
  678. </div>
  679. <div class="form__row-box">
  680. <div class="form__box">
  681. <input type="text" name="name" class="form__input" placeholder="Ваше имя" required>
  682. </div>
  683. <div class="form__box">
  684. <input type="text" name="tel_or_email" class="form__input" placeholder="Телефон или E-mail" required>
  685. </div>
  686. </div>
  687. <div class="form__box">
  688. <textarea name="message" class="form__textarea" placeholder="Опишите свой вопрос"></textarea>
  689. </div>
  690. <div class="still-questions__action">
  691. <div class="checkbox">
  692. <input type="checkbox" id="user-agreement-3" checked disabled>
  693. <label for="user-agreement-3">Я принимаю условия пользовательского соглашения и даю согласие на обработку моих персональных данных</label>
  694. </div>
  695. <button type="submit" class="btn">Задать вопрос</button>
  696. </div>
  697. <div class="still-questions__destination">
  698. <div class="still-questions__destination-text">Куда Вам направить ответ:</div>
  699. <div class="still-questions__destination-btns">
  700. <label class="js-still-questions-destination-btn still-questions__destination-btn">
  701. <input type="checkbox" name="service" value="whatsapp">
  702. <svg class="icon-svg" style="color: #5bb854;"><use xlink:href="{{ static('images/sprite.svg') }}#callback"></use></svg>
  703. </label>
  704. <label class="js-still-questions-destination-btn still-questions__destination-btn">
  705. <input type="checkbox" name="service" value="viber">
  706. <svg class="icon-svg" style="color: #9349c1;"><use xlink:href="{{ static('images/sprite.svg') }}#viber"></use></svg>
  707. </label>
  708. <label class="js-still-questions-destination-btn still-questions__destination-btn">
  709. <input type="checkbox" name="service" value="phone">
  710. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#phone"></use></svg>
  711. </label>
  712. <label class="js-still-questions-destination-btn still-questions__destination-btn">
  713. <input type="checkbox" name="service" value="email">
  714. <svg class="icon-svg"><use xlink:href="{{ static('images/sprite.svg') }}#message"></use></svg>
  715. </label>
  716. </div>
  717. </div>
  718. </form>
  719. </div>
  720. </div>
  721. </section>
  722. <!-- END still-questions -->
  723.  
  724.  
  725. <div class="hide">
  726.  
  727. <form class="form form__popup zoom-anim-dialog" id="paints_info" style="max-width: 80%;">
  728. {{ render(product.description.specification, product=product) }}
  729. </form>
  730.  
  731. <form class="form form__popup zoom-anim-dialog" id="paints_labs_result" style="max-width: 80%;">
  732. <img src="{{ static('images/nii_3in1_1.jpg') }}" alt="" style="max-width: 100%;" >
  733. <img src="{{ static('images/nii_3in1_2.jpg') }}" alt="" style="max-width: 100%;" >
  734. <img src="{{ static('images/nii_3in1_3.jpg') }}" alt="" style="max-width: 100%;" >
  735. </form>
  736.  
  737. </div>
  738.  
  739. <div style="display: none">
  740. <input type="hidden" id="average_rate" value="{{ product.description.average_rate }}">
  741. <input type="hidden" id="min_volume" value="{{ product.description.min_volume }}">
  742. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!