2021-10-02 (173일차) 웹리디자인 세번째페이지 코딩

- 웹사이트 리디자인 코딩

   < 세번째페이지 >

 <!--  ----------------section-3----------------  -->
    <section class="section section-3 relative">
      <div class="section3-bg">

        <!--슬라이드 좌우버튼-->
        <div class="btn-prev1-1 absolute"><img src="images/btn-prev1.png" alt="btn-prev1"></div>
        <div class="btn-next1-1 absolute"><img src="images/btn-next1.png" alt="btn-next1"></div>
        <!--나뭇잎-->
        <img class="slideitem absolute" src="images/section3-slideitem.png" alt="section3-slideitem">

        <!--슬라이드-->
        <div class="section3-slide">
          <div class="swiper-container">
            <div class="swiper-wrapper">

              <div class="swiper-slide">
                <img src="images/section3-slide1.png" alt="section3-slide1">
                <a class="btn-go" href="#">바로가기</a>
              </div>
              <div class="swiper-slide">
                <img src="images/section3-slide2.png" alt="section3-slide2">
                <a class="btn-go" href="#">바로가기</a>
              </div>
              <div class="swiper-slide">
                <img src="images/section3-slide3.png" alt="section3-slide3">
                <a class="btn-go" href="#">바로가기</a>
              </div>
              <div class="swiper-slide">
                <img src="images/section3-slide4.png" alt="section3-slide4">
                <a class="btn-go" href="#">바로가기</a>
              </div>

            </div>
          </div>
        </div>

      </div>
    </section>