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.
754 lines
49 KiB
754 lines
49 KiB
<?php
|
|
/*
|
|
Template Name: GP | MAin page eng
|
|
Template Post Type: page
|
|
*/
|
|
get_header('gp_eng');
|
|
// wp_head();
|
|
add_filter('wpcf7_autop_or_not', '__return_false');
|
|
?>
|
|
<style>
|
|
.footer_box .footer_box-title {
|
|
font-family: 'Craftwork Grotesk', sans-serif !important;
|
|
}
|
|
|
|
/* ВРЕМЕННЫЕ СТИЛИ 24.10.2024 */
|
|
.truth .truth_top{
|
|
padding-top: 4vh;
|
|
}
|
|
|
|
.discount {
|
|
padding: 43px 0;
|
|
}
|
|
|
|
.discount_top .discount_top-imgs{
|
|
right: -27%;
|
|
}
|
|
|
|
@media only screen and (max-width: 576px) {
|
|
.discount_block .wpcf7, .discount_block .cf7sg-container {
|
|
order: 3;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<main style="padding-top: 0;">
|
|
<section class="home test">
|
|
<div class="container">
|
|
<div class="home__swiper">
|
|
<div class="swiper-wrapper">
|
|
<?php
|
|
|
|
foreach(get_field('slider_main') as $slide):
|
|
|
|
?>
|
|
<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['url_knopki']; ?>" class="home__btn"><span><?= $slide['tekst_knopki']; ?></span> </a>
|
|
</div>
|
|
<img src="<?= $slide['slide_img']; ?>"
|
|
alt="">
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</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="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/animations/MAIN.svg" alt="">
|
|
<img class="img--mobile" src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/animations/gus.svg" alt="" >
|
|
</div>
|
|
<div class="about_info">
|
|
<h2 class="about_title">Why choose <br>COSMOPET?
|
|
</h2>
|
|
<p class="about_text">Our pet foods are based on the most advanced veterinary nutritional research. Because of this we create complete and balanced diets for dogs and cats. The key ingredients of Cosmopet foods are sourced from our own farm.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="about_block">
|
|
<div class="about_cards">
|
|
<div class="about_card">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/animations/SAFETY.svg" alt="" class="about_card-gif about_card-gif1">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title">Safety</h3>
|
|
<p class="about_card-text">From the careful selection of all raw materials to the control of the finished product, your pet's well-being is of paramount importance throughout the entire process. </p>
|
|
</div>
|
|
</div>
|
|
<div class="about_card about_card-right">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-gif2.gif" alt="" class="about_card-gif about_card-gif2">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title">Hypoallergenic </h3>
|
|
<p class="about_card-text">The recipes are specially created for pets with sensitive digestion or food allergies.
|
|
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="about_card">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/animations/HIGH_ABSOLUTION.svg" alt="" class="about_card-gif about_card-gif2">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title" style="text-wrap:nowrap;">High digestibility </h3>
|
|
<p class="about_card-text">Our feeds contain turkey and E-protein, which provide a protein digestibility rate of over 90%
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="about_card about_card-right">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-gif3.gif" alt="" class="about_card-gif about_card-gif3">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title">Special structure of the granules </h3>
|
|
<p class="about_card-text">It helps maintain all forms of oral cleanliness
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="about_card">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/animations/BALANCED_RECIPE.svg" alt="" class="about_card-gif about_card-gif4">
|
|
<div class="about_card-info">
|
|
<h3 class="about_card-title">
|
|
Balanced <br>recipe </h3>
|
|
<p class="about_card-text">The right balance of calories, proteins, fats and carbohydrates helps make your pet feel full for longer</p>
|
|
</div>
|
|
</div>
|
|
<div class="about_company">
|
|
<p class="about_company-text">The feed quality meets strict FEDIAF and GOST guidelines and standards
|
|
</p>
|
|
<div class="about_company-logo">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-logo1.svg" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-logo2.svg" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-logo3.svg" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_card-logo4.svg" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="container-fluid">
|
|
<div class="about_slider aboutSlider swiper">
|
|
<button class="about_slider_nav next"><img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/slider-next.svg" alt=""></button>
|
|
<button class="about_slider_nav prev"><img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/slider-prev.svg" alt=""></button>
|
|
<div class="slider swiper-wrapper carousel">
|
|
<div class="slide swiper-slide carousel-item">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_slider-img1.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">MOS and FOS prebiotics </h3>
|
|
<p class="slide_text">Maintain a healthy balance of intestinal microflora and reduces the risk of intestinal diseases
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="slide swiper-slide slide--prev2 carousel-item">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_slider-img2.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title"> Omega 3 and fatty acids
|
|
</h3>
|
|
<p class="slide_text">They improve the functioning of the brain and maintain its normal activity, preserve the health of the skin and the shine of the coat
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="slide swiper-slide active2 swiper-slide-active carousel-item">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_slider-img3.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">Yucca schidigera
|
|
</h3>
|
|
<p class="slide_text">It stimulates digestion, even binding the substances responsible for the specific smell of dog and car faeces. As a result bowel-emptying occurs like clockwork (and with less odour!)</p>
|
|
</div>
|
|
</div>
|
|
<div class="slide swiper-slide slide--next2 carousel-item">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_slider-img4.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">Calcium, phosphorus and vitamin D </h3>
|
|
<p class="slide_text">In their optimal ratio, they support bone health, promote joint restoration and help maintain mobility</p>
|
|
</div>
|
|
</div>
|
|
<div class="slide swiper-slide carousel-item">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/about_slider-img5.png" alt="">
|
|
<div class="slide_info">
|
|
<h3 class="slide_title">E-protein
|
|
</h3>
|
|
<p class="slide_text">An easily digestible E-protein, nutritionally superior to traditional meat; being a novel source of protein, does not cause allergies in pets
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<div class="section_wrap">
|
|
<section class="sellers">
|
|
<div class="container">
|
|
<div class="seller_block">
|
|
<div class="sellers_top">
|
|
<h1 class="sellers_title">BESTSELLERS</h1>
|
|
<!-- <a href="https://cosmopet.shop/produkcziya/" class="sellers_link main_link">Вся продукция</a> -->
|
|
<div class="slider-arrows">
|
|
<button class="slider-arrow slider-arrow-prev sellerSlider-prev"></button>
|
|
<button class="slider-arrow slider-arrow-next sellerSlider-next"></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid">
|
|
|
|
<div class="sellers_slider">
|
|
<div class="swiper sellerSlider">
|
|
<div class="swiper-wrapper">
|
|
<?
|
|
|
|
$best = get_field('best');
|
|
if ($best) :
|
|
foreach ($best as $itm):
|
|
global $product;
|
|
setup_postdata($GLOBALS['post'] = &$itm);
|
|
if (has_post_thumbnail()) {
|
|
$img = get_the_post_thumbnail_url(get_the_ID(), 'medium');
|
|
} else {
|
|
$img = wc_placeholder_img_src();
|
|
}
|
|
$price = $product->get_price();
|
|
?>
|
|
<div class="swiper-slide">
|
|
|
|
<div class="sellers_card">
|
|
|
|
<a href="<?php the_permalink() ?>"><img src="<?= $img; ?>"
|
|
alt="Фото товара: <?= get_the_title(); ?>"
|
|
class="sellers_card-img"></a>
|
|
|
|
|
|
<div class="tags_block">
|
|
<a href="<?php the_permalink() ?>"
|
|
class="seller_name"><?= get_the_title(); ?></span>
|
|
|
|
|
|
<div class="seller_bt">
|
|
<p class="seller_price">
|
|
<?= $price ?> AED
|
|
</p>
|
|
<?php
|
|
if ($product->get_sale_price()):
|
|
?>
|
|
<div class="product-item__price-disc">
|
|
<p class="product-item__price-sale__text">
|
|
<?= $product->get_regular_price() ?> AED
|
|
</p>
|
|
<p class="product-item__price-sale__perc">
|
|
- <?= round(($product->get_regular_price() - $product->get_price()) / $product->get_regular_price() * 100) ?>
|
|
%
|
|
</p>
|
|
</div>
|
|
<?php endif; ?> </div>
|
|
<a class="seller_link" href="<?= get_permalink(); ?>">
|
|
<button class="seller_buy">Buy</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- </a> -->
|
|
</div>
|
|
<?
|
|
endforeach;
|
|
wp_reset_postdata();
|
|
endif;
|
|
?>
|
|
|
|
<!-- <div class="slider-arrows">
|
|
<button class="slider-arrow slider-arrow-prev sellerSlider-prev"></button>
|
|
<button class="slider-arrow slider-arrow-next sellerSlider-next"></button>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
<div class="seller_full">
|
|
<div class="container">
|
|
<a href="/shop/" class="seller_full-link">All products</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section class="truth">
|
|
<div class="container">
|
|
<div class="truth_top">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/gift.png" alt="" class="gift_img">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/gift-line.svg" alt="" class="gift_line-img">
|
|
<h2 class="truth_title">
|
|
Test your knowledge and get a <span>gift!</span>
|
|
</h2>
|
|
</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">Truth or myth?</div>
|
|
<div class="truth_block-text">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_num.svg" alt="">
|
|
<p>Turkey is the most hypoallergenic protein for cats and dogs</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">Truth</button>
|
|
<button class="truth_link btn--black-hover success_btn">Myth</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">It's a myth!</div>
|
|
<div class="truth_block-text">
|
|
<p>E-protein, an easily digestible entoprotein, is the most hypoallergenic protein for pets due to its special structure. And this type of protein is also a new source of protein for pets, so the risk of allergies to it is extremely low.
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Next</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">It's a myth!</div>
|
|
<div class="truth_block-text">
|
|
<p>E-protein, an easily digestible entoprotein, is the most hypoallergenic protein for pets due to its special structure. And this type of protein is also a new source of protein for pets, so the risk of allergies to it is extremely low. </p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Next</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">Truth or myth?</div>
|
|
<div class="truth_block-text">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_num2.svg" alt="">
|
|
<p>Dry food is not enough to maintain the pet's health </p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">Truth</button>
|
|
<button class="truth_link btn--black-hover success_btn">Myth</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">It's a myth! </div>
|
|
<div class="truth_block-text">
|
|
<p>High-quality dry food is specially designed to provide the animal with proteins, fats, vitamins, minerals and other nutrients, served in a proper proportion. And dry granules are also useful for pet's teeth, as they help remove stain and plaque.
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Next</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">It's a myth!</div>
|
|
<div class="truth_block-text">
|
|
<p>High-quality dry food is specially designed to provide the animal with proteins, fats, vitamins, minerals and other nutrients, served in a proper proportion. And dry granules are also useful for pet's teeth, as they help remove stain and plaque.
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Next</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">Truth or myth?</div>
|
|
<div class="truth_block-text">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_num3.svg" alt="">
|
|
<p>You need to transfer your pet to a new food gradually
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover success_btn">Truth</button>
|
|
<button class="truth_link btn--black-hover error_btn">Myth</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">It's true!
|
|
</div>
|
|
<div class="truth_block-text">
|
|
<p>The transition between the two diets should be gradual. Sudden changes in diet can cause stomach upset. And some pets, after such shocks, may finally lose their appetite and begin to give up high-quality, suitable food for them. The classic transition scheme takes a week:
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Next</button>
|
|
|
|
<div class="truth_result">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/success_result1.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/success_result2.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/success_result3.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/success_result4.png" alt="">
|
|
</div>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">It's true!</div>
|
|
<div class="truth_block-text">
|
|
<p>The transition between the two diets should be gradual. Sudden changes in diet can cause stomach upset. And some pets, after such shocks, may finally lose their appetite and begin to give up high-quality, suitable food for them. The classic transition scheme takes a week:
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Next</button>
|
|
<div class="truth_result">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/error_result1.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/error_result2.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/error_result3.png" alt="">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/error_result4.png" alt="">
|
|
</div>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">Truth or myth?</div>
|
|
<div class="truth_block-text">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_num4.svg" alt="">
|
|
<p>Kittens and puppies should not be fed with adult pet food on a regular basis </p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover success_btn">Truth</button>
|
|
<button class="truth_link btn--black-hover error_btn">Myth</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">It's true! </div>
|
|
<div class="truth_block-text">
|
|
<p>Food for puppies and kittens contains more fats, proteins and calories. Babies grow up fast, and an increased metabolism means a high need for energy. Therefore, if you feed puppies and kittens with adult food, they will lack nutrients. And feeding adult pets with baby food will lead to weight gain.
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Next</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">It's true! </div>
|
|
<div class="truth_block-text">
|
|
<p>Food for puppies and kittens contains more fats, proteins and calories. Babies grow up fast, and an increased metabolism means a high need for energy. Therefore, if you feed puppies and kittens with adult food, they will lack nutrients. And feeding adult pets with baby food will lead to weight gain.
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Next</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">Truth or myth?</div>
|
|
<div class="truth_block-text">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_num5.svg" alt="">
|
|
<p>A dry and hot nose in a pet is a symptom of a disease
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover error_btn">Truth</button>
|
|
<button class="truth_link btn--black-hover success_btn">Myth</button>
|
|
</div>
|
|
<img class="img--desktop2" src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/truth_img5.png" alt="">
|
|
<!-- <img class="img--mobile" src="<?= get_template_directory_uri();?>/gp-include/assets/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">It's a myth! </div>
|
|
<div class="truth_block-text">
|
|
<p>And a very common myth. In fact, a dry and hot nose is not a marker of any disease. And, for example, may indicate that the pet is asleep, has recently woken up or has just been playing very actively.
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Next</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">It's a myth! </div>
|
|
<div class="truth_block-text">
|
|
<p>And a very common myth. In fact, a dry and hot nose is not a marker of any disease. And, for example, may indicate that the pet is asleep, has recently woken up or has just been playing very actively.
|
|
</p>
|
|
</div>
|
|
<div class="truth_info">
|
|
<div class="truth_links">
|
|
<button class="truth_link btn--black-hover next_btn">Next</button>
|
|
</div>
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/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">YOUR RESULT</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>We'll give you a <strong>promo code</strong> for your first purchase in our store <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>Copy</span><span class="copied">Copied</span></button>
|
|
<a href="/shop/" class="truth__end-btn --black"><span>Shop</span></a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<!-- <div class="truth_info">
|
|
<img src="<?= get_template_directory_uri(); ?>/gp-include/assets/front-page/img/truth_img6.png" alt="">
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="discount">
|
|
<div class="container">
|
|
<div class="discount_block">
|
|
<div class="discount_top">
|
|
<h3 class="discount_title">Learn more <br> about us here. <br> Win a discount!</h3>
|
|
<div class="discount_top-imgs">
|
|
<img class="dicount_dog-img img--desktop" src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/labrador with stars.png" alt="" >
|
|
<img class="dicount_dog-img img--mobile" src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/labrador with stars -- mobile.png" alt="" >
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="discount_form">
|
|
<input type="email" placeholder="почта" class="discount_form-inp">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/discount-line.svg" alt="" class="discount-line">
|
|
<button class="discount_form-btn main_link">Подписаться</button>
|
|
</div> -->
|
|
<? echo do_shortcode('[cf7form cf7key="untitled" class="discount_form"]'); ?>
|
|
|
|
<p class="discount_form-text">By subscribing to the newsletter, I give consent to the processing of personal data, to receive promotional messages and news about goods and services </p>
|
|
<p class="discount_text">Subscribe to keep up to date with Cosmopet activities, learn about our offers and receive your personal discounts. (We promise not to spam!).
|
|
</p>
|
|
|
|
<div class="discount_cosmodog">
|
|
|
|
<div class="discount_cosmodog__slider">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_1.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_2.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_3.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_4.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_5.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_6.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_7.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_8.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_9.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_10.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_11.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_12.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_13.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="<?= get_template_directory_uri();?>/gp-include/assets/front-page/img/pets/tag_cosmopet_14.jpg" alt="" class="discount_cosmodog-img">
|
|
</div>
|
|
<div class="discount_cosmodog_info">
|
|
<h2 class="discount_cosmodog-title">#cosmodog #cosmocat</h2>
|
|
<p class="discount_cosmodog-text">Tag your pet and we'll show it to the world</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="discount_cosmodog_info">
|
|
<h2 class="discount_cosmodog-title">#cosmodog #cosmocat</h2>
|
|
<p class="discount_cosmodog-text">Tag your pet and we'll show it to everyone </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
</main>
|
|
|
|
|
|
<?php get_footer('gp_eng'); ?>
|
|
|