💚 UIUX 웹퍼블리셔 과정(6개월)
2021-10-04 (175일차) 웹리디자인 다섯번째, 여섯번째 페이지 코딩
widely design
2021. 10. 13. 01:52
- 웹사이트 리디자인 코딩
< 다섯번째페이지 >
<!-- ----------------section-5---------------- -->
<section class="section section-5 relative">
<div class="section5-bg">
<img class="bus absolute" src="images/section5-bus.png" alt="section5-bus">
<img class="star absolute" src="images/section5-star.png" alt="section5-star">
</div>
</section>
< 여섯번째페이지 >
<!-- ----------------section-6---------------- -->
<section class="section section-6 relative">
<div class="section6-bg">
<img class="section6-item absolute" src="images/section6-item.png" alt="section5-bus">
<!--슬라이드 좌우버튼1-->
<div class="btn-prev2-1 absolute"><img src="images/btn-prev2.png" alt="btn-prev2-1"></div>
<div class="btn-next2-1 absolute"><img src="images/btn-next2.png" alt="btn-next2-1"></div>
<!--슬라이드 1-->
<div class="section6-slide1">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/section6-slide-yt1.png" alt="slide-yt1">
</div>
<div class="swiper-slide">
<img src="images/section6-slide-yt2.png" alt="slide-yt2">
</div>
<div class="swiper-slide">
<img src="images/section6-slide-yt3.png" alt="slide-yt3">
</div>
<div class="swiper-slide">
<img src="images/section6-slide-yt4.png" alt="slide-yt4">
</div>
<div class="swiper-slide">
<img src="images/section6-slide-yt5.png" alt="slide-yt5">
</div>
</div>
</div>
</div>
<!--슬라이드 좌우버튼2-->
<div class="btn-prev2-2 absolute"><img src="images/btn-prev2.png" alt="btn-prev2-2"></div>
<div class="btn-next2-2 absolute"><img src="images/btn-next2.png" alt="btn-next2-2"></div>
<!--슬라이드 2-->
<div class="section6-slide2">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/section6-slide-ev1.png" alt="slide-ev1">
</div>
<div class="swiper-slide">
<img src="images/section6-slide-ev2.png" alt="slide-ev2">
</div>
<div class="swiper-slide">
<img src="images/section6-slide-ev3.png" alt="slide-ev3">
</div>
<div class="swiper-slide">
<img src="images/section6-slide-ev4.png" alt="slide-ev4">
</div>
<div class="swiper-slide">
<img src="images/section6-slide-ev5.png" alt="slide-ev5">
</div>
</div>
</div>
</div>
</div>
</section>