/home/bdqbpbxa/demo-subdomains/artcosmetic.goodface.com.ua/wp-content/themes/odrex/front-page.php
<?php
// Template name: Home page
get_header();
$template_directory = get_template_directory_uri();
$srcset = $template_directory . 'assets/images/lazyload.png';
?>
<section class="logo-section">
<div class="container">
<div class="logo">
<img class="lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory; ?>/assets/images/logo.png" alt="logo">
</div>
</div>
</section>
<section class="occasion-calendar">
<div class="container">
<h2 class="title title-1 mob-title-1">
Календар подій
</h2>
<div class="ocassion-swiper__wrapper">
<div class="swiper__navigation">
<div class="swiper__navigation-button swiper-button-prev"></div>
<div class="swiper__navigation-button swiper-button-next"></div>
</div>
<div class="occasion-swiper">
<div class="swiper-wrapper">
<?php
$events = get_field('events');
foreach($events as $item) :
if ($item['date'] && $item['img'] && $item['title'] && $item['link'] && $item['tag']) :
?>
<a href="<?php echo $item['link']['url']; ?>" <?php echo $item['link']['target']; ?> class="swiper-slide">
<p class="date"><?php echo $item['date']; ?></p>
<div class="img">
<img class="lazyload" <?php echo $srcset; ?> src="<?php echo $item['img']['url']; ?>" alt="<?php echo $item['img']['alt']; ?>">
</div>
<p class="tag">
<?php echo $item['tag']; ?>
</p>
<p class="title">
<?php echo $item['title']; ?>
</p>
</a>
<?php
endif;
endforeach;
?>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</section>
<section class="text-section">
<div class="container">
<div class="text-editor">
<?php
the_field('text_section');
?>
</div>
</div>
</section>
<section class="partners-section">
<div class="container">
<h2 class="title title-1 mob-title-1">
Наші партнери
</h2>
<div class="partners-swiper__wrapper">
<div class="swiper__navigation">
<div class="swiper__navigation-button swiper-button-prev"></div>
<div class="swiper__navigation-button swiper-button-next"></div>
</div>
<div class="partners-swiper">
<div class="swiper-wrapper">
<a href="https://odrex.ua/" class="swiper-slide">
<img class="lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory ?>/assets/images/odrex-logo.png" alt="">
</a>
<a href="https://hub.odrex.ua/" class="swiper-slide">
<img class="lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory ?>/assets/images/medical-odrex-logo.png" alt="">
</a>
<a href="https://odrex.ua/" class="swiper-slide">
<img class="lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory ?>/assets/images/odrex-logo.png" alt="">
</a>
<a href="https://hub.odrex.ua/" class="swiper-slide">
<img class="lazyload" <?php echo $srcset; ?> src="<?php echo $template_directory ?>/assets/images/medical-odrex-logo.png" alt="">
</a>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</section>
<?php
get_footer();
?>
