Skip to content

Instantly share code, notes, and snippets.

View morethenlife's full-sized avatar
🏠
Working from home

Roman Kopka morethenlife

🏠
Working from home
View GitHub Profile
@morethenlife
morethenlife / index.html
Created December 24, 2019 13:57 — forked from Sharifur/index.html
Vertical slider w/ parallax — Swiper + GSAP
<div id="js-cta-slider" class="cta__slider-wrapper swiper-container">
<div class="swiper-wrapper cta__slider">
<!-- SLIDER ITEM -->
<div class="cta__slider-item swiper-slide">
<picture class="media-wrapper slide-inner">
<img src="http://deghq.com/yapp/front-labs/codepen-assets/slide-4.jpg" alt="Degordian">
</picture>
</div>
<!-- SLIDER ITEM -->
<?php if( have_rows('faqs') ): ?>
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<?php $i=1; while ( have_rows('faqs') ) : the_row(); ?>
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading-<?php echo $i; ?>">
<h2 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse-<?php echo $i; ?>" aria-expanded="true" aria-controls="collapseOne">
<?php the_sub_field('question'); ?>
</a>
</h2>