Progress-bar swiper [HTML]
Fri Feb 16 2024 08:33:00 GMT+0000 (Coordinated Universal Time)
Saved by @homunculus #javascript
<div class="p-mainvisual slider"> <div class="p-mainvisual__container swiper-container js-mainvisual-container"> <div class="p-mainvisual__swiper swiper-wrapper"> <div class="p-mainvisual__swiper-slide swiper-slide" data-swiper-autoplay="3000"> <img src="<%= getRelativePath('/assets/images/index/img_index_mv1.jpg'); %>" alt=""> </div> <div class="p-mainvisual__swiper-slide swiper-slide" data-swiper-autoplay="3000"> <img src="<%= getRelativePath('/assets/images/index/img_index_mv2.jpg'); %>" alt=""> </div> <div class="p-mainvisual__swiper-slide swiper-slide" data-swiper-autoplay="3000"> <img src="<%= getRelativePath('/assets/images/index/img_index_mv3.jpg'); %>" alt=""> </div> </div> <div class="p-mainvisual__progress swiper-hero-progress js-mainvisual-progress"></div> <div class="p-mainvisual__text">人と自然に<br class="u-only-sp">快適な環境を創る</div> <div class="p-mainvisual__buttons"> <span class="c-rounded-btn js-pop-up"> <picture> <source srcset="<%= getRelativePath('/assets/images/index/img_index_mv_logo1-sp.png.webp'); %>" media="(max-width:767px)" type="image/webp"> <source srcset="<%= getRelativePath('/assets/images/index/img_index_mv_logo1-sp.png'); %>" media="(max-width:767px)"> <source srcset="<%= getRelativePath('/assets/images/index/img_index_mv_logo1.png.webp'); %>" type="image/webp"> <img src="<%= getRelativePath('/assets/images/index/img_index_mv_logo1.png'); %>" alt="エコアクション21認定登録"> </picture> </span> <div class="c-rounded-btn__group"> <a href="https://www3.sanpainet.or.jp/chukan2/company/19452/" target="_blank" class="c-rounded-btn"> <picture> <source srcset="<%= getRelativePath('/assets/images/index/img_index_mv_logo2-sp.png.webp'); %>" media="(max-width:767px)" type="image/webp"> <source srcset="<%= getRelativePath('/assets/images/index/img_index_mv_logo2-sp.png'); %>" media="(max-width:767px)"> <source srcset="<%= getRelativePath('/assets/images/index/img_index_mv_logo2.png.webp'); %>" type="image/webp"> <img src="<%= getRelativePath('/assets/images/index/img_index_mv_logo2.png'); %>" alt="優良産廃処理業者認定"> </picture> </a> <a href="<%= getRelativePath('/certificate/'); %>" class="c-rounded-btn"> <picture> <source srcset="<%= getRelativePath('/assets/images/index/img_index_mv_logo3-sp.png.webp'); %>" media="(max-width:767px)" type="image/webp"> <source srcset="<%= getRelativePath('/assets/images/index/img_index_mv_logo3-sp.png'); %>" media="(max-width:767px)"> <source srcset="<%= getRelativePath('/assets/images/index/img_index_mv_logo3.png.webp'); %>" type="image/webp"> <img src="<%= getRelativePath('/assets/images/index/img_index_mv_logo3.png'); %>" alt="許可証一覧"> </picture> </a> </div> </div> </div> </div>
Comments