options.php 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  1. <? include($_SERVER['DOCUMENT_ROOT']."/design/staff/inc/header.php") ?>
  2. <main class="pb123">
  3. <section>
  4. <div class="sub--top--visual">
  5. <div class="contents--inner">
  6. <h2>차량 판매하기</h2>
  7. <p>이차조아에서는 사고 이력 조회 후 최고가 내차를 판매할 수 있습니다.</p>
  8. </div>
  9. </div>
  10. </section>
  11. <section>
  12. <div class="top--nav--wrap">
  13. <div class="contents--inner">
  14. <div class="breadcrumbs--wrap">
  15. <span></span>
  16. <span>차량 판매하기</span>
  17. <span>차량 판매하기</span>
  18. </div>
  19. </div>
  20. </div>
  21. </section>
  22. <section class="mt60">
  23. <div class="options--wrapper">
  24. <h2>옵션정보</h2>
  25. <div class="options--list">
  26. <h2>외관 / 내장</h2>
  27. <ul>
  28. <li>
  29. <div class="form--group">
  30. <input type="checkbox" hidden id="chk01">
  31. <label for="chk01">선루프</label>
  32. </div>
  33. </li>
  34. <li>
  35. <div class="form--group">
  36. <input type="checkbox" hidden id="chk02">
  37. <label for="chk02">헤드 램프</label>
  38. </div>
  39. </li>
  40. <li>
  41. <div class="form--group">
  42. <input type="checkbox" hidden id="chk03">
  43. <label for="chk03">파워 전동 트렁크</label>
  44. </div>
  45. </li>
  46. <li>
  47. <div class="form--group">
  48. <input type="checkbox" hidden id="chk04">
  49. <label for="chk04">고스트 도어 클로징</label>
  50. </div>
  51. </li>
  52. </ul>
  53. <h2>안전</h2>
  54. <ul>
  55. <li>
  56. <div class="form--group">
  57. <input type="checkbox" hidden id="chk05">
  58. <label for="chk05">선루프</label>
  59. </div>
  60. </li>
  61. <li>
  62. <div class="form--group">
  63. <input type="checkbox" hidden id="chk06">
  64. <label for="chk06">헤드 램프</label>
  65. </div>
  66. </li>
  67. <li>
  68. <div class="form--group">
  69. <input type="checkbox" hidden id="chk07">
  70. <label for="chk07">파워 전동 트렁크</label>
  71. </div>
  72. </li>
  73. <li>
  74. <div class="form--group">
  75. <input type="checkbox" hidden id="chk08">
  76. <label for="chk08">고스트 도어 클로징</label>
  77. </div>
  78. </li>
  79. </ul>
  80. <h2>편의 / 멀티 미디어</h2>
  81. <ul>
  82. <li>
  83. <div class="form--group">
  84. <input type="checkbox" hidden id="chk09">
  85. <label for="chk09">선루프</label>
  86. </div>
  87. </li>
  88. <li>
  89. <div class="form--group">
  90. <input type="checkbox" hidden id="chk10">
  91. <label for="chk10">헤드 램프</label>
  92. </div>
  93. </li>
  94. <li>
  95. <div class="form--group">
  96. <input type="checkbox" hidden id="chk11">
  97. <label for="chk11">파워 전동 트렁크</label>
  98. </div>
  99. </li>
  100. <li>
  101. <div class="form--group">
  102. <input type="checkbox" hidden id="chk12">
  103. <label for="chk12">고스트 도어 클로징</label>
  104. </div>
  105. </li>
  106. </ul>
  107. <h2>시트</h2>
  108. <ul>
  109. <li>
  110. <div class="form--group">
  111. <input type="checkbox" hidden id="chk13">
  112. <label for="chk13">선루프</label>
  113. </div>
  114. </li>
  115. <li>
  116. <div class="form--group">
  117. <input type="checkbox" hidden id="chk14">
  118. <label for="chk14">헤드 램프</label>
  119. </div>
  120. </li>
  121. <li>
  122. <div class="form--group">
  123. <input type="checkbox" hidden id="chk15">
  124. <label for="chk15">파워 전동 트렁크</label>
  125. </div>
  126. </li>
  127. <li>
  128. <div class="form--group">
  129. <input type="checkbox" hidden id="chk16">
  130. <label for="chk16">고스트 도어 클로징</label>
  131. </div>
  132. </li>
  133. </ul>
  134. </div>
  135. </div>
  136. </section>
  137. <div class="btn--wrapper car--btn--wrapper">
  138. <button class="next--btn">다음(옵션 입력)<i class="next--ic"></i></button>
  139. </div>
  140. </main>
  141. <? include($_SERVER['DOCUMENT_ROOT']."/design/staff/inc/footer.php") ?>