PageRenderTime 25ms CodeModel.GetById 15ms RepoModel.GetById 0ms app.codeStats 1ms

/backend/Karma/reset.html

https://gitlab.com/kaouech/theme
HTML | 207 lines | 166 code | 24 blank | 17 comment | 0 complexity | bca572f670a3a93b88c12060ccbd3334 MD5 | raw file
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html class="ie ie6 lte9 lte8 lte7 no-js"> <![endif]-->
  3. <!--[if IE 7]> <html class="ie ie7 lte9 lte8 lte7 no-js"> <![endif]-->
  4. <!--[if IE 8]> <html class="ie ie8 lte9 lte8 no-js"> <![endif]-->
  5. <!--[if IE 9]> <html class="ie ie9 lte9 no-js"> <![endif]-->
  6. <!--[if gt IE 9]> <html class="no-js"> <![endif]-->
  7. <!--[if !IE]><!--> <html class="no-js"> <!--<![endif]-->
  8. <head>
  9. <meta charset="utf-8">
  10. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  11. <title>Karma - Responsive minimalistic bootstrapped admin theme.</title>
  12. <!-- // IOS webapp icons // -->
  13. <meta name="apple-mobile-web-app-title" content="Karma Webapp">
  14. <link rel="apple-touch-icon-precomposed" sizes="152x152" href="images/mobile/apple-touch-icon-152x152.png" />
  15. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/mobile/apple-touch-icon-144x144.png">
  16. <link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/mobile/apple-touch-icon-120x120.png" />
  17. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/mobile/apple-touch-icon-114x114.png" />
  18. <link rel="apple-touch-icon-precomposed" sizes="76x76" href="images/mobile/apple-touch-icon-76x76.png" />
  19. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/mobile/apple-touch-icon-72x72.png" />
  20. <link rel="apple-touch-icon-precomposed" href="images/mobile/apple-touch-icon.png" />
  21. <link rel="shortcut icon" href="images/favicons/favicon.ico" />
  22. <!-- // IOS webapp splash screens // -->
  23. <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"
  24. href="http://themes.creativemilk.net/images/mobile/apple-touch-startup-image-1536x2008.png"/>
  25. <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"
  26. href="http://themes.creativemilk.net/images/mobile/apple-touch-startup-image-1496x2048.png"/>
  27. <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)"
  28. href="http://themes.creativemilk.net/images/mobile/apple-touch-startup-image-768x1004.png"/>
  29. <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)"
  30. href="http://themes.creativemilk.net/images/mobile/apple-touch-startup-image-748x1024.png"/>
  31. <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
  32. href="http://themes.creativemilk.net/images/mobile/apple-touch-startup-image-640x1096.png"/>
  33. <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
  34. href="http://themes.creativemilk.net/images/mobile/apple-touch-startup-image-640x920.png"/>
  35. <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)"
  36. href="http://themes.creativemilk.net/images/mobile/apple-touch-startup-image-320x460.png"/>
  37. <!-- // Windows 8 tile // -->
  38. <meta name="application-name" content="Karma Webapp">
  39. <meta name="msapplication-TileColor" content="#333333" />
  40. <meta name="msapplication-TileImage" content="images/mobile/windows8-icon.png" />
  41. <!-- // Handheld devices misc // -->
  42. <meta name="apple-mobile-web-app-capable" content="yes">
  43. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  44. <meta name="HandheldFriendly" content="true"/>
  45. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  46. <!-- // Stylesheets // -->
  47. <link rel="stylesheet" href="bootstrap/core/dist/css/bootstrap.min.css"/>
  48. <link rel="stylesheet" href="css/bootstrap-custom.css"/>
  49. <link rel="stylesheet" href="css/bootstrap-extended.css"/>
  50. <link rel="stylesheet" href="css/login.css"/>
  51. <link rel="stylesheet" href="css/light-theme.css"/>
  52. <!-- // Helpers // -->
  53. <script src="js/plugins/modernizr.min.js"></script>
  54. <script src="js/plugins/mobiledevices.js"></script>
  55. <!-- // jQuery core // -->
  56. <script src="js/libs/jquery-1.11.0.min.js"></script>
  57. <script src="js/libs/jquery-ui-1.10.4.min.js"></script>
  58. <!-- // Bootstrap // -->
  59. <script src="bootstrap/core/dist/js/bootstrap.min.js"></script>
  60. <!-- // Custom/premium plugins // -->
  61. <script src="js/plugins/showpassword.1.0.min.js"></script>
  62. <script src="js/plugins/nanogress.1.0.min.js"></script>
  63. <script src="js/plugins/powerwizard.1.0.min.js"></script>
  64. <!-- // Third-party plugins // -->
  65. <script src="js/plugins/jquery.pwstrength.min.js"></script>
  66. <!-- // Custom //-->
  67. <script src="js/plugins/login.js"></script>
  68. </head>
  69. <body>
  70. <div id="container-login" class="clearfix">
  71. <div id="demo-overview">
  72. <a href="index.html">Dashboard</a>
  73. |
  74. <a href="signup.html">Signup</a>
  75. |
  76. <a href="login.html">Login 1</a>
  77. |
  78. <a href="login2.html">Login 2</a>
  79. |
  80. <a href="forgot.html">Forgot</a>
  81. </div>
  82. <div class="alert alert-block alert-dismissable alert-info">
  83. <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
  84. <h4>Notice:</h4>
  85. <p>The form below is a complete reset form.</p>
  86. </div>
  87. <div id="login-box">
  88. <div class="login-box-inner clearfix">
  89. <header id="login-header">
  90. <a href="reset.html#" id="login-logo">
  91. <h1>karma</h1>
  92. <h4>/webapp</h4>
  93. </a>
  94. <div class="dropdown" id="lang">
  95. <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="reset.html#">
  96. <img src="images/icons/flags/shiny/16/France.png" alt=""/>
  97. <i class="fa fa-caret-down"></i>
  98. </a>
  99. <ul role="menu" class="dropdown-menu ext-flags pull-right">
  100. <li>
  101. <a href="reset.html#">English <img src="images/icons/flags/shiny/16/United-Kingdom.png" alt=""/></a>
  102. </li>
  103. <li>
  104. <a href="reset.html#">German <img src="images/icons/flags/shiny/16/Germany.png" alt=""/></a>
  105. </li>
  106. <li class="active">
  107. <a href="reset.html#">French <img src="images/icons/flags/shiny/16/France.png" alt=""/></a>
  108. </li>
  109. <li>
  110. <a href="reset.html#">Chinees <img src="images/icons/flags/shiny/16/China.png" alt=""/></a>
  111. </li>
  112. </ul>
  113. </div>
  114. </header>
  115. <div class="spacer-40"></div>
  116. <form id="form-reset">
  117. <div class="row">
  118. <div class="col-lg-12">
  119. <label for="fc-id-1">Old password:</label>
  120. </div>
  121. </div>
  122. <div class="row">
  123. <div class="col-lg-12">
  124. <input class="form-control" type="password" placeholder="Your old password" id="fc-id-1" tabindex="1" />
  125. </div>
  126. </div>
  127. <div class="spacer-10"></div>
  128. <div class="row">
  129. <div class="col-lg-12">
  130. <label for="fc-id-2-a">New password:</label>
  131. </div>
  132. </div>
  133. <div class="row">
  134. <div class="col-lg-12">
  135. <input class="form-control password" type="password" placeholder="Minium of 6 characters" id="fc-id-2-a" tabindex="2" data-indicator="pwindicator" />
  136. </div>
  137. </div>
  138. <div class="row">
  139. <div class="col-lg-12">
  140. <div id="pwindicator">
  141. <div class="pwbar"></div>
  142. <div class="pwlabel"></div>
  143. </div>
  144. </div>
  145. </div>
  146. <div class="spacer-10"></div>
  147. <div class="row">
  148. <div class="col-lg-12">
  149. <label for="fc-id-3">Confirm:</label>
  150. <a href="reset.html#" id="showpassword-trigger" class="underline">Show password</a>
  151. </div>
  152. </div>
  153. <div class="row">
  154. <div class="col-lg-12">
  155. <input class="form-control" type="password" placeholder="Lets match" id="fc-id-3" tabindex="3" />
  156. </div>
  157. </div>
  158. <div class="spacer-20"></div>
  159. <div class="row">
  160. <div class="col-lg-12">
  161. <!-- just for the demo....replace this with an form element -->
  162. <a href="index.html" class="btn btn-default form-control" id="fake-submit" tabindex="4">Reset password</a>
  163. </div>
  164. </div>
  165. <div class="spacer-40"></div>
  166. <div class="or-line"><span>OR</span></div>
  167. <div class="spacer-40"></div>
  168. <div class="row">
  169. <div class="col-lg-12">
  170. <a href="login.html" class="btn btn-block btn-success" tabindex="6">I remember my password!</a>
  171. </div>
  172. </div>
  173. </form>
  174. </div>
  175. </div>
  176. <footer id="login-footer">
  177. <strong>Copyright © 2013 creativemilk.net</strong>
  178. <div class="spacer-5"></div>
  179. <small>Lorem ipsum dolor sit amet, islum consectetur adipiscing elit. All rights reserved.</small>
  180. </footer>
  181. </div>
  182. </body>
  183. </html>