notice_list.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <!DOCTYPE html>
  2. <HTML lang="ko">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>UPRO</title>
  6. <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width">
  7. <meta name="format-detection" content="telephone=no">
  8. <link rel="stylesheet" type="text/css" href="/m/css/common.css">
  9. <link rel="stylesheet" type="text/css" href="/m/css/sub.css">
  10. <script type="text/javascript" charset="utf-8" src="/m/js/jquery-1.11.2.min.js"></script>
  11. <script type="text/javascript" charset="utf-8" src="/m/js/ui.js"></script>
  12. </head>
  13. <body>
  14. <!-- s : header -->
  15. <? include("../inc/inc_header.html"); ?>
  16. <!-- // e : header -->
  17. <!-- s : container -->
  18. <section id="container">
  19. <section id="visual" class="visual_customer">
  20. <h2>고객센터</h2>
  21. <p>쉽고 간편한 내차팔기, 견적산출,<br>최종 매각까지 어떤 수수료도 요구하지 않습니다.</p>
  22. </section>
  23. <section id="content">
  24. <h3 class="faq_tit">공지사항</h3>
  25. <div class="notice_search">
  26. <select>
  27. <option value="">전체</option>
  28. </select>
  29. <input type="text" class="inp_txt">
  30. <input type="submit" class="button" title="검색" value="검색">
  31. </div>
  32. <ul class="board_list ty2">
  33. <li>
  34. <a href="#">공지사항입니다.</a>
  35. <span class="date">2019.02.03</span>
  36. </li>
  37. <li>
  38. <a href="#">공지사항입니다.</a>
  39. <span class="date">2019.02.03</span>
  40. </li>
  41. <li>
  42. <a href="#">공지사항입니다.</a>
  43. <span class="date">2019.02.03</span>
  44. </li>
  45. <li>
  46. <a href="#">공지사항입니다.</a>
  47. <span class="date">2019.02.03</span>
  48. </li>
  49. <li>
  50. <a href="#">공지사항입니다.</a>
  51. <span class="date">2019.02.03</span>
  52. </li>
  53. <li>
  54. <a href="#">공지사항입니다.</a>
  55. <span class="date">2019.02.03</span>
  56. </li>
  57. <li>
  58. <a href="#">공지사항입니다.</a>
  59. <span class="date">2019.02.03</span>
  60. </li>
  61. <li>
  62. <a href="#">공지사항입니다.</a>
  63. <span class="date">2019.02.03</span>
  64. </li>
  65. <li>
  66. <a href="#">공지사항입니다.</a>
  67. <span class="date">2019.02.03</span>
  68. </li>
  69. <li>
  70. <a href="#">공지사항입니다.</a>
  71. <span class="date">2019.02.03</span>
  72. </li>
  73. </ul>
  74. <div class="paging">
  75. <span>
  76. <a href="#" class="first">맨처음</a>
  77. <a href="#" class="prev">이전</a>
  78. </span>
  79. <strong>1</strong>
  80. <a href="#">2</a>
  81. <a href="#">3</a>
  82. <a href="#">4</a>
  83. <a href="#">5</a>
  84. <span>
  85. <a href="#" class="next">다음</a>
  86. <a href="#" class="last">맨마지막</a>
  87. </span>
  88. </div>
  89. </section>
  90. </section>
  91. <!-- e : container -->
  92. <!-- s : footer -->
  93. <? include("../inc/inc_footer.html"); ?>
  94. <!-- // e : footer -->
  95. </body>
  96. </html>