first commit
This commit is contained in:
@@ -0,0 +1,5 @@
|
||||
<section id="garden-page-seo" class="section-boxes-repeater">
|
||||
<div class="wrapper wrapper--inner">
|
||||
<?php the_field('tekst_seo_ogrody');?>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,5 @@
|
||||
<section id="home-page-seo" class="section-boxes-repeater">
|
||||
<div class="wrapper wrapper--inner">
|
||||
<?php the_field('tekst_seo_home_page') ?>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,61 @@
|
||||
<section id="<?php the_sub_field('section_id');?>" class="section-boxes-repeater <?php the_sub_field('section_additional_class');?>" <?php if (get_sub_field('section_bg')) { ?> style="background-image: url('<?php the_sub_field('section_bg'); ?>');" <?php } ?>>
|
||||
|
||||
<?php if (get_sub_field('section_bg')) { ?>
|
||||
<span class="bg-filter"></span>
|
||||
<?php } ?>
|
||||
|
||||
<div class="wrapper wrapper--inner">
|
||||
<h2 class="section-heading heading--md">
|
||||
<?php the_sub_field('section_heading');?>
|
||||
</h2>
|
||||
<p class="section-description">
|
||||
<?php the_sub_field('section_description');?>
|
||||
</p>
|
||||
<div class="boxes <?php the_sub_field('cards-style'); ?>">
|
||||
<?php if (have_rows('repeater')) : ?>
|
||||
<?php while (have_rows('repeater')) : the_row(); ?>
|
||||
<div class="box-single <?php the_sub_field('additional_box_class');?>">
|
||||
<?php if (the_sub_field('section_additional_class') != 'numbered-cards') : ?>
|
||||
<span class="box-counter"></span>
|
||||
<?php endif; ?>
|
||||
<?php
|
||||
$image = get_sub_field('image');
|
||||
if( !empty( $image ) ): ?>
|
||||
<div class="box-image">
|
||||
<img src="<?php echo esc_url($image['url']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" class="img-auto"/>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="box-content">
|
||||
<?php if(get_sub_field('heading')):?>
|
||||
<h3 class="box-content__heading heading--sm">
|
||||
<?php the_sub_field('heading')?>
|
||||
</h3>
|
||||
<?php endif;?>
|
||||
<?php if(get_sub_field('text')):?>
|
||||
<p class="box-content__text text-bold">
|
||||
<?php the_sub_field('text')?>
|
||||
</p>
|
||||
<?php endif;?>
|
||||
<?php if(get_sub_field('cta', 'cta_url')):?>
|
||||
<div class="cta">
|
||||
<a href="<?php the_sub_field('cta_url')?>" class="btn-link">
|
||||
<?php the_sub_field('cta')?>
|
||||
</a>
|
||||
</div>
|
||||
<?php endif;?>
|
||||
</div>
|
||||
</div>
|
||||
<?php if (have_rows('values')) : ?>
|
||||
<div class="box-relations" style="background-image: url('<?php echo get_stylesheet_directory_uri(); ?>/images/arrow.png');">
|
||||
<?php while (have_rows('values')) : the_row(); ?>
|
||||
<h3 class="box-relations__single heading-red heading">
|
||||
<?php the_sub_field('single_value')?>
|
||||
</h3>
|
||||
<?php endwhile; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endwhile; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,102 @@
|
||||
<div class="w-100">
|
||||
<?php
|
||||
$sectionHeading = get_sub_field('section_heading');
|
||||
$sectionDescription = get_sub_field('section_description');
|
||||
?>
|
||||
<?php if ($sectionHeading) : ?>
|
||||
<h2 class="text-4xl font-black">
|
||||
<?php echo $sectionHeading; ?>
|
||||
</h2>
|
||||
<?php endif; ?>
|
||||
<?php if ($sectionDescription) : ?>
|
||||
<p class="text-base">
|
||||
<?php echo $sectionDescription; ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (have_rows('faq_items')) : ?>
|
||||
<dl class="space-y-2" role="region" aria-label="<?php echo $sectionHeading; ?>">
|
||||
<?php while (have_rows('faq_items')) : the_row(); ?>
|
||||
<?php
|
||||
$single = get_sub_field('single_item');
|
||||
if ($single) :
|
||||
$question = $single['single_question'];
|
||||
$answer = strip_tags($single['single_answer']);
|
||||
?>
|
||||
<div x-data="{ open: false }">
|
||||
<dt class="bg-gray-200 flex items-center justify-between cursor-pointer select-none p-3" @click="open = !open" >
|
||||
<button class="border-none bg-transparent font-black cursor-pointer" aria-expanded="false" aria-controls="question-<?php echo get_row_index(); ?>">
|
||||
<?php echo $question; ?>
|
||||
</button>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path x-show="!open" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
|
||||
<path x-show="open" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</dt>
|
||||
<dd id="question-<?php echo get_row_index(); ?>" class="p-3" x-show="open"
|
||||
x-transition:enter="transition ease-in-out duration-300"
|
||||
x-transition:enter-start="opacity-0 transform -translate-y-6"
|
||||
x-transition:enter-end="opacity-100 transform translate-y-0"
|
||||
x-transition:leave="transition ease-in-out"
|
||||
x-transition:leave-start="opacity-100 transform translate-y-0"
|
||||
x-transition:leave-end="opacity-0 transform -translate-y-6"
|
||||
>
|
||||
<p class="text-base"><?php echo $answer; ?></p>
|
||||
</dd>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php endwhile; ?>
|
||||
</dl>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<div class="w-100">
|
||||
<?php
|
||||
$sectionHeading = get_sub_field('section_heading');
|
||||
$sectionDescription = get_sub_field('section_description');
|
||||
?>
|
||||
<?php if ($sectionHeading) : ?>
|
||||
<h2 class="text-4xl font-black">
|
||||
<?php echo $sectionHeading; ?>
|
||||
</h2>
|
||||
<?php endif; ?>
|
||||
<?php if ($sectionDescription) : ?>
|
||||
<p class="text-base">
|
||||
<?php echo $sectionDescription; ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (have_rows('faq_items')) : ?>
|
||||
<dl class="space-y-2" role="region" aria-label="<?php echo $sectionHeading; ?>">
|
||||
<?php while (have_rows('faq_items')) : the_row(); ?>
|
||||
<?php
|
||||
$single = get_sub_field('single_item');
|
||||
if ($single) :
|
||||
$question = $single['single_question'];
|
||||
$answer = strip_tags($single['single_answer']);
|
||||
?>
|
||||
<details x-data="{ open: false }"></details>
|
||||
<summary class="flex items-center justify-between cursor-pointer select-none bg-gray-200 p-3" @click="open = !open" >
|
||||
<button class="border-none bg-transparent font-black cursor-pointer" aria-expanded="false" aria-controls="question-<?php echo get_row_index(); ?>">
|
||||
<?php echo $question; ?>
|
||||
</button>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
||||
<path x-show="!open" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
|
||||
<path x-show="open" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
|
||||
</svg>
|
||||
</summary>
|
||||
<dd id="question-<?php echo get_row_index(); ?>" class="p-3 bg-transparent" x-show="open"
|
||||
x-transition:enter="transition ease-in-out duration-300"
|
||||
x-transition:enter-start="opacity-0 transform -translate-y-6"
|
||||
x-transition:enter-end="opacity-100 transform translate-y-0"
|
||||
x-transition:leave="transition ease-in-out"
|
||||
x-transition:leave-start="opacity-100 transform translate-y-0"
|
||||
x-transition:leave-end="opacity-0 transform -translate-y-6">
|
||||
<p class="text-base"><?php echo $answer; ?></p>
|
||||
</dd>
|
||||
</details>
|
||||
<?php endif; ?>
|
||||
<?php endwhile; ?>
|
||||
</dl>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
@@ -0,0 +1,28 @@
|
||||
<section id="<?php the_sub_field('section_id');?>" class="section-gallery <?php the_sub_field('additional_section_class'); ?>">
|
||||
<div class="wrapper wrapper--inner <?php the_sub_field('additional_wrapper_class'); ?> <?php the_sub_field('additional_class'); ?>">
|
||||
<h2 class="section-heading heading--md text-center">
|
||||
<?php the_sub_field('section_heading');?>
|
||||
</h2>
|
||||
<?php
|
||||
$images = get_sub_field('gallery');
|
||||
if( $images ): ?>
|
||||
<ul id="gallery-lightbox" class="gallery">
|
||||
<?php foreach( $images as $image ): ?>
|
||||
<li class="gallery-image">
|
||||
<!-- <a data-fslightbox="gallery" href="<?php echo esc_url($image['sizes']['large']); ?>"> -->
|
||||
<img src="<?php echo esc_url($image['sizes']['large']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" />
|
||||
<!-- </a> -->
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<div id="lightbox" class="lightbox"></div>
|
||||
|
||||
<!-- <div class="cta">
|
||||
<?php $cta = get_sub_field('cta'); ?>
|
||||
<a href="<?php echo $cta['url'];?>" class="btn btn-primary">
|
||||
<?php echo $cta['title'] ?>
|
||||
</a>
|
||||
</div> -->
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,65 @@
|
||||
<section id="hero-slider" class="hero-slider swiper">
|
||||
<div class="swiper-wrapper wrapper--inner">
|
||||
<?php if (have_rows('single-slide')) : ?>
|
||||
<?php while (have_rows('single-slide')) : the_row(); ?>
|
||||
<div class="swiper-slide" style="background: url('<?php the_sub_field('background'); ?>');">
|
||||
|
||||
<span class="bg-filter"></span>
|
||||
|
||||
<!-- <div class="wrapper "> -->
|
||||
<?php if(have_rows('slide_main_heading')): ?>
|
||||
<?php while(have_rows('slide_main_heading')): the_row();?>
|
||||
<?php if(get_sub_field('choose_heading') == 'h1'): ?>
|
||||
<h1 class="hero-slider-heading heading--xl text-white">
|
||||
<?= the_sub_field('heading'); ?>
|
||||
</h1>
|
||||
<?php else: ?>
|
||||
<h2 class="hero-slider-heading heading--xl text-white">
|
||||
<?= the_sub_field('heading'); ?>
|
||||
</h2>
|
||||
<?php endif; ?>
|
||||
<?php endwhile; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (have_rows('slide_content')) : ?>
|
||||
<?php while (have_rows('slide_content')) : the_row(); ?>
|
||||
|
||||
<div class="flex flex-col hero-slider-content box box--dark">
|
||||
<?php if (get_sub_field('heading')) : ?>
|
||||
<h2 class="hero-heading heading heading--md text-white">
|
||||
<?php the_sub_field('heading'); ?>
|
||||
</h2>
|
||||
<?php endif; ?>
|
||||
<?php if (get_sub_field('description')) : ?>
|
||||
<p class="hero-slider-text text-regular text-white">
|
||||
<?php the_sub_field('description'); ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
<?php
|
||||
$cta = get_sub_field('cta');
|
||||
if( $cta ):
|
||||
$cta_url = $cta['url'];
|
||||
$cta_title = $cta['title'];
|
||||
$cta_target = $cta['target'] ? $cta['target'] : '_self';
|
||||
?>
|
||||
<a class="btn btn-secondary" href="<?php echo esc_url( $cta_url ); ?>" target="<?php echo esc_attr( $cta_target ); ?>"><?php echo esc_html( $cta_title ); ?></a>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
<?php endwhile; ?>
|
||||
<?php endif; ?>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
<?php endwhile; ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<div class="swiper-nav">
|
||||
<div class="swiper-button swiper-button-prev">
|
||||
</div>
|
||||
<div class="swiper-button swiper-button-next">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -0,0 +1,23 @@
|
||||
<?php
|
||||
$form_shortcode = get_sub_field('form_shortcode');
|
||||
?>
|
||||
|
||||
|
||||
<section id="<?php get_sub_field('section_id');?>" class="hero-with-form">
|
||||
<div class="hero-wrapper wrapper--inner" style="background: url('<?php the_sub_field('background_image'); ?>');">
|
||||
<span class="bg-filter"></span>
|
||||
<div class="hero-content">
|
||||
<h1 class="hero-heading heading--xl text-white">
|
||||
<?php the_sub_field('heading'); ?>
|
||||
</h1>
|
||||
<p class="hero-text text-white">
|
||||
<?php the_sub_field('text'); ?>
|
||||
</p>
|
||||
</div>
|
||||
<div class="hero-form">
|
||||
<?php echo do_shortcode($form_shortcode); ?>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -0,0 +1,11 @@
|
||||
<section class="h-screen w-full bg-cover bg-center" style="background-image: url(<?php the_sub_field('background'); ?>)">
|
||||
<div class="container mx-auto pt-48">
|
||||
<h2 class="text-4xl md:text-8xl font-heading text-white text-right mb-2">
|
||||
<?php the_sub_field('heading'); ?>
|
||||
</h2>
|
||||
<h3 class="text-4xl md:text-7xl font-heading text-white text-right after:content-flowerWhite after:inline-block">
|
||||
<?php the_sub_field('sub_heading'); ?>
|
||||
<!-- <img src="<?php the_sub_field('sub_heading_after_image')?>" alt=""> -->
|
||||
</h3>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,42 @@
|
||||
<section class="one-col-cta-images wrapper--inner <?php the_sub_field('additional_section_class'); ?> <?php the_sub_field('section_position'); ?>">
|
||||
<div class="wrapper bg-gray">
|
||||
<?php if (get_sub_field('section_heading')) : ?>
|
||||
<h2 class="heading">
|
||||
<?php echo esc_html(get_sub_field('section_heading')); ?>
|
||||
</h2>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (get_sub_field('text')) : ?>
|
||||
<p class="text">
|
||||
<?php echo wp_kses_post(get_sub_field('text')); ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (have_rows('cta_repeater')) : ?>
|
||||
<div class="cta">
|
||||
<?php while (have_rows('cta_repeater')) : the_row(); ?>
|
||||
<?php if (get_sub_field('cta') && get_sub_field('cta_text')) : ?>
|
||||
<a href="<?php echo esc_url(get_sub_field('cta')); ?>" class="btn btn-primary" role="button" aria-label="<?php echo esc_html(get_sub_field('cta_text')); ?>">
|
||||
<?php echo esc_html(get_sub_field('cta_text')); ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
<?php endwhile; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php
|
||||
$images = get_sub_field('gallery');
|
||||
if( $images ): ?>
|
||||
<ul class="gallery">
|
||||
<?php foreach( $images as $image ): ?>
|
||||
<li class="gallery-image">
|
||||
<!-- <a href="<?php echo esc_url($image['url']); ?>"> -->
|
||||
<img src="<?php echo esc_url($image['sizes']['large']); ?>" alt="<?php echo esc_attr($image['alt']); ?>" class="img-auto"/>
|
||||
<!-- </a> -->
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<?php endif; ?>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,27 @@
|
||||
<section class="one-col-cta <?php the_sub_field('additional_section_class'); ?> <?php the_sub_field('section_position'); ?>">
|
||||
<div class="wrapper wrapper--inner bg-gray">
|
||||
<?php if (get_sub_field('section_heading')) : ?>
|
||||
<h2 class="heading">
|
||||
<?php echo esc_html(get_sub_field('section_heading')); ?>
|
||||
</h2>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (get_sub_field('text')) : ?>
|
||||
<p class="text">
|
||||
<?php echo wp_kses_post(get_sub_field('text')); ?>
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if (have_rows('cta_repeater')) : ?>
|
||||
<div class="cta">
|
||||
<?php while (have_rows('cta_repeater')) : the_row(); ?>
|
||||
<?php if (get_sub_field('cta') && get_sub_field('cta_text')) : ?>
|
||||
<a href="<?php echo esc_url(get_sub_field('cta')); ?>" class="btn btn-primary" role="button" aria-label="<?php echo esc_html(get_sub_field('cta_text')); ?>">
|
||||
<?php echo esc_html(get_sub_field('cta_text')); ?>
|
||||
</a>
|
||||
<?php endif; ?>
|
||||
<?php endwhile; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,27 @@
|
||||
<section class="container mx-auto py-8 md:py-28 relative before:content-leafsGreen before:absolute before:top-0 before:right-0 xs:before:hidden">
|
||||
<h2 class="font-heading before:content-flower2 text-4xl md:text-7xl mt-4 mb-4 md:mb-16 flex items-center before:pt-2">
|
||||
<?php the_sub_field('section_heading'); ?>
|
||||
</h2>
|
||||
<div class="section-repeater md:grid md:grid-cols-2 lg:grid-cols-3 md:gap-x-24 lg:gap-x-12 gap-y-12 mb-16">
|
||||
<?php if (have_rows('item_repeater')) : ?>
|
||||
<?php while (have_rows('item_repeater')) : the_row(); ?>
|
||||
<div class="section-repeater-item flex-column mb-20 md:mb-8">
|
||||
<div class="section-repeater-item-image grid place-items-center w-full h-auto mb-4 after:content-leafsRounded relative after:absolute after:right-0 lg:after:mr-[-80px] xl:after:mr-[-14px] 2xl:after:mr-0 after:top-2 xs:after:hidden">
|
||||
<img class="rounded-full object-cover object-center h-40 md:w-50 lg:w-72 w-40 md:h-50 lg:h-72 mb-4" src="<?php $image = the_sub_field('item_image'); ?>" alt="">
|
||||
</div>
|
||||
<p class="text-center">
|
||||
<?php the_sub_field('item_text'); ?>
|
||||
</p>
|
||||
</div>
|
||||
<?php endwhile; ?>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<p class="text-center mb-9">
|
||||
<?php the_sub_field('section_text'); ?>
|
||||
</p>
|
||||
<div class="cta flex">
|
||||
<a class="mx-auto btn" href="<?php the_sub_field('cta') ?>">
|
||||
<?php the_sub_field('cta_text'); ?>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,25 @@
|
||||
<section class="two-cols-with-bg <?php the_sub_field('additional_section_class'); ?>" style="background-image: url('<?php the_sub_field('background_image'); ?>');">
|
||||
<span class="bg-filter"></span>
|
||||
<div class="wrapper wrapper--inner <?php the_sub_field('additional_wrapper_class'); ?> <?php the_sub_field('additional_class'); ?>">
|
||||
<div class="col col-text text-white">
|
||||
<h2 class="section-heading heading heading--md <?php the_sub_field('heading_position'); ?>">
|
||||
<?php the_sub_field('section_heading'); ?>
|
||||
</h2>
|
||||
<div class="col-text-content">
|
||||
<p class="p-text text-regular">
|
||||
<?php the_sub_field('text'); ?>
|
||||
</p>
|
||||
<?php if (get_sub_field('cta')) : ?>
|
||||
<div class="cta">
|
||||
<a href="<?php the_sub_field('cta')?>" class="btn btn-primary">
|
||||
<?php the_sub_field('cta_text'); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-image">
|
||||
<img src="<?php the_sub_field('image')?>" alt="" class="img-auto section-image">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,32 @@
|
||||
<section class="two-cols <?php the_sub_field('additional_section_class'); ?>">
|
||||
<div class="wrapper wrapper--inner <?php the_sub_field('additional_wrapper_class'); ?> <?php the_sub_field('additional_class'); ?>">
|
||||
<div class="col col-text">
|
||||
<?php if( get_sub_field('choose_heading') == 'h1' ): ?>
|
||||
<h1 class="section-heading heading heading--md <?php the_sub_field('heading_position'); ?>">
|
||||
<?php the_sub_field('section_heading'); ?>
|
||||
</h1>
|
||||
<?php else: ?>
|
||||
<h2 class="section-heading heading heading--md <?php the_sub_field('heading_position'); ?>">
|
||||
<?php the_sub_field('section_heading'); ?>
|
||||
</h2>
|
||||
<?php endif; ?>
|
||||
<div class="col-text-content">
|
||||
<!-- <p class="p-text text-regular"> -->
|
||||
<?php the_sub_field('text'); ?>
|
||||
<!-- </p> -->
|
||||
<?php if (get_sub_field('cta')) : ?>
|
||||
<div class="cta">
|
||||
<a href="<?php the_sub_field('cta')?>" class="btn btn-primary">
|
||||
<?php the_sub_field('cta_text'); ?>
|
||||
</a>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col col-image">
|
||||
<div class="image-wrapper">
|
||||
<img src="<?php the_sub_field('image')?>" alt="" class="img-auto section-image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,5 @@
|
||||
<section id="<?php the_sub_field('section_id');?>" class="section-wysiwyg">
|
||||
<div class="wrapper wrapper--inner <?php the_sub_field('additional_wrapper_class'); ?> <?php the_sub_field('additional_class'); ?>">
|
||||
<?php the_sub_field('wysiwyg'); ?>
|
||||
</div>
|
||||
</section>
|
||||
Reference in New Issue
Block a user