You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
699 lines
40 KiB
699 lines
40 KiB
{% set bodyClass = 'main-np' %}
|
|
{% extends 'layout.twig' %}
|
|
|
|
|
|
{% block content %}
|
|
|
|
|
|
|
|
<section class="home test">
|
|
<div class="container">
|
|
<div class="home__swiper">
|
|
<div class="swiper-wrapper">
|
|
{% for slide in slider %}
|
|
<div class="swiper-slide">
|
|
<div class="home__item">
|
|
<div class="home__block">
|
|
<h1 class="home__title">{{ slide.slide_title }}</h1>
|
|
<div class="home__subtitle">{{ slide.slide_description }}</div>
|
|
<a href="{{ slide.btn_url }}"
|
|
class="home__btn"><span>{{ slide.btn_text }}</span> </a>
|
|
</div>
|
|
<img src="{{ slide.slide_img }}">
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="home__pagination"></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section id="about" class="about">
|
|
<div class="container">
|
|
<div class="about_info-wrap">
|
|
<div class="about_img">
|
|
<img class="img--desktop"
|
|
src="{{about_img}}"
|
|
alt="">
|
|
<img class="img--mobile"
|
|
src="{{about_img_m}}"
|
|
alt="">
|
|
</div>
|
|
<div class="about_info">
|
|
<h1 class="about_title">{{about_title}}</h1>
|
|
<p class="about_text">{{about_desc}}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="about_block">
|
|
<div class="about_cards">
|
|
{% for item in about_list %}
|
|
<div class="about_card">
|
|
<img src="{{ item.img }}" alt="" class="about_card-gif about_card-gif1">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title">{{ item.title }}</h3>
|
|
<p class="about_card-text">{{ item.text }}</p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
<div class="about_company">
|
|
<p class="about_company-text">{{ about_comp_text }}</p>
|
|
<div class="about_company-logo">
|
|
|
|
{% for item in about_comp_logo %}
|
|
<img src="{{ item.img }}" alt="">
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="marketplace">
|
|
<div class="container">
|
|
<div class="marketplace__title">отзывы Покупателей</div>
|
|
<div class="marketplace__swiper">
|
|
<div class="swiper-wrapper">
|
|
{% for item in about_rev %}
|
|
<div class="swiper-slide">
|
|
<div class="marketplace__slide">
|
|
<img src="{{ item.img }}"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="reviews">
|
|
<div class="container">
|
|
<h2 class="reviews_title">Отзывы <br> ветеринаров</h2>
|
|
<div class="reviews_block">
|
|
<div class="reviews_items --visible">
|
|
{% if post.meta('reviews_repeater') %}
|
|
{% set reviews = post.meta('reviews_repeater') %}
|
|
|
|
{# Create three blocks #}
|
|
{% for i in 0..2 %}
|
|
{% set block_class = i == 0 ? 'reviews_item1' : (i == 1 ? 'reviews_item2' : 'reviews_item4') %}
|
|
{% set row_class = i % 2 == 0 ? 'reviews_row reviews_row--left' : 'reviews_row reviews_row--right' %}
|
|
|
|
<div class="{{ row_class }}">
|
|
<div class="reviews_item {{ block_class }}">
|
|
<div class="reviews_item-swiper swiper">
|
|
<div class="swiper-wrapper">
|
|
|
|
{# Output reviews with step 3, starting from current block index #}
|
|
{% for j in range(i, reviews|length - 1, 3) %}
|
|
{% set review = reviews[j] %}
|
|
<div class="swiper-slide">
|
|
<div class="reviews_item-top">
|
|
<div class="reviews_item-name"><b>{{ review.review_name }}</b></div>
|
|
<img src="{{ review.review_image.url }}" alt="" class="reviews_item-img">
|
|
</div>
|
|
<span>{{ review.review_position }}</span>
|
|
<p class="reviews_item-text">{{ review.review_text }}</p>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
<img src="{{ theme.link }}/static/front-page/img/reviews_person-mob.png" alt="" class="reviews_person-mob">
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/pets-reviews.png" alt="" class="reviews_person">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="truth sec-bf">
|
|
<div class="container">
|
|
<div class="truth_top">
|
|
<picture>
|
|
<source media="(min-width:576px)"
|
|
srcset="{{ theme.link }}/static/front-page/img/gift-new.png">
|
|
<img src="{{ theme.link }}/static/front-page/img/gift-new-mob.png"
|
|
alt="">
|
|
</picture>
|
|
<h1 class="truth_title">проверьте <br> свои знания <br> и получите <span>подарок!</span></h1>
|
|
<img src="{{ theme.link }}/static/front-page/img/gift-line.svg" alt="" class="gift_line-img"></div>
|
|
|
|
<div class="truth_content-wrap">
|
|
<div class="truth_content truth_content1 active">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Правда или миф?</div>
|
|
<div class="truth_block-text">
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_num.svg"
|
|
alt="">
|
|
<p>Индейка - самый гипоаллергенный протеин для кошек и собак</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">Правда</button>
|
|
<button class="truth_link btn--black-hover success_btn">Миф</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_person.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>E-protein — легкоперевариваемый энтопротеин — самый гипоаллергенный белок для
|
|
питомцев из-за его особого строения. А еще такой вид протеина является новым
|
|
источником белка для питомцев, поэтому риск появления аллергии на него крайне
|
|
низок.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>E-protein — легкоперевариваемый энтопротеин — самый гипоаллергенный белок для
|
|
питомцев из-за его особого строения. А еще такой вид протеина является новым
|
|
источником белка для питомцев, поэтому риск появления аллергии на него крайне
|
|
низок.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_error.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content2">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Правда или миф?</div>
|
|
<div class="truth_block-text">
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_num2.svg"
|
|
alt="">
|
|
<p>Сухого корма недостаточно для поддержания здоровья питомца</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">Правда</button>
|
|
<button class="truth_link btn--black-hover success_btn">Миф</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_img2.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>Качественные сухие корма специально разработаны
|
|
с целью обеспечить животное белками, жирами, витаминами, минералами и другими
|
|
питательными веществами, поданными в грамотной пропорции.
|
|
А еще сухие гранулы полезны для зубов питомца, поскольку помогают удалить налет
|
|
и зубной камень.
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>Качественные сухие корма специально разработаны
|
|
с целью обеспечить животное белками, жирами, витаминами, минералами и другими
|
|
питательными веществами, поданными в грамотной пропорции.
|
|
А еще сухие гранулы полезны для зубов питомца, поскольку помогают удалить налет
|
|
и зубной камень.
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_error.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content3">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Правда или миф?</div>
|
|
<div class="truth_block-text">
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_num3.svg"
|
|
alt="">
|
|
<p>Переводить питомца на новый корм нужно постепенно</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover success_btn">Правда</button>
|
|
<button class="truth_link btn--black-hover error_btn">Миф</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_img3.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это правда!</div>
|
|
<div class="truth_block-text">
|
|
<p>Переход между двумя рационами должен происходить постепенно. Резкие изменения в
|
|
рационе могут вызвать расстройство желудка. А некоторые домашние животные после
|
|
таких потрясений могут окончательно потерять аппетит и начать отказываться от
|
|
качественного, подходящего им корма. Классическая схема перехода занимает
|
|
неделю:</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
|
|
<div class="truth_result">
|
|
<img src="{{ theme.link }}/static/front-page/img/success_result1.png"
|
|
alt="">
|
|
<img src="{{ theme.link }}/static/front-page/img/success_result2.png"
|
|
alt="">
|
|
<img src="{{ theme.link }}/static/front-page/img/success_result3.png"
|
|
alt="">
|
|
<img src="{{ theme.link }}/static/front-page/img/success_result4.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это правда!</div>
|
|
<div class="truth_block-text">
|
|
<p>Переход между двумя рационами должен происходить постепенно. Резкие изменения в
|
|
рационе могут вызвать расстройство желудка. А некоторые домашние животные после
|
|
таких потрясений могут окончательно потерять аппетит и начать отказываться от
|
|
качественного, подходящего им корма. Классическая схема перехода занимает
|
|
неделю:</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
<div class="truth_result">
|
|
<img src="{{ theme.link }}/static/front-page/img/error_result1.png"
|
|
alt="">
|
|
<img src="{{ theme.link }}/static/front-page/img/error_result2.png"
|
|
alt="">
|
|
<img src="{{ theme.link }}/static/front-page/img/error_result3.png"
|
|
alt="">
|
|
<img src="{{ theme.link }}/static/front-page/img/error_result4.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_error.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content4">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Правда или миф?</div>
|
|
<div class="truth_block-text">
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_num4.svg"
|
|
alt="">
|
|
<p>Котят и щенят нельзя кормить кормом для взрослых питомцев на постоянной
|
|
основе</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover success_btn">Правда</button>
|
|
<button class="truth_link btn--black-hover error_btn">Миф</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_img4.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это правда!</div>
|
|
<div class="truth_block-text">
|
|
<p>Корм для щенков и котят содержит больше жиров, белков и калорий. Малыши быстро
|
|
растут, а повышенный метаболизм означает и высокую потребность в энергии. Поэтому
|
|
если кормить щенков и котят кормом для взрослых, то им будет недоставать
|
|
питательных веществ. А кормление взрослых питомцев кормом для маленьких приведет
|
|
к набору веса.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="truth_block-title">Это правда!</div>
|
|
<div class="truth_block-text">
|
|
<p>Корм для щенков и котят содержит больше жиров, белков и калорий. Малыши быстро
|
|
растут, а повышенный метаболизм означает и высокую потребность в энергии. Поэтому
|
|
если кормить щенков и котят кормом для взрослых, то им будет недоставать
|
|
питательных веществ. А кормление взрослых питомцев кормом для маленьких приведет
|
|
к набору веса.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_error.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content5">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
</div>
|
|
<div class="truth_block-title">Правда или миф?</div>
|
|
<div class="truth_block-text">
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_num5.svg"
|
|
alt="">
|
|
<p>Сухой и горячий нос у питомца - симптом заболевания</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">Правда</button>
|
|
<button class="truth_link btn--black-hover success_btn">Миф</button>
|
|
</div>
|
|
<img class="img--desktop2"
|
|
src="{{ theme.link }}/static/front-page/img/truth_img5.png"
|
|
alt="">
|
|
<img class="img--mobile" src="{{ theme.link }}/static/front-page/img/quiz/birds_mobile.png" alt=""> </div>
|
|
</div>
|
|
|
|
<div class="truth_success truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>И очень распространенный миф. В действительности, сухой
|
|
и горячий носик не является маркером какого-либо заболевания. А может, например,
|
|
говорить о том, что питомец спит, недавно проснулся или только что очень активно
|
|
играл.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_succes-img.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_error truth_block">
|
|
<div class="truth_line">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span class="active"></span>
|
|
</div>
|
|
<div class="truth_block-title">Это миф!</div>
|
|
<div class="truth_block-text">
|
|
<p>И очень распространенный миф. В действительности, сухой и горячий носик не
|
|
является маркером какого-либо заболевания. А может, например, говорить о том,
|
|
что питомец спит, недавно проснулся или только что очень активно играл.</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Далее</button>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/truth_error.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="truth_content truth_content-end">
|
|
<div class="truth_block truth_default" style="display: block;">
|
|
<div class="truth_block-title">ваш результат</div>
|
|
<div class="truth_block-text">
|
|
<div class="truth_xn">
|
|
<span class="truth_points truth_points-corrects"></span>
|
|
<span class="truth_points truth_points-slash">/</span>
|
|
<span class="truth_points truth_points-all"></span>
|
|
</div>
|
|
<div class="truth_end-text truth_end-text--before">
|
|
<p>Дарим <strong>промокод</strong> на первую покупку в нашем магазине
|
|
<strong>15%</strong>
|
|
</p>
|
|
<div class="truth__end-promo">cosmoheroes</div>
|
|
<div class="truth__end-btns">
|
|
<button class="truth__end-btn --copy --white"
|
|
data-copy="cosmoheroes"><span>Скопировать</span><span
|
|
class="copied">Скопировано</span></button>
|
|
<a href="/shop/" class="truth__end-btn --black"><span>В магазин </span></a>
|
|
</div>
|
|
</div>
|
|
<div class="truth_end-text truth_end-text--sent" style="display:none;">
|
|
<p>Вы успешно отправили данные! Промокод поступит на указанную почту</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="section_wrap">
|
|
<section class="cosmopet-x">
|
|
<div class="container">
|
|
<h1 class="cosmopet-x__title">{{ post.meta('cosmopet_x_blocktitle') }}</h1>
|
|
<div class="cosmopet-x__swiper">
|
|
<div class="swiper-wrapper">
|
|
{% for slide in post.meta('cosmopet_x_slider') %}
|
|
<div class="swiper-slide">
|
|
<div class="cosmopet-x__item">
|
|
<img class="cosmopet-x__bg" src="{{ slide.img_1 }}" alt="">
|
|
<img class="cosmopet-x__top" src="{{ slide.img_2 }}" alt="">
|
|
<div class="cosmopet-x__body">
|
|
<div class="cosmopet-x__heading">{{ slide.title }}
|
|
</div>
|
|
<a href="{{ slide.url }}" class="cosmopet-x__btn">подробнее</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="slider-arrows">
|
|
<button class="slider-arrow slider-arrow-prev cosmopet-prev"></button>
|
|
<button class="slider-arrow slider-arrow-next cosmopet-next"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<section class="blog">
|
|
<div class="container">
|
|
<div class="blog_block">
|
|
<div class="blog_top">
|
|
<h1 class="blog_title">Наш блог</h1>
|
|
</div>
|
|
<div class="blog__row">
|
|
<p class="blog_text">Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных</p>
|
|
<a href="/blog/" class="blog_link main_link"><span>Все статьи</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="blog_slider">
|
|
<div class="swiper blogSlider">
|
|
<div class="swiper-wrapper">
|
|
{% for post in blog_posts %}
|
|
<div class="swiper-slide">
|
|
<a class="blog_card" href="{{ post.link }}">
|
|
<div class="blog__card-wrapper">
|
|
<img src="{{ post.thumbnail }}" alt="{{ post.title }}" class="blog_card-img">
|
|
</div>
|
|
<div class="blog_card-info-wrap">
|
|
<div class="blog_card-info">
|
|
<h2 class="blog_card-title">{{ post.title }}</h2>
|
|
<p class="blog_card-text">{{ post.excerpt }} ...</p>
|
|
<div class="blog__card-btn">читать статью</div>
|
|
</div>
|
|
<img src="{{ theme.link }}/static/front-page/img/card-line.svg" alt="" class="card-line-img">
|
|
</div>
|
|
</a>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="slider-arrows">
|
|
<button class="slider-arrow slider-arrow-prev blogSlider-prev"></button>
|
|
<button class="slider-arrow slider-arrow-next blogSlider-next"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<section class="discount__sale sec-bf">
|
|
<div class="container">
|
|
<div class="discount_top">
|
|
<h3 class="discount_title">Узнайте о нас <br> больше <br> и получите <br> <span>скидку!</span>
|
|
</h3>
|
|
<div class="discount_top-imgs">
|
|
<img class="dicount_dog-img img--desktop"
|
|
src="{{ theme.link }}/static/front-page/img/dicsount-sale.png"
|
|
alt="">
|
|
<img class="dicount_dog-img img--mobile"
|
|
src="{{ theme.link }}/static/front-page/img/dicsount-sale-mob.png"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
<div class="dicsount__body">
|
|
|
|
<div class="wpcf7 js" id="wpcf7-f17302-o1" lang="ru-RU" dir="ltr">
|
|
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
|
|
<form class="form-process" action="subscribe_form" method="post" class="" aria-label="Контактная форма" novalidate="novalidate" data-status="init">
|
|
|
|
<div class="discount_form ">
|
|
<span class="" data-name="subscriber"><input size="40" class="discount_form-inp" aria-required="true" aria-invalid="false" placeholder="{{ function('pll_e', 'Эл.почта') }}" value="" type="email" name="subscriber"></span>
|
|
<img src="/wp-content/themes/cosmopet/static/front-page/img/discount-line-w.svg" data-src="https://cosmopet.shop/wp-content/themes/woodmart/images/svg/discount-line-w.svg" decoding="async" class=" lazyloaded"><noscript><img src="https://cosmopet.shop/wp-content/themes/woodmart/images/svg/discount-line-w.svg" data-eio="l"></noscript>
|
|
|
|
<input type="hidden" name="from_url" value="{{ current_url }}">
|
|
<input type="hidden" name="form_name" value="Subscribtion form">
|
|
<button class="discount_form-btn main_link" type="submit">{{ function('pll_e', 'подписаться') }}</button>
|
|
</div><div class="wpcf7-response-output" aria-hidden="true"></div>
|
|
</form>
|
|
</div>
|
|
<p class="discount_form-text">Подписываясь на рассылку, я даю согласие на обработку персональных
|
|
данных, на получение рекламных сообщений и новостей о товарах и услугах</p>
|
|
<p class="discount_text">Подпишитесь, чтобы быть в курсе деятельности Cosmopet и узнавать о
|
|
наших предложениях. Обещаем не заваливать вас бесполезными письмами. А за подписку дарим
|
|
-25% на весь ассортимент нашей продукции</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
{% endblock %} |