정세찬_우리산전

우리산전 index

각 페이지로 접근성을 높이는 심플한 디자인

1. 메인 배너: slick과 비디오 팝업을 사용하여 기본적인 메인 디자인 작업.

2. 우리산전 소개: 사용자에게 가장 접근성이 좋아야하는 제품정보, 견적문의, 카탈로그 다운로드 페이지로 바로 이동할 수 있도록 작업.; 마우스 hover시 스케일 제어로 이동하고자하는 링크 주목도를 높임.

3. 컬러의 사용: 포인트 컬러 : #dd3232; 세계시장에서 최고가되고자 하는 우리산전을 잘 나타낼 수 있는 적색 계열 컬러 사용.; 클라이언트가 직접 선택한 컬러의 사용으로 로고와 홈페이지 포인트 컬러로 사용.

include_once("header.php");
        <section class="main_banner_section">
          <div class="main_banner_slider">
            <div class="main_banner main_banner1">
              <div class="container">
                <div class="text_box">
                  <h3><b>Woori</b> will do our <br class="hidden-xs">
                    best to give our customers <br class="hidden-xs">
                    an impression rather than <br class="hidden-xs">
                    small profit
                  </h3>
                  <button class="video_btn" type="button" name="button">소개 영상 보기</button>
                </div>
              </div>
            </div>
            <div class="main_banner main_banner2">
              <div class="container">
                <div class="text_box">
                  <h3><b>Woori</b> will do our <br class="hidden-xs">
                    best to give our customers <br class="hidden-xs">
                    an impression rather than <br class="hidden-xs">
                    small profit
                  </h3>
                </div>
              </div>
            </div>
            <div class="main_banner main_banner3">
              <div class="container">
                <div class="text_box">
                  <h3><b>Woori</b> will do our <br class="hidden-xs">
                    best to give our customers <br class="hidden-xs">
                    an impression rather than <br class="hidden-xs">
                    small profit
                  </h3>
                </div>
              </div>
            </div>
            <div class="main_banner main_banner4">
              <div class="container">
                <div class="text_box">
                  <h3><b>Woori</b> will do our <br class="hidden-xs">
                    best to give our customers <br class="hidden-xs">
                    an impression rather than <br class="hidden-xs">
                    small profit
                  </h3>
                </div>
              </div>
            </div>
          </div>

<section class="main_banner_video">
            <div class="video_popup">
              <img class="close_btn" src="images/icons/close_btn.png" alt="">
              <iframe src="https://www.youtube.com/embed/4-A9Sgw3GCg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
          </section>

<div class="scroll_down">
            <span class="sd_line"></span>
            <p>Scroll<br>Down</p>
          </div>
        </section>

<section class="main_intro">
          <div class="container">
            <div class="title_box">
              <h2>우리산전 소개</h2>
              <p>작은 이익보다는 고객에게 감동을 안겨주는 <br>큰 노력을 계속 하겠습니다</p>
            </div>
            <div class="intro_box box1">
              <div class="img_box">
                <img class="img-responsive center-block" src="images/main/main_intro1.png" alt="">
                <p><a href="b1_product.php">제품정보 바로가기</a></p>
              </div>
              <div class="text_box">
                <h3>Products</h3>
              </div>
            </div>
            <div class="intro_box box2">
              <div class="img_box">
                <img class="img-responsive center-block" src="images/main/main_intro2.png" alt="">
                <p><a href="f1_estimate.php">견적문의 바로가기</a></p>
              </div>
              <div class="text_box">
                <h3>inquiry</h3>
              </div>
            </div>
            <div class="intro_box box3">
              <div class="img_box">
                <img class="img-responsive center-block" src="images/main/main_intro3.png" alt="">
                <p><a href="d3_download_catalog.php">카탈로그 다운로드</a></p>
              </div>
              <div class="text_box">
                <h3>catalog</h3>
              </div>
            </div>
          </div>
        </section>
        include_once("footer.php");