wizard.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193
  1. <!doctype html>
  2. <!--
  3. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
  4. * @version 1.0.0-beta14
  5. * @link https://tabler.io
  6. * Copyright 2018-2022 The Tabler Authors
  7. * Copyright 2018-2022 codecalm.net Paweł Kuna
  8. * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
  9. -->
  10. <html lang="en">
  11. <head>
  12. <meta charset="utf-8"/>
  13. <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
  14. <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
  15. <title>Wizard - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
  16. <!-- CSS files -->
  17. <link href="./dist/css/tabler.min.css?1666304673" rel="stylesheet"/>
  18. <link href="./dist/css/tabler-flags.min.css?1666304673" rel="stylesheet"/>
  19. <link href="./dist/css/tabler-payments.min.css?1666304673" rel="stylesheet"/>
  20. <link href="./dist/css/tabler-vendors.min.css?1666304673" rel="stylesheet"/>
  21. <link href="./dist/css/demo.min.css?1666304673" rel="stylesheet"/>
  22. <style>
  23. @import url('https://rsms.me/inter/inter.css');
  24. :root {
  25. --tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  26. }
  27. </style>
  28. </head>
  29. <body class=" border-top-wide border-primary d-flex flex-column">
  30. <script src="./dist/js/demo-theme.min.js?1666304673"></script>
  31. <div class="page page-center">
  32. <div class="container container-tight py-4">
  33. <div class="text-center mb-4">
  34. <a href="." class="navbar-brand navbar-brand-autodark"><img src="./static/logo.svg" height="36" alt=""></a>
  35. </div>
  36. <div class="card card-md">
  37. <div class="card-body text-center py-4 p-sm-5">
  38. <img src="./static/illustrations/undraw_sign_in_e6hj.svg" height="120" class="mb-n2" alt="">
  39. <h1 class="mt-5">Welcome to Tabler!</h1>
  40. <p class="text-muted">Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again.</p>
  41. </div>
  42. <div class="hr-text hr-text-center hr-text-spaceless">your data</div>
  43. <div class="card-body">
  44. <div class="mb-3">
  45. <label class="form-label">Create your Tabler URL</label>
  46. <div class="input-group input-group-flat">
  47. <span class="input-group-text">
  48. https://tabler.io/
  49. </span>
  50. <input type="text" class="form-control ps-1" autocomplete="off">
  51. </div>
  52. <div class="form-hint">Choose a URL that describes you or your business in a concise way. Make it short and easy to remember so you can share links with ease.</div>
  53. </div>
  54. <div>
  55. <label class="form-label">Timezone</label>
  56. <select class="form-select mb-0">
  57. <option value="DST">(UTC-12:00) International Date Line West</option>
  58. <option value="U">(UTC-11:00) Coordinated Universal Time-11</option>
  59. <option value="HST">(UTC-10:00) Hawaii</option>
  60. <option value="AKDT">(UTC-09:00) Alaska</option>
  61. <option value="PDT">(UTC-08:00) Baja California</option>
  62. <option value="PDT">(UTC-07:00) Pacific Time (US & Canada)</option>
  63. <option value="PST">(UTC-08:00) Pacific Time (US & Canada)</option>
  64. <option value="UMST">(UTC-07:00) Arizona</option>
  65. <option value="MDT">(UTC-07:00) Chihuahua, La Paz, Mazatlan</option>
  66. <option value="MDT">(UTC-07:00) Mountain Time (US & Canada)</option>
  67. <option value="CAST">(UTC-06:00) Central America</option>
  68. <option value="CDT">(UTC-06:00) Central Time (US & Canada)</option>
  69. <option value="CDT">(UTC-06:00) Guadalajara, Mexico City, Monterrey</option>
  70. <option value="CCST">(UTC-06:00) Saskatchewan</option>
  71. <option value="SPST">(UTC-05:00) Bogota, Lima, Quito</option>
  72. <option value="EDT">(UTC-05:00) Eastern Time (US & Canada)</option>
  73. <option value="UEDT">(UTC-05:00) Indiana (East)</option>
  74. <option value="VST">(UTC-04:30) Caracas</option>
  75. <option value="PYT">(UTC-04:00) Asuncion</option>
  76. <option value="ADT">(UTC-04:00) Atlantic Time (Canada)</option>
  77. <option value="CBST">(UTC-04:00) Cuiaba</option>
  78. <option value="SWST">(UTC-04:00) Georgetown, La Paz, Manaus, San Juan</option>
  79. <option value="PSST">(UTC-04:00) Santiago</option>
  80. <option value="NDT">(UTC-03:30) Newfoundland</option>
  81. <option value="ESAST">(UTC-03:00) Brasilia</option>
  82. <option value="AST">(UTC-03:00) Buenos Aires</option>
  83. <option value="SEST">(UTC-03:00) Cayenne, Fortaleza</option>
  84. <option value="GDT">(UTC-03:00) Greenland</option>
  85. <option value="MST">(UTC-03:00) Montevideo</option>
  86. <option value="BST">(UTC-03:00) Salvador</option>
  87. <option value="U">(UTC-02:00) Coordinated Universal Time-02</option>
  88. <option value="MDT">(UTC-02:00) Mid-Atlantic - Old</option>
  89. <option value="ADT">(UTC-01:00) Azores</option>
  90. <option value="CVST">(UTC-01:00) Cape Verde Is.</option>
  91. <option value="MDT">(UTC) Casablanca</option>
  92. <option value="UTC">(UTC) Coordinated Universal Time</option>
  93. <option value="GMT">(UTC) Edinburgh, London</option>
  94. <option value="BST">(UTC+01:00) Edinburgh, London</option>
  95. <option value="GDT">(UTC) Dublin, Lisbon</option>
  96. <option value="GST">(UTC) Monrovia, Reykjavik</option>
  97. <option value="WEDT">(UTC+01:00) Amsterdam, Berlin, Bern, Rome, Stockholm, Vienna</option>
  98. <option value="CEDT" selected>(UTC+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague</option>
  99. <option value="RDT">(UTC+01:00) Brussels, Copenhagen, Madrid, Paris</option>
  100. <option value="CEDT" selected>(UTC+01:00) Sarajevo, Skopje, Warsaw, Zagreb</option>
  101. <option value="WCAST">(UTC+01:00) West Central Africa</option>
  102. <option value="NST">(UTC+01:00) Windhoek</option>
  103. <option value="GDT">(UTC+02:00) Athens, Bucharest</option>
  104. <option value="MEDT">(UTC+02:00) Beirut</option>
  105. <option value="EST">(UTC+02:00) Cairo</option>
  106. <option value="SDT">(UTC+02:00) Damascus</option>
  107. <option value="EEDT">(UTC+02:00) E. Europe</option>
  108. <option value="SAST">(UTC+02:00) Harare, Pretoria</option>
  109. <option value="FDT">(UTC+02:00) Helsinki, Kyiv, Riga, Sofia, Tallinn, Vilnius</option>
  110. <option value="TDT">(UTC+03:00) Istanbul</option>
  111. <option value="JDT">(UTC+02:00) Jerusalem</option>
  112. <option value="LST">(UTC+02:00) Tripoli</option>
  113. <option value="JST">(UTC+03:00) Amman</option>
  114. <option value="AST">(UTC+03:00) Baghdad</option>
  115. <option value="KST">(UTC+02:00) Kaliningrad</option>
  116. <option value="AST">(UTC+03:00) Kuwait, Riyadh</option>
  117. <option value="EAST">(UTC+03:00) Nairobi</option>
  118. <option value="MSK">(UTC+03:00) Moscow, St. Petersburg, Volgograd, Minsk</option>
  119. <option value="SAMT">(UTC+04:00) Samara, Ulyanovsk, Saratov</option>
  120. <option value="IDT">(UTC+03:30) Tehran</option>
  121. <option value="AST">(UTC+04:00) Abu Dhabi, Muscat</option>
  122. <option value="ADT">(UTC+04:00) Baku</option>
  123. <option value="MST">(UTC+04:00) Port Louis</option>
  124. <option value="GET">(UTC+04:00) Tbilisi</option>
  125. <option value="CST">(UTC+04:00) Yerevan</option>
  126. <option value="AST">(UTC+04:30) Kabul</option>
  127. <option value="WAST">(UTC+05:00) Ashgabat, Tashkent</option>
  128. <option value="YEKT">(UTC+05:00) Yekaterinburg</option>
  129. <option value="PKT">(UTC+05:00) Islamabad, Karachi</option>
  130. <option value="IST">(UTC+05:30) Chennai, Kolkata, Mumbai, New Delhi</option>
  131. <option value="SLST">(UTC+05:30) Sri Jayawardenepura</option>
  132. <option value="NST">(UTC+05:45) Kathmandu</option>
  133. <option value="CAST">(UTC+06:00) Nur-Sultan (Astana)</option>
  134. <option value="BST">(UTC+06:00) Dhaka</option>
  135. <option value="MST">(UTC+06:30) Yangon (Rangoon)</option>
  136. <option value="SAST">(UTC+07:00) Bangkok, Hanoi, Jakarta</option>
  137. <option value="NCAST">(UTC+07:00) Novosibirsk</option>
  138. <option value="CST">(UTC+08:00) Beijing, Chongqing, Hong Kong, Urumqi</option>
  139. <option value="NAST">(UTC+08:00) Krasnoyarsk</option>
  140. <option value="MPST">(UTC+08:00) Kuala Lumpur, Singapore</option>
  141. <option value="WAST">(UTC+08:00) Perth</option>
  142. <option value="TST">(UTC+08:00) Taipei</option>
  143. <option value="UST">(UTC+08:00) Ulaanbaatar</option>
  144. <option value="NAEST">(UTC+08:00) Irkutsk</option>
  145. <option value="JST">(UTC+09:00) Osaka, Sapporo, Tokyo</option>
  146. <option value="KST">(UTC+09:00) Seoul</option>
  147. <option value="CAST">(UTC+09:30) Adelaide</option>
  148. <option value="ACST">(UTC+09:30) Darwin</option>
  149. <option value="EAST">(UTC+10:00) Brisbane</option>
  150. <option value="AEST">(UTC+10:00) Canberra, Melbourne, Sydney</option>
  151. <option value="WPST">(UTC+10:00) Guam, Port Moresby</option>
  152. <option value="TST">(UTC+10:00) Hobart</option>
  153. <option value="YST">(UTC+09:00) Yakutsk</option>
  154. <option value="CPST">(UTC+11:00) Solomon Is., New Caledonia</option>
  155. <option value="VST">(UTC+11:00) Vladivostok</option>
  156. <option value="NZST">(UTC+12:00) Auckland, Wellington</option>
  157. <option value="U">(UTC+12:00) Coordinated Universal Time+12</option>
  158. <option value="FST">(UTC+12:00) Fiji</option>
  159. <option value="MST">(UTC+12:00) Magadan</option>
  160. <option value="KDT">(UTC+12:00) Petropavlovsk-Kamchatsky - Old</option>
  161. <option value="TST">(UTC+13:00) Nuku'alofa</option>
  162. <option value="SST">(UTC+13:00) Samoa</option>
  163. </select>
  164. </div>
  165. </div>
  166. </div>
  167. <div class="row align-items-center mt-3">
  168. <div class="col-4">
  169. <div class="progress">
  170. <div class="progress-bar" style="width: 25%" role="progressbar" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" aria-label="25% Complete">
  171. <span class="visually-hidden">25% Complete</span>
  172. </div>
  173. </div>
  174. </div>
  175. <div class="col">
  176. <div class="btn-list justify-content-end">
  177. <a href="#" class="btn btn-link link-secondary">
  178. Set up later
  179. </a>
  180. <a href="#" class="btn btn-primary">
  181. Continue
  182. </a>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. <!-- Libs JS -->
  189. <!-- Tabler Core -->
  190. <script src="./dist/js/tabler.min.js?1666304673" defer></script>
  191. <script src="./dist/js/demo.min.js?1666304673" defer></script>
  192. </body>
  193. </html>