Сайт Fakel Gym
https://fakelgym.cp.good-production.xyz/
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.
61 lines
4.8 KiB
61 lines
4.8 KiB
<?php
|
|
/**
|
|
* Template Name: Шаблон страницы спасибо за заявку
|
|
*/
|
|
get_header();
|
|
?>
|
|
<section class="max-[768px]:py-[40px] py-[90px]">
|
|
<div class="container mx-auto">
|
|
<h2 class="max-[1050px]:text-[28px] max-[768px]:text-[24px] font-[500] text-[32px] leading-[115%] text-center">
|
|
<strong>Подписывайтесь</strong> на нас:
|
|
</h2>
|
|
<div class="max-[768px]:mt-[24px] flex gap-[24px] flex-wrap justify-center mt-[40px]">
|
|
<?php $vk = get_field('vk'); ?>
|
|
<div class=" relative h-[580px] w-[424px] pb-[24px] flex flex-col px-[24px]">
|
|
<?php if ($vk) : ?>
|
|
<img class="w-full h-full rounded-[12px] object-cover absolute inset-0"
|
|
src="<?php echo esc_url($vk['url']); ?>" alt="<?php echo esc_attr($vk['alt']); ?>"/>
|
|
<?php endif; ?>
|
|
<div class="relative z-[1] mt-auto flex flex-col gap-[24px]">
|
|
<a class="!no-underline transition red-gradient-hover gap-[12px] w-full rounded-[90px] flex items-center justify-center h-[75px]" href="https://vk.com/fakelgym" target="_blank">
|
|
<span class="font-[600] text-[18px] leading-[195%] text-[#f8f8f8]">Подписаться</span>
|
|
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M0 17.5C0 7.83502 7.83502 0 17.5 0C27.165 0 35 7.83502 35 17.5C35 27.165 27.165 35 17.5 35C7.83502 35 0 27.165 0 17.5Z" fill="url(#paint0_linear_4064_4274)" />
|
|
<path d="M22.3612 11.7656C22.8445 11.7656 23.2366 12.1578 23.2366 12.641V20.5156C23.2366 20.9989 22.8445 21.391 22.3612 21.391C21.878 21.391 21.4858 20.9989 21.4858 20.5156V14.7544L13.258 22.9823C12.9163 23.324 12.3617 23.324 12.02 22.9823C11.6782 22.6406 11.6782 22.0859 12.02 21.7442L20.2478 13.5164H14.4866C14.0033 13.5164 13.6112 13.1243 13.6112 12.641C13.6112 12.1578 14.0033 11.7656 14.4866 11.7656H22.3612Z" fill="#F8F8F8" />
|
|
<defs>
|
|
<linearGradient id="paint0_linear_4064_4274" x1="0" y1="17.5" x2="35" y2="17.5" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0.443137" stop-color="#F8F8F8" stop-opacity="0.34" />
|
|
<stop offset="0.929023" stop-color="white" stop-opacity="0.72" />
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<?php $dzen = get_field('dzen'); ?>
|
|
<div class="relative h-[580px] w-[424px] pb-[24px] flex flex-col px-[24px]">
|
|
<?php if ($dzen) : ?>
|
|
<img class="w-full h-full rounded-[12px] object-cover absolute inset-0"
|
|
src="<?php echo esc_url($dzen['url']); ?>" alt="<?php echo esc_attr($dzen['alt']); ?>"/>
|
|
<?php endif; ?>
|
|
<div class="relative z-[1] mt-auto flex flex-col gap-[24px]">
|
|
<a class="!no-underline red-gradient-hover gap-[12px] w-full rounded-[90px] flex items-center justify-center h-[75px]" href="https://dzen.ru/id/63d29eb15cb285585078a426" target="_blank">
|
|
<span class="font-[600] text-[18px] leading-[195%] text-[#f8f8f8]">Подписаться</span>
|
|
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M0 17.5C0 7.83502 7.83502 0 17.5 0C27.165 0 35 7.83502 35 17.5C35 27.165 27.165 35 17.5 35C7.83502 35 0 27.165 0 17.5Z" fill="url(#paint0_linear_4064_4274)" />
|
|
<path d="M22.3612 11.7656C22.8445 11.7656 23.2366 12.1578 23.2366 12.641V20.5156C23.2366 20.9989 22.8445 21.391 22.3612 21.391C21.878 21.391 21.4858 20.9989 21.4858 20.5156V14.7544L13.258 22.9823C12.9163 23.324 12.3617 23.324 12.02 22.9823C11.6782 22.6406 11.6782 22.0859 12.02 21.7442L20.2478 13.5164H14.4866C14.0033 13.5164 13.6112 13.1243 13.6112 12.641C13.6112 12.1578 14.0033 11.7656 14.4866 11.7656H22.3612Z" fill="#F8F8F8" />
|
|
<defs>
|
|
<linearGradient id="paint0_linear_4064_4274" x1="0" y1="17.5" x2="35" y2="17.5" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0.443137" stop-color="#F8F8F8" stop-opacity="0.34" />
|
|
<stop offset="0.929023" stop-color="white" stop-opacity="0.72" />
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php get_footer(); ?>
|
|
|