login.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  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" class="login_wrap">
  18. <div class="login_box">
  19. <h2>LOG IN</h2>
  20. <p class="area_inp"><input type="text" class="inp_txt" placeholder="이메일을 입력해주세요"></p>
  21. <p class="area_inp"><input type="password" class="inp_txt" placeholder="비밀번호(8자이상)"></p>
  22. <p class="area_link">
  23. <span class="check_wrap"><input type="radio" name="radiobutton" id="auto_login"><i></i><label for="auto_login">자동로그인</label></span>
  24. <span class="link">
  25. <a href="#">회원가입</a>
  26. <a href="#">아이디/비밀번호 찾기</a>
  27. </span>
  28. </p>
  29. <p class="area_btn">
  30. <a href="#" class="button">로그인</a>
  31. <a href="#" class="button kakao">카카오톡으로 시작</a>
  32. <a href="#" class="button facebook">페이스북으로 시작</a>
  33. <a href="#" class="button naver">네이버로 시작</a>
  34. </p>
  35. </div>
  36. </section>
  37. <!-- s : footer -->
  38. <? include("include/inc_footer.html"); ?>
  39. <!-- // e : footer -->
  40. </body>
  41. </html>