echajoa/design/mobile/aapstaff/main.php

<?
	$HEADER_LOC = 'main';
	include($_SERVER['DOCUMENT_ROOT']."/design/mobile/aapstaff/inc/header.php")
?>
<main class="pb-5">
  <section>
    <div class="main--visual">
      <div class="main--visual--title--wrap">
        <h2>이차조아 소개 카피라이터</h2>
        <p>
          아치조아 소개글 상세 내용입니다. 아치조아 소개글 상세
          내용입니다.
          아치조아 소개글 상세 내용입니다. 아치조아
          소개글 상세 내용입니다.
        </p>

        <div class="main--visual--contents">
          <div class="car--find">
            <div>
              <h2>소유주명</h2>
              <div>홍길동</div>
            </div>
            <div>
              <h2>차량 번호</h2>
              <div>123가 4568</div>
            </div>
          </div>
          <button class="car--find--btn">차량조회</button>

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

  <section>
    <div class="car--list--wrap">
      <div class="title--wrapper">
        <h2>입찰 대기중 차량</h2>
      </div>
      <div class="swiper swp01">
        <ul class="swiper-wrapper">
          <li class="swiper-slide">
            <div class="car--box--wrap ">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="thumb--wrap">
                <img src="/design/mobile/staff/assets/img/samp.png" />
              </div>
              <div class="car--info">
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="status--wrap">
                <span>반려</span>
              </div>
            </div>
          </li>
          <li class="swiper-slide">
            <div class="car--box--wrap">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="thumb--wrap">
                <img src="/design/mobile/staff/assets/img/samp.png" />
              </div>
              <div class="car--info">
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="btn--wrapper">
                <button type="button">자동차 보러가기<i class="arrow--ic"></i></button>
              </div>
            </div>
          </li>
          <li class="swiper-slide">
            <div class="car--box--wrap">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="thumb--wrap">
                <img src="/design/mobile/staff/assets/img/samp.png" />
              </div>
              <div class="car--info">
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="status--wrap">
                <span class="ready">대기중</span>
              </div>
            </div>
          </li>
          <li class="swiper-slide">
            <div class="car--box--wrap">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="thumb--wrap">
                <img src="/design/mobile/staff/assets/img/samp.png" />
              </div>
              <div class="car--info">
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="status--wrap">
                <span class="ready">대기중</span>
              </div>
            </div>
          </li>
        </ul>
      </div>

      <div class="pagination--wraps swp01"></div>
    </div>
  </section>

  <section>
    <div class="car--list--wrap">
      <div class="title--wrapper">
        <h2>입찰중 차량</h2>
      </div>
      <div class="swiper swp02">
        <ul class="swiper-wrapper">
          <li class="swiper-slide">
            <div class="car--box--wrap ">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="thumb--wrap">
                <img src="/design/mobile/staff/assets/img/samp.png" />
              </div>
              <div class="car--info">
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="status--wrap">
                <span>반려</span>
              </div>
            </div>
          </li>
          <li class="swiper-slide">
            <div class="car--box--wrap">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="thumb--wrap">
                <img src="/design/mobile/staff/assets/img/samp.png" />
              </div>
              <div class="car--info">
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="btn--wrapper">
                <button type="button">자동차 보러가기<i class="arrow--ic"></i></button>
              </div>
            </div>
          </li>
          <li class="swiper-slide">
            <div class="car--box--wrap">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="thumb--wrap">
                <img src="/design/mobile/staff/assets/img/samp.png" />
              </div>
              <div class="car--info">
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="status--wrap">
                <span class="ready">대기중</span>
              </div>
            </div>
          </li>
          <li class="swiper-slide">
            <div class="car--box--wrap">
              <h2 class="car--name">GLA-Class 200d 4M</h2>
              <div class="thumb--wrap">
                <img src="/design/mobile/staff/assets/img/samp.png" />
              </div>
              <div class="car--info">
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="status--wrap">
                <span class="ready">대기중</span>
              </div>
            </div>
          </li>
        </ul>
      </div>
      <div class="pagination--wraps swp02"></div>

    </div>
  </section>
</main>
<? include($_SERVER['DOCUMENT_ROOT']."/design/mobile/aapstaff/inc/footer.php") ?>