join.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  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" class="bg_join">
  19. <section id="content">
  20. <h2>회원가입</h2>
  21. <p class="tit_sub">(상호)에 회원으로 가입하시고 (상호)만의 특별한 회원 혜택을 누리세요.</p>
  22. <div class="join">
  23. <h3>기본정보 입력</h3>
  24. <table class="tbl_h">
  25. <colgroup>
  26. <col width="16%">
  27. <col width="*">
  28. </colgroup>
  29. <tr>
  30. <th>아이디</th>
  31. <td><input type="text" class="inp_txt" style="width:330px;"> @
  32. <span class="select" style="width:200px;">
  33. <select>
  34. <option value="">직접입력</option>
  35. </select>
  36. </span>
  37. <input type="submit" class="td_btn ty2" title="아이디 확인" value="확인">
  38. </td>
  39. </tr>
  40. <tr>
  41. <th>비밀번호</th>
  42. <td><input type="password" class="inp_txt" style="width:330px;"> <span class="td_txt">8자~15자 영문, 숫자, 특수문자 조합</span></td>
  43. </tr>
  44. <tr>
  45. <th>비밀번호 확인</th>
  46. <td><input type="password" class="inp_txt" style="width:330px;"> <span class="td_txt">8자~15자 영문, 숫자, 특수문자 조합</span></td>
  47. </tr>
  48. <tr>
  49. <th>이름</th>
  50. <td><input type="text" class="inp_txt" style="width:330px;"></td>
  51. </tr>
  52. <tr>
  53. <th>휴대번호</th>
  54. <td><input type="text" class="inp_txt" style="width:330px;"> <span class="td_txt">숫자만 입력</span></td>
  55. </tr>
  56. <tr>
  57. <th>지역</th>
  58. <td>
  59. <span class="select" style="width:210px;">
  60. <select>
  61. <option value="">지역</option>
  62. </select>
  63. </span>
  64. <span class="select" style="width:210px;">
  65. <select>
  66. <option value="">세부지역</option>
  67. </select>
  68. </span>
  69. </td>
  70. </tr>
  71. </table>
  72. <h3>약관동의</h3>
  73. <div class="clause_chk_list">
  74. <p class="all"><span class="check_wrap"><input type="checkbox" id="all_agree"><i></i><label for="all_agree">전체 약관동의</label></span></p>
  75. <ul>
  76. <li>
  77. <span class="check_wrap"><input type="checkbox" id="agree1"><i></i><label for="agree1">[필수] 회원 이용약관</label></span>
  78. <div>
  79. <textarea cols="100" rows="10"><? include("include/clause_txt1.txt"); ?></textarea>
  80. </div>
  81. </li>
  82. <li>
  83. <span class="check_wrap"><input type="checkbox" id="agree2"><i></i><label for="agree2">[필수] 개인정보 수집이용</label></span>
  84. <div>
  85. <textarea cols="100" rows="10"><? include("include/clause_txt2.txt"); ?></textarea>
  86. </div>
  87. </li>
  88. <li>
  89. <span class="check_wrap"><input type="checkbox" id="agree3"><i></i><label for="agree3">[선택] 마케팅 목적 개인정보 수집/이용</label></span>
  90. <div>
  91. <textarea cols="100" rows="10"><? include("include/clause_txt3.txt"); ?></textarea>
  92. </div>
  93. </li>
  94. <li>
  95. <span class="check_wrap"><input type="checkbox" id="agree4"><i></i><label for="agree4">[선택] 개인정보 제3자 제공</label></span>
  96. <div>
  97. <textarea cols="100" rows="10"><? include("include/clause_txt4.txt"); ?></textarea>
  98. </div>
  99. </li>
  100. </ul>
  101. </div>
  102. <div class="btn_center">
  103. <a href="#" class="button">회원가입</a>
  104. </div>
  105. </div>
  106. </section>
  107. </section>
  108. <!-- s : footer -->
  109. <? include("include/inc_footer.html"); ?>
  110. <!-- // e : footer -->
  111. </body>
  112. </html>