mypage.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. <!DOCTYPE html>
  2. <HTML lang="ko">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <title>UPRO</title>
  7. <meta name="format-detection" content="telephone=no">
  8. <link rel="stylesheet" type="text/css" href="/css/common.css">
  9. <link rel="stylesheet" type="text/css" href="/css/sub.css">
  10. <script type="text/javascript" charset="utf-8" src="/js/jquery-1.11.2.min.js"></script>
  11. <script type="text/javascript" charset="utf-8" src="/js/ui.js"></script>
  12. </head>
  13. <body>
  14. <!-- s : header -->
  15. <? include("../include/inc_header.html"); ?>
  16. <!-- // e : header -->
  17. <section id="wrap">
  18. <section id="visual" class="visual_mypage">
  19. <h2>마이페이지</h2>
  20. <p>쉽고 간편한 내차팔기, 견적산출, 최종 매각까지 어떤 수수료도 요구하지 않습니다.</p>
  21. </section>
  22. <section id="content">
  23. <ul class="location">
  24. <li><a href="/" class="home">홈</a></li>
  25. <li><span class="depth1">마이페이지</span>
  26. <ul class="sub_depth">
  27. <li><a href="#">마이페이지</a></li>
  28. <li><a href="#">입찰정보</a></li>
  29. <li><a href="#">차량정보</a></li>
  30. <li><a href="#">문의내역</a></li>
  31. </ul>
  32. </li>
  33. <li><span class="depth2">요약보기</span></li>
  34. </ul>
  35. <div class="tit_wrap">
  36. <h3>회원정보</h3>
  37. <a href="#" class="button">정보수정</a>
  38. </div>
  39. <table class="tbl_h">
  40. <colgroup>
  41. <col width="16%">
  42. <col width="34%">
  43. <col width="16%">
  44. <col width="*">
  45. </colgroup>
  46. <tr>
  47. <th>회원구분</th>
  48. <td>개인회원</td>
  49. <th>추천인</th>
  50. <td>신성우</td>
  51. </tr>
  52. <tr>
  53. <th>이름</th>
  54. <td>홍길동</td>
  55. <th>아이디</th>
  56. <td>ghdrlfehd</td>
  57. </tr>
  58. <tr>
  59. <th>회원가입일</th>
  60. <td>2018.10.11</td>
  61. <th>연락처</th>
  62. <td>010-1234-5678</td>
  63. </tr>
  64. <tr>
  65. <th>주소</th>
  66. <td colspan="3">서울 마포구 서교동</td>
  67. </tr>
  68. </table>
  69. <div class="tit_wrap">
  70. <h3>입찰내역</h3>
  71. <a href="#" class="button">+더보기</a>
  72. </div>
  73. <table class="tbl_v">
  74. <colgroup>
  75. <col width="7%">
  76. <col width="20%">
  77. <col width="16%">
  78. <col width="*">
  79. <col width="15%">
  80. <col width="15%">
  81. </colgroup>
  82. <thead>
  83. <tr>
  84. <th>번호</th>
  85. <th>매입자</th>
  86. <th>판매금액</th>
  87. <th>차종</th>
  88. <th>판매일</th>
  89. <th>처리상태</th>
  90. </tr>
  91. </thead>
  92. <tbody>
  93. <tr>
  94. <td>1</td>
  95. <td>구은호 부장(A상사)</td>
  96. <td>2500만원</td>
  97. <td>링컨MKX</td>
  98. <td>2018.01.23</td>
  99. <td><strong class="finish">판매완료</strong></td>
  100. </tr>
  101. <tr>
  102. <td>2</td>
  103. <td>구은호 부장(A상사)</td>
  104. <td>2500만원</td>
  105. <td>BMW120d</td>
  106. <td>2018.01.23</td>
  107. <td><strong class="ing">입찰중</strong></td>
  108. </tr>
  109. </tbody>
  110. </table>
  111. <div class="tit_wrap">
  112. <h3>문의내역</h3>
  113. <a href="#" class="button">+더보기</a>
  114. </div>
  115. <table class="tbl_v">
  116. <colgroup>
  117. <col width="7%">
  118. <col width="*">
  119. <col width="15%">
  120. <col width="15%">
  121. </colgroup>
  122. <thead>
  123. <tr>
  124. <th>번호</th>
  125. <th>제목</th>
  126. <th>작성일</th>
  127. <th>답변여부</th>
  128. </tr>
  129. </thead>
  130. <tbody>
  131. <tr>
  132. <td>1</td>
  133. <td class="al"><a href="#">문의합니다</a></td>
  134. <td>2018.01.23</td>
  135. <td><strong class="finish">답변</strong></td>
  136. </tr>
  137. <tr>
  138. <td>2</td>
  139. <td class="al"><a href="#">문의합니다</a></td>
  140. <td>2018.01.23</td>
  141. <td><strong>미답변</strong></td>
  142. </tr>
  143. </tbody>
  144. </table>
  145. </section>
  146. </section>
  147. <!-- s : footer -->
  148. <? include("../include/inc_footer.html"); ?>
  149. <!-- // e : footer -->
  150. </body>
  151. </html>