您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 
 
 
 

313 行
14 KiB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>LessPass</title>
  6. <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  8. <link rel="stylesheet" href="dist/lesspass.min.css">
  9. <link rel="manifest" href="dist/manifest.json">
  10. <link rel="manifest" href="dist/manifest.json">
  11. <meta name="mobile-web-app-capable" content="yes">
  12. <meta name="theme-color" content="#555555">
  13. <meta name="application-name" content="LessPass">
  14. <link rel="apple-touch-icon" sizes="57x57" href="dist/apple-touch-icon-57x57.png">
  15. <link rel="apple-touch-icon" sizes="60x60" href="dist/apple-touch-icon-60x60.png">
  16. <link rel="apple-touch-icon" sizes="72x72" href="dist/apple-touch-icon-72x72.png">
  17. <link rel="apple-touch-icon" sizes="76x76" href="dist/apple-touch-icon-76x76.png">
  18. <link rel="apple-touch-icon" sizes="114x114" href="dist/apple-touch-icon-114x114.png">
  19. <link rel="apple-touch-icon" sizes="120x120" href="dist/apple-touch-icon-120x120.png">
  20. <link rel="apple-touch-icon" sizes="144x144" href="dist/apple-touch-icon-144x144.png">
  21. <link rel="apple-touch-icon" sizes="152x152" href="dist/apple-touch-icon-152x152.png">
  22. <link rel="apple-touch-icon" sizes="180x180" href="dist/apple-touch-icon-180x180.png">
  23. <meta name="apple-mobile-web-app-capable" content="yes">
  24. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  25. <meta name="apple-mobile-web-app-title" content="LessPass">
  26. <link rel="icon" type="image/png" sizes="228x228" href="dist/coast-228x228.png">
  27. <link rel="yandex-tableau-widget" href="dist/yandex-browser-manifest.json">
  28. <meta name="msapplication-TileColor" content="#555555">
  29. <meta name="msapplication-TileImage" content="dist/mstile-144x144.png">
  30. <meta name="msapplication-config" content="dist/browserconfig.xml">
  31. <link rel="icon" type="image/png" sizes="32x32" href="dist/favicon-32x32.png">
  32. <link rel="icon" type="image/png" sizes="192x192" href="dist/android-chrome-192x192.png">
  33. <link rel="icon" type="image/png" sizes="16x16" href="dist/favicon-16x16.png">
  34. <link rel="shortcut icon" href="dist/favicon.ico">
  35. <link rel="apple-touch-startup-image"
  36. media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)"
  37. href="dist/apple-touch-startup-image-320x460.png">
  38. <link rel="apple-touch-startup-image"
  39. media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
  40. href="dist/apple-touch-startup-image-640x920.png">
  41. <link rel="apple-touch-startup-image"
  42. media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
  43. href="dist/apple-touch-startup-image-640x1096.png">
  44. <link rel="apple-touch-startup-image"
  45. media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"
  46. href="dist/apple-touch-startup-image-750x1294.png">
  47. <link rel="apple-touch-startup-image"
  48. media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)"
  49. href="dist/apple-touch-startup-image-1182x2208.png">
  50. <link rel="apple-touch-startup-image"
  51. media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)"
  52. href="dist/apple-touch-startup-image-1242x2148.png">
  53. <link rel="apple-touch-startup-image"
  54. media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)"
  55. href="dist/apple-touch-startup-image-748x1024.png">
  56. <link rel="apple-touch-startup-image"
  57. media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)"
  58. href="dist/apple-touch-startup-image-768x1004.png">
  59. <link rel="apple-touch-startup-image"
  60. media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"
  61. href="dist/apple-touch-startup-image-1496x2048.png">
  62. <link rel="apple-touch-startup-image"
  63. media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"
  64. href="dist/apple-touch-startup-image-1536x2008.png">
  65. <style>
  66. * {
  67. border-radius: 0 !important;
  68. }
  69. html, body {
  70. height: 100%;
  71. }
  72. body {
  73. background-color: #fafafa;
  74. }
  75. #fold {
  76. background-size: cover;
  77. background: #3398eb url(dist/double-blue-cover.png) no-repeat center center;
  78. min-height: 100%;
  79. }
  80. #fold a.navbar-brand {
  81. color: white;
  82. line-height: 60px;
  83. font-size: 2.5rem;
  84. }
  85. #fold a.icon-download {
  86. color: white;
  87. font-size: 2.5rem;
  88. text-decoration: none;
  89. margin-left: 1.5rem;
  90. }
  91. #fold .hero {
  92. color: white;
  93. }
  94. @media (min-width: 544px) {
  95. .hero {
  96. padding-top: 7rem;
  97. padding-bottom: 7rem;
  98. }
  99. }
  100. #features {
  101. background-color: #024379;
  102. color: white;
  103. padding-top: 7rem;
  104. padding-bottom: 7rem;
  105. }
  106. .air {
  107. padding-top: 7rem;
  108. padding-bottom: 7rem;
  109. }
  110. @media (min-width: 544px) {
  111. #features {
  112. padding-top: 14rem;
  113. padding-bottom: 7rem;
  114. }
  115. }
  116. </style>
  117. </head>
  118. <body>
  119. <section id="fold">
  120. <div class="container hidden-sm-down py-sm-3">
  121. <a class="navbar-brand" href="https://lesspass.com">
  122. <img src="dist/LessPass-icon-white.svg" width="60" height="60" class="d-inline-block align-top"
  123. alt="LessPass">
  124. LessPass
  125. </a>
  126. <div class="float-right">
  127. <h1 class="d-inline">
  128. <a class="icon-download" href="https://chrome.google.com/webstore/detail/lesspass/lcmbpoclaodbgkbjafnkbbinogcbnjih">
  129. <i class="fa fa-chrome" aria-hidden="true"></i>
  130. </a>
  131. </h1>
  132. <h1 class="d-inline">
  133. <a class="icon-download" href="https://addons.mozilla.org/en-US/firefox/addon/lesspass/">
  134. <i class="fa fa-firefox" aria-hidden="true"></i>
  135. </a>
  136. </h1>
  137. <h1 class="d-inline">
  138. <a class="icon-download" href="https://play.google.com/store/apps/details?id=com.lesspass.cordova&hl=en">
  139. <i class="fa fa-android" aria-hidden="true"></i>
  140. </a>
  141. </h1>
  142. </div>
  143. </div>
  144. <div class="container hero">
  145. <div class="row align-items-center justify-content-between">
  146. <div class="col-12 col-md-6 hidden-sm-down">
  147. <p>No Sync &nbsp; - &nbsp; Open Source &nbsp; - &nbsp; Free</p>
  148. <h1>Next Gen Password Manager</h1>
  149. <p class="lead">
  150. Stop wasting your time synchronizing your encrypted vault. Remember one master password to
  151. access your passwords, anywhere, anytime. No sync needed.
  152. </p>
  153. <p>
  154. <a href="https://blog.lesspass.com/lesspass-how-it-works-dde742dd18a4#.vbgschksh"
  155. class="btn btn-secondary">
  156. How does it works?
  157. </a>
  158. </p>
  159. </div>
  160. <div class="col-12 col-md-5 p-0 px-sm-3">
  161. <div id="lesspass"></div>
  162. <div class="text-center text-sm-left">
  163. <small>
  164. <i class="fa fa-shield" aria-hidden="true"></i> For more security use browser extensions
  165. </small>
  166. </div>
  167. </div>
  168. </div>
  169. </div>
  170. </section>
  171. <div id="features">
  172. <div class="container">
  173. <div class="row align-items-center justify-content-center">
  174. <div class="col-12 col-sm-5">
  175. <h2>Manage your passwords directly from your browser</h2>
  176. <p class="lead">
  177. LessPass derives a site, a login and a master password to generate a unique password.
  178. You don't need to sync your password vault across every device.
  179. </p>
  180. </div>
  181. <div class="col-12 col-sm-5">
  182. <img src="dist/demo.gif" class="img-fluid" alt="LessPass demo">
  183. </div>
  184. </div>
  185. <div class="row air">
  186. <div class="col-12 col-sm-4 py-5">
  187. <img src="dist/options.png" class="img-fluid my-1" alt="LessPass options">
  188. <p>
  189. Manage complex passwords with LessPass options (only numbers, length, etc...)
  190. </p>
  191. </div>
  192. <div class="col-12 col-sm-4 py-5">
  193. <img src="dist/counter.png" class="img-fluid my-1" alt="LessPass counter">
  194. <p>
  195. Change generated password without changing your master password. Increment counter field in your
  196. options.
  197. </p>
  198. </div>
  199. <div class="col-12 col-sm-4 py-5">
  200. <img src="dist/fingerprint.png" class="img-fluid my-1" alt="LessPass fingerprint">
  201. <p>
  202. Detect an error in your master password without revealing it. Memorize your fingerprint ("<i>I like
  203. to eat in this luxury liner</i>").
  204. </p>
  205. </div>
  206. </div>
  207. <div class="row align-items-center justify-content-center">
  208. <div class="col-12 col-sm-5">
  209. <h2>Use LessPass Database for complex passwords</h2>
  210. <p class="lead">
  211. We all know sites with stupid password rules.
  212. For this kind of site, we created a "connected" version to not memorize the options.
  213. Sign in, load or save complex password on LessPass Database.
  214. </p>
  215. </div>
  216. <div class="col-12 col-sm-5">
  217. <img src="dist/LessPassDatabase.png" class="img-fluid" alt="LessPass Database">
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. <div style="background-color: #F9F9F9;">
  223. <div class="container">
  224. <div class="row air">
  225. <div class="col-12 col-sm-9">
  226. <h2>Can you see the source code<br>of your current password manager?</h2>
  227. <p class="lead">
  228. For us the security of a password manager goes through its transparency.
  229. LessPass is open source, and you can see how does it works.
  230. You do not need to take our word for it. You can go see under the hood.
  231. <a href="https://github.com/lesspass/lesspass">See on github</a>
  232. </p>
  233. <p>
  234. <a href="https://github.com/lesspass/lesspass">
  235. <img src="dist/stars.png" alt="">
  236. </a>
  237. </p>
  238. </div>
  239. </div>
  240. <div class="row">
  241. <div class="col-12 col-sm-9">
  242. <h2>You can use LessPass on:</h2>
  243. <ul class="list-unstyled lead">
  244. <li>
  245. <a href="https://chrome.google.com/webstore/detail/lesspass/lcmbpoclaodbgkbjafnkbbinogcbnjih">
  246. Chrome extension (<i class="fa fa-chrome" aria-hidden="true"></i>)
  247. </a>
  248. </li>
  249. <li>
  250. <a href="https://addons.mozilla.org/en-US/firefox/addon/lesspass/">
  251. Firefox extension (<i class="fa fa-firefox" aria-hidden="true"></i>)
  252. </a>
  253. </li>
  254. <li>
  255. <a href="https://play.google.com/store/apps/details?id=com.lesspass.cordova&hl=en">
  256. Android (<i class="fa fa-android" aria-hidden="true"></i>)
  257. </a>
  258. </li>
  259. <li>
  260. <a href="https://github.com/lesspass/cli#install">
  261. cli (<i class="fa fa-terminal" aria-hidden="true"></i>)
  262. </a>
  263. </li>
  264. <li>
  265. <a href="https://github.com/lesspass/cozy#install">
  266. Cozy Cloud
  267. </a>
  268. </li>
  269. <li>
  270. soon on Snapcraft (<i class="fa fa-linux" aria-hidden="true"></i>)
  271. </li>
  272. </ul>
  273. </div>
  274. </div>
  275. <div class="row air">
  276. <div class="col-12 col-sm-9">
  277. <h2>You also can self host your LessPass Database</h2>
  278. <p class="lead">
  279. Self host your LessPass Database with Docker on
  280. <a href="https://github.com/lesspass/lesspass/#self-host-your-lesspass-database">
  281. your server (<i class="fa fa-server" aria-hidden="true"></i>)
  282. </a>.
  283. </p>
  284. </div>
  285. </div>
  286. </div>
  287. </div>
  288. <div style="background-color: #F9F9F9;">
  289. <div class="container air">
  290. <div class="row">
  291. <div class="col-12">
  292. <small>
  293. Copyright LessPass <br>
  294. Created by <a href="https://twitter.com/guillaume20100">Guillaume Vincent</a>
  295. </small>
  296. </div>
  297. </div>
  298. </div>
  299. </div>
  300. <script src="dist/lesspass.min.js"></script>
  301. </body>
  302. </html>