<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.1/css/swiper.min.css"></link>
<img class="header-img" itemprop="image" title="" alt="" src="/assets/sections/topptube.png">
<div class="swiper-button-prev"><img class="arrow_nav_yt" itemprop="image" title="" alt="" src="/assets/test/arrow_prev.png"></div>
<div class="swiper-button-next"><img class="arrow_nav_yt" itemprop="image" title="" alt="" src="/assets/test/arrow_next.png"></div>
<div class="swiper-container swiper-container-horizontal" id="topp-youtube-video-container">
<div class="swiper-wrapper" id="topp-youtube-video-wrapper">
<div class="swiper-slide " style="margin-right: 20px;">
<iframe allowfullscreen="" frameborder="0" height="170" src="https://www.youtube.com/embed/AuWd49ns9cs?autoplay=0&showinfo=0"" type="text/html" width="320">
</iframe>
<p class="yt-title">this is a title about this video that we have made</p>
<a href="https://www.youtube.com/results?search_query=topptube" class="yt-btn button tiny external outline {$modifiers}">til youtube</a>
</div>
<div class="swiper-slide" style="margin-right: 20px;">
<iframe allowfullscreen="" frameborder="0" height="170" src="https://www.youtube.com/embed/L7Bj8JIbh5E?autoplay=0&showinfo=0"" type="text/html" width="320">
</iframe>
<p class="yt-title">this is a title about this video that we have made</p>
<a href="https://www.youtube.com/results?search_query=topptube" class="yt-btn button tiny external outline {$modifiers}">til youtube</a>
</div>
<div class="swiper-slide" style="margin-right: 20px;">
<iframe allowfullscreen="" frameborder="0" height="170" src="https://www.youtube.com/embed/L7Bj8JIbh5E?autoplay=0&showinfo=0"" type="text/html" width="320">
</iframe>
<p class="yt-title">this is a title about this video that we have made</p>
<a href="https://www.youtube.com/results?search_query=topptube" class="yt-btn button tiny external outline {$modifiers}">til youtube</a>
</div>
</div>
</div>