/home/bdqbpbxa/demo-subdomains/sparkskyiv.goodface.com.ua/wp-content/themes/sparks/kitchenbar.php
<?php
/**
*Template Name: Кухня и бар
*/
get_header();
$b = get_field('bar_title');
?>
<div id="kitchen" class="block kitchen clearfix">
<div class="half pattern">
<div class="letter"><?php echo mb_substr(get_field('kitchen_title'),0,1); ?></div>
<div class="inner">
<p class="heading black-heading heading2"><?php the_field('kitchen_title'); ?></p>
<div class="text"><?php the_field('kitchen_text'); ?></div>
<div class="buttons">
<a href="<?php the_field('kitchen_file'); ?>" target="_blank" class="link">
<span class="icon-text"><?php the_field('kitchen_link_text'); ?></span>
<span class="icon">
<svg width="24" height="18" viewBox="0 0 24 18">
<path d="M12 18C4.205 18 0 11.612 0 9s4.205-9 12-9 12 6.388 12 9-4.205 9-12 9zm0-16C5.216 2 2 7.615 2 9c0 1.385 3.216 7 10 7s10-5.615 10-7c0-1.385-3.216-7-10-7zm0 12c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm0-8c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3z" fill="#d79660" fill-rule="evenodd"/>
</svg>
</span>
</a>
</div>
</div>
</div>
<?php $images = get_field('kitchen_gallery'); ?>
<div class="half">
<div class="slider kitchen-slider">
<?php foreach($images as $image) { ?>
<div class="slide">
<div class="image" style="background-image: url('<?php echo $image['url']; ?>');"></div>
</div>
<?php } ?>
</div>
</div>
</div>
<div id="bar" class="block kitchen bar clearfix">
<div class="half pattern">
<div class="letter"><?php echo mb_substr($b,0,1); ?></div>
<div class="inner">
<p class="heading black-heading heading2"><?php the_field('bar_title'); ?></p>
<div class="text"><?php the_field('bar_text'); ?></p>
</div>
<div class="buttons">
<a href="<?php the_field('bar_file'); ?>" target="_blank" class="link">
<span class="icon-text"><?php the_field('bar_link_text'); ?></span>
<span class="icon">
<svg width="24" height="18" viewBox="0 0 24 18">
<path d="M12 18C4.205 18 0 11.612 0 9s4.205-9 12-9 12 6.388 12 9-4.205 9-12 9zm0-16C5.216 2 2 7.615 2 9c0 1.385 3.216 7 10 7s10-5.615 10-7c0-1.385-3.216-7-10-7zm0 12c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm0-8c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3z" fill="#d79660" fill-rule="evenodd"/>
</svg>
</span>
</a>
</div>
</div>
</div>
<?php $images = get_field('bar_gallery'); ?>
<div class="half">
<div class="slider kitchen-slider">
<?php foreach($images as $image) { ?>
<div class="slide">
<div class="image" style="background-image: url('<?php echo $image['url']; ?>');"></div>
</div>
<?php } ?>
</div>
</div>
</div>
<div class="block reserve">
<div class="reserve-block">
<div class="border border-top">
<div class="point point-left"></div>
<div class="point point-right"></div>
</div>
<div class="reserve-inner">
<p class="heading black-heading heading2"><?php the_field('order_title'); ?></p>
<div class="text">
<p><?php the_field('order_text'); ?></p>
</div>
<a href="tel:<?php the_field('phone','option'); ?>" class="tel"><?php the_field('phone','option'); ?></a>
</div>
<div class="border border-bottom">
<div class="point point-left"></div>
<div class="point point-right"></div>
</div>
</div>
</div>
<?php
get_footer();
