💚 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>