%PDF-
%PDF-
Mini Shell
Mini Shell
<?php
/*
Template Name: Age limits
*/
get_header();
?>
<div class="container">
<div class="row">
<div class="col-lg-8">
<h1 class="h1 main-title">age limits & healing times</h1>
</div>
<div class="col-lg-4">
<p class="strong">
We are known for revolutionising the curated ear. From piercings, to ear cuffs and stacks. Now we're taking on the tattoo world.
</p>
</div>
</div>
<div class="tab-wrapper-js">
<div class="tabs">
<button type="button" class="tabs__item active tab-js" data-tab="0">
<span>Piercing</span>
</button>
<button type="button" class="tabs__item tab-js" data-tab="1">
<span>Tatoos</span>
</button>
<button type="button" class="tabs__item tab-js" data-tab="2">
<span>Laser</span>
</button>
</div>
<div class="tabs-content__list">
<div class="tabs-content__item tab-content-js" data-tab="0">
<div class="accordion__wrapper">
<div class="piercing-wrapper piercing-wrapper-js">
<div class="select-piercing">
<span class="h3 text-bold text-uppercase mr-10">
lern more about
</span>
<div class="select select-dropdown select-custom-js" id="select-piercing">
<div class="select__header">
<span class="select__current">
Ears piercing
</span>
<input type="hidden" class="select-input" />
</div>
<div class="select__body">
<div class="select__item" data-value="ears">
Ears piercing
</div>
<div class="select__item" data-value="face">
Face piercing
</div>
<div class="select__item" data-value="body">
Body piercing
</div>
</div>
</div>
</div>
<div class="piercing-content piercing-content-js" data-piercing="ears">
<div class="row">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<?php while (have_rows('ears')) : the_row(); ?>
<div class="piercing-text content-wrapper">
<?php the_sub_field('content'); ?>
</div>
<?php endwhile; ?>
</div>
<div class="col-12 col-lg-6 order-0 order-lg-1">
<div class="piercing-points">
<div class="piercing-points__text">
Point to piercing<br>to learn about age limits
</div>
<?php while (have_rows('ears')) : the_row(); ?>
<?php $image = get_sub_field('image');
if (!empty($image)) : ?>
<div class="piercing-points__bg"><img class="img-responsive" src="<?php echo esc_url($image['url']); ?>" alt="piercing ears"></div>
<?php endif; ?>
<div class="piercing-points__wrap">
<?php while (have_rows('tippy_info')) : the_row(); ?>
<span class="piercing-points__item piercing-points_1" data-tippy-content="<?php the_sub_field('forward_helix'); ?>"></span>
<span class="piercing-points__item piercing-points_2" data-tippy-content="<?php the_sub_field('rook'); ?>"></span>
<span class="piercing-points__item piercing-points_3" data-tippy-content="<?php the_sub_field('flat'); ?>"></span>
<span class="piercing-points__item piercing-points_4" data-tippy-content="<?php the_sub_field('helix'); ?>"></span>
<span class="piercing-points__item piercing-points_5" data-tippy-content="<?php the_sub_field('daith'); ?>"></span>
<span class="piercing-points__item piercing-points_6" data-tippy-content="<?php the_sub_field('contra_conch'); ?>"></span>
<span class="piercing-points__item piercing-points_7" data-tippy-content="<?php the_sub_field('tragus'); ?>"></span>
<span class="piercing-points__item piercing-points_8" data-tippy-content="<?php the_sub_field('conch'); ?>"></span>
<span class="piercing-points__item piercing-points_9" data-tippy-content="<?php the_sub_field('anti-tragus'); ?>"></span>
<span class="piercing-points__item piercing-points_10" data-tippy-content="<?php the_sub_field('3rd_lobe'); ?>"></span>
<span class="piercing-points__item piercing-points_11" data-tippy-content="<?php the_sub_field('2rd_lobe'); ?>"></span>
<span class="piercing-points__item piercing-points_12" data-tippy-content="<?php the_sub_field('lobe'); ?>"></span>
<?php endwhile; ?>
</div>
<?php endwhile; ?>
</div>
</div>
</div>
</div>
<div class="piercing-content piercing-content-js" data-piercing="face" style="display:none">
<div class="row">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<?php while (have_rows('face')) : the_row(); ?>
<div class="piercing-text content-wrapper">
<?php the_sub_field('content'); ?>
</div>
<?php endwhile; ?>
</div>
<div class="col-12 col-lg-6 order-0 order-lg-1">
<?php while (have_rows('face')) : the_row(); ?>
<?php $image = get_sub_field('image');
if (!empty($image)) : ?>
<div class="piercing-img">
<img class="img-responsive" src="<?php echo esc_url($image['url']); ?>" alt="piercing face">
</div>
<?php endif; ?>
<?php endwhile; ?>
</div>
</div>
</div>
<div class="piercing-content piercing-content-js" data-piercing="body" style="display:none">
<div class="row">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<?php while (have_rows('body')) : the_row(); ?>
<div class="piercing-text content-wrapper">
<?php the_sub_field('content'); ?>
</div>
<?php endwhile; ?>
</div>
<div class="col-12 col-lg-6 order-0 order-lg-1">
<?php while (have_rows('body')) : the_row(); ?>
<?php $image = get_sub_field('image');
if (!empty($image)) : ?>
<div class="piercing-img">
<img class="img-responsive" src="<?php echo esc_url($image['url']); ?>" alt="piercing body">
</div>
<?php endif; ?>
<?php endwhile; ?>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tabs-content__item tab-content-js" data-tab="1">
<div class="accordion__wrapper">
<div class="row">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<?php while (have_rows('tatoos')) : the_row(); ?>
<div class="content-wrapper">
<?php the_sub_field('content'); ?>
</div>
<?php endwhile; ?>
</div>
<div class="col-12 col-lg-6 order-0 order-lg-1">
<?php while (have_rows('tatoos')) : the_row(); ?>
<?php $image = get_sub_field('image');
if (!empty($image)) : ?>
<div class="piercing-img">
<img class="img-responsive" src="<?php echo esc_url($image['url']); ?>" alt="tatto">
</div>
<?php endif; ?>
<?php endwhile; ?>
</div>
</div>
</div>
</div>
<div class="tabs-content__item tab-content-js" data-tab="2">
<div class="accordion__wrapper">
<div class="row">
<div class="col-12 col-lg-6 order-1 order-lg-0">
<?php while (have_rows('laser')) : the_row(); ?>
<div class="content-wrapper">
<?php the_sub_field('content'); ?>
</div>
<?php endwhile; ?>
</div>
<div class="col-12 col-lg-6 order-0 order-lg-1">
<?php while (have_rows('laser')) : the_row(); ?>
<?php $image = get_sub_field('image');
if (!empty($image)) : ?>
<div class="piercing-img">
<img class="img-responsive" src="<?php echo esc_url($image['url']); ?>" alt="tatto">
</div>
<?php endif; ?>
<?php endwhile; ?>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php get_template_part('template-parts/subscribe') ?>
<?php get_footer(); ?>
Zerion Mini Shell 1.0