notice_list.html 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  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/jquery.jqtransform.js"></script>
  12. <script type="text/javascript" charset="utf-8" src="/js/ui.js"></script>
  13. </head>
  14. <body>
  15. <!-- s : header -->
  16. <? include("../include/inc_header.html"); ?>
  17. <!-- // e : header -->
  18. <section id="wrap">
  19. <section id="visual" class="visual_customer">
  20. <h2>고객센터</h2>
  21. <p>쉽고 간편한 내차팔기, 견적산출, 최종 매각까지 어떤 수수료도 요구하지 않습니다.</p>
  22. </section>
  23. <section id="content">
  24. <ul class="location">
  25. <li><a href="/" class="home">홈</a></li>
  26. <li><span class="depth1">고객센터</span></li>
  27. <li><span class="depth2">공지사항</span></li>
  28. </ul>
  29. <h3 class="customer_tit">공지사항</h3>
  30. <div class="select_sort">
  31. <span class="select" style="width:130px;">
  32. <select>
  33. <option value="">전체</option>
  34. </select>
  35. </span>
  36. <input type="text" class="inp_txt" style="width:330px;" placeholder="검색어를 입력해주세요">
  37. <input type="submit" class="button" title="검색" value="검색">
  38. </div>
  39. <table class="tbl_v ty2">
  40. <colgroup>
  41. <col width="7%">
  42. <col width="*">
  43. <col width="15%">
  44. </colgroup>
  45. <thead>
  46. <tr>
  47. <th>NO.</th>
  48. <th>제목</th>
  49. <th>등록일</th>
  50. </tr>
  51. </thead>
  52. <tbody>
  53. <tr>
  54. <td>10</td>
  55. <td class="al"><a href="#">공지사항입니다.</a></td>
  56. <td>2019.02.03</td>
  57. </tr>
  58. <tr>
  59. <td>9</td>
  60. <td class="al"><a href="#">공지사항입니다.</a></td>
  61. <td>2019.02.03</td>
  62. </tr>
  63. <tr>
  64. <td>8</td>
  65. <td class="al"><a href="#">공지사항입니다.</a></td>
  66. <td>2019.02.03</td>
  67. </tr>
  68. <tr>
  69. <td>7</td>
  70. <td class="al"><a href="#">공지사항입니다.</a></td>
  71. <td>2019.02.03</td>
  72. </tr>
  73. <tr>
  74. <td>6</td>
  75. <td class="al"><a href="#">공지사항입니다.</a></td>
  76. <td>2019.02.03</td>
  77. </tr>
  78. <tr>
  79. <td>5</td>
  80. <td class="al"><a href="#">공지사항입니다.</a></td>
  81. <td>2019.02.03</td>
  82. </tr>
  83. <tr>
  84. <td>4</td>
  85. <td class="al"><a href="#">공지사항입니다.</a></td>
  86. <td>2019.02.03</td>
  87. </tr>
  88. <tr>
  89. <td>3</td>
  90. <td class="al"><a href="#">공지사항입니다.</a></td>
  91. <td>2019.02.03</td>
  92. </tr>
  93. <tr>
  94. <td>2</td>
  95. <td class="al"><a href="#">공지사항입니다.</a></td>
  96. <td>2019.02.03</td>
  97. </tr>
  98. <tr>
  99. <td>1</td>
  100. <td class="al"><a href="#">공지사항입니다.</a></td>
  101. <td>2019.02.03</td>
  102. </tr>
  103. </tbody>
  104. </table>
  105. <div class="paging">
  106. <span>
  107. <a href="#" class="first">맨처음</a>
  108. <a href="#" class="prev">이전</a>
  109. </span>
  110. <strong>1</strong>
  111. <a href="#">2</a>
  112. <a href="#">3</a>
  113. <a href="#">4</a>
  114. <a href="#">5</a>
  115. <span>
  116. <a href="#" class="next">다음</a>
  117. <a href="#" class="last">맨마지막</a>
  118. </span>
  119. </div>
  120. </section>
  121. </section>
  122. <!-- s : footer -->
  123. <? include("../include/inc_footer.html"); ?>
  124. <!-- // e : footer -->
  125. </body>
  126. </html>