echajoa/design/mobile/aapstaff/index.php

<?
	$HEADER_LOC = 'main';
  include($_SERVER['DOCUMENT_ROOT']."/design/mobile/aapstaff/inc/header.php");
?>
<main class="pb123">
	<section>

    <!-- 개발 먼저 진행해주세요 디자인 추후 입힐 예정입니다. -->
		<div class="main--header--contents">
      <div class="d-flex align-items-center">
        <div>
          <div>입찰대기</div>
          <div>13,900</div>
        </div>
        <div>
          <div>입찰중</div>
          <div>800</div>
        </div>
        <div>
          <div>거래중</div>
          <div>5,300</div>
        </div>
        <div>
          <div>유찰</div>
          <div>201</div>
        </div>
        <div>
          <div>판매완료</div>
          <div>13</div>
        </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") ?>