markdown.html 54 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816
  1. <!doctype html>
  2. <!--
  3. * Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
  4. * @version 1.0.0-beta19
  5. * @link https://tabler.io
  6. * Copyright 2018-2023 The Tabler Authors
  7. * Copyright 2018-2023 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>Markdown - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
  16. <script defer data-api="/stats/api/event" data-domain="preview.tabler.io" src="/stats/js/script.js"></script>
  17. <meta name="msapplication-TileColor" content=""/>
  18. <meta name="theme-color" content=""/>
  19. <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
  20. <meta name="apple-mobile-web-app-capable" content="yes"/>
  21. <meta name="mobile-web-app-capable" content="yes"/>
  22. <meta name="HandheldFriendly" content="True"/>
  23. <meta name="MobileOptimized" content="320"/>
  24. <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
  25. <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
  26. <meta name="description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!"/>
  27. <meta name="canonical" content="https://preview.tabler.io/markdown.html">
  28. <meta name="twitter:image:src" content="https://preview.tabler.io/static/og.png">
  29. <meta name="twitter:site" content="@tabler_ui">
  30. <meta name="twitter:card" content="summary">
  31. <meta name="twitter:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
  32. <meta name="twitter:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
  33. <meta property="og:image" content="https://preview.tabler.io/static/og.png">
  34. <meta property="og:image:width" content="1280">
  35. <meta property="og:image:height" content="640">
  36. <meta property="og:site_name" content="Tabler">
  37. <meta property="og:type" content="object">
  38. <meta property="og:title" content="Tabler: Premium and Open Source dashboard template with responsive and high quality UI.">
  39. <meta property="og:url" content="https://preview.tabler.io/static/og.png">
  40. <meta property="og:description" content="Tabler comes with tons of well-designed components and features. Start your adventure with Tabler and make your dashboard great again. For free!">
  41. <!-- CSS files -->
  42. <link href="./dist/css/tabler.min.css?1685973381" rel="stylesheet"/>
  43. <link href="./dist/css/tabler-flags.min.css?1685973381" rel="stylesheet"/>
  44. <link href="./dist/css/tabler-payments.min.css?1685973381" rel="stylesheet"/>
  45. <link href="./dist/css/tabler-vendors.min.css?1685973381" rel="stylesheet"/>
  46. <link href="./dist/css/demo.min.css?1685973381" rel="stylesheet"/>
  47. <style>
  48. @import url('https://rsms.me/inter/inter.css');
  49. :root {
  50. --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  51. }
  52. body {
  53. font-feature-settings: "cv03", "cv04", "cv11";
  54. }
  55. </style>
  56. </head>
  57. <body >
  58. <script src="./dist/js/demo-theme.min.js?1685973381"></script>
  59. <div class="page">
  60. <!-- Navbar -->
  61. <header class="navbar navbar-expand-md d-print-none" >
  62. <div class="container-xl">
  63. <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu" aria-controls="navbar-menu" aria-expanded="false" aria-label="Toggle navigation">
  64. <span class="navbar-toggler-icon"></span>
  65. </button>
  66. <h1 class="navbar-brand navbar-brand-autodark d-none-navbar-horizontal pe-0 pe-md-3">
  67. <a href=".">
  68. <img src="./static/logo.svg" width="110" height="32" alt="Tabler" class="navbar-brand-image">
  69. </a>
  70. </h1>
  71. <div class="navbar-nav flex-row order-md-last">
  72. <div class="nav-item d-none d-md-flex me-3">
  73. <div class="btn-list">
  74. <a href="https://github.com/tabler/tabler" class="btn" target="_blank" rel="noreferrer">
  75. <!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
  76. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
  77. Source code
  78. </a>
  79. <a href="https://github.com/sponsors/codecalm" class="btn" target="_blank" rel="noreferrer">
  80. <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
  81. <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
  82. Sponsor
  83. </a>
  84. </div>
  85. </div>
  86. <div class="d-none d-md-flex">
  87. <a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
  88. data-bs-placement="bottom">
  89. <!-- Download SVG icon from http://tabler-icons.io/i/moon -->
  90. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
  91. </a>
  92. <a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
  93. data-bs-placement="bottom">
  94. <!-- Download SVG icon from http://tabler-icons.io/i/sun -->
  95. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
  96. </a>
  97. <div class="nav-item dropdown d-none d-md-flex me-3">
  98. <a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
  99. <!-- Download SVG icon from http://tabler-icons.io/i/bell -->
  100. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 1 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
  101. <span class="badge bg-red"></span>
  102. </a>
  103. <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-end dropdown-menu-card">
  104. <div class="card">
  105. <div class="card-header">
  106. <h3 class="card-title">Last updates</h3>
  107. </div>
  108. <div class="list-group list-group-flush list-group-hoverable">
  109. <div class="list-group-item">
  110. <div class="row align-items-center">
  111. <div class="col-auto"><span class="status-dot status-dot-animated bg-red d-block"></span></div>
  112. <div class="col text-truncate">
  113. <a href="#" class="text-body d-block">Example 1</a>
  114. <div class="d-block text-secondary text-truncate mt-n1">
  115. Change deprecated html tags to text decoration classes (#29604)
  116. </div>
  117. </div>
  118. <div class="col-auto">
  119. <a href="#" class="list-group-item-actions">
  120. <!-- Download SVG icon from http://tabler-icons.io/i/star -->
  121. <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
  122. </a>
  123. </div>
  124. </div>
  125. </div>
  126. <div class="list-group-item">
  127. <div class="row align-items-center">
  128. <div class="col-auto"><span class="status-dot d-block"></span></div>
  129. <div class="col text-truncate">
  130. <a href="#" class="text-body d-block">Example 2</a>
  131. <div class="d-block text-secondary text-truncate mt-n1">
  132. justify-content:between ⇒ justify-content:space-between (#29734)
  133. </div>
  134. </div>
  135. <div class="col-auto">
  136. <a href="#" class="list-group-item-actions show">
  137. <!-- Download SVG icon from http://tabler-icons.io/i/star -->
  138. <svg xmlns="http://www.w3.org/2000/svg" class="icon text-yellow" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
  139. </a>
  140. </div>
  141. </div>
  142. </div>
  143. <div class="list-group-item">
  144. <div class="row align-items-center">
  145. <div class="col-auto"><span class="status-dot d-block"></span></div>
  146. <div class="col text-truncate">
  147. <a href="#" class="text-body d-block">Example 3</a>
  148. <div class="d-block text-secondary text-truncate mt-n1">
  149. Update change-version.js (#29736)
  150. </div>
  151. </div>
  152. <div class="col-auto">
  153. <a href="#" class="list-group-item-actions">
  154. <!-- Download SVG icon from http://tabler-icons.io/i/star -->
  155. <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
  156. </a>
  157. </div>
  158. </div>
  159. </div>
  160. <div class="list-group-item">
  161. <div class="row align-items-center">
  162. <div class="col-auto"><span class="status-dot status-dot-animated bg-green d-block"></span></div>
  163. <div class="col text-truncate">
  164. <a href="#" class="text-body d-block">Example 4</a>
  165. <div class="d-block text-secondary text-truncate mt-n1">
  166. Regenerate package-lock.json (#29730)
  167. </div>
  168. </div>
  169. <div class="col-auto">
  170. <a href="#" class="list-group-item-actions">
  171. <!-- Download SVG icon from http://tabler-icons.io/i/star -->
  172. <svg xmlns="http://www.w3.org/2000/svg" class="icon text-muted" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
  173. </a>
  174. </div>
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. <div class="nav-item dropdown">
  183. <a href="#" class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown" aria-label="Open user menu">
  184. <span class="avatar avatar-sm" style="background-image: url(./static/avatars/000m.jpg)"></span>
  185. <div class="d-none d-xl-block ps-2">
  186. <div>Paweł Kuna</div>
  187. <div class="mt-1 small text-secondary">UI Designer</div>
  188. </div>
  189. </a>
  190. <div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
  191. <a href="#" class="dropdown-item">Status</a>
  192. <a href="./profile.html" class="dropdown-item">Profile</a>
  193. <a href="#" class="dropdown-item">Feedback</a>
  194. <div class="dropdown-divider"></div>
  195. <a href="./settings.html" class="dropdown-item">Settings</a>
  196. <a href="./sign-in.html" class="dropdown-item">Logout</a>
  197. </div>
  198. </div>
  199. </div>
  200. </div>
  201. </header>
  202. <header class="navbar-expand-md">
  203. <div class="collapse navbar-collapse" id="navbar-menu">
  204. <div class="navbar">
  205. <div class="container-xl">
  206. <ul class="navbar-nav">
  207. <li class="nav-item">
  208. <a class="nav-link" href="./" >
  209. <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
  210. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 12l-2 0l9 -9l9 9l-2 0" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
  211. </span>
  212. <span class="nav-link-title">
  213. Home
  214. </span>
  215. </a>
  216. </li>
  217. <li class="nav-item active dropdown">
  218. <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
  219. <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
  220. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" /><path d="M12 12l8 -4.5" /><path d="M12 12l0 9" /><path d="M12 12l-8 -4.5" /><path d="M16 5.25l-8 4.5" /></svg>
  221. </span>
  222. <span class="nav-link-title">
  223. Interface
  224. </span>
  225. </a>
  226. <div class="dropdown-menu">
  227. <div class="dropdown-menu-columns">
  228. <div class="dropdown-menu-column">
  229. <a class="dropdown-item" href="./alerts.html">
  230. Alerts
  231. </a>
  232. <a class="dropdown-item" href="./accordion.html">
  233. Accordion
  234. </a>
  235. <div class="dropend">
  236. <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
  237. Authentication
  238. </a>
  239. <div class="dropdown-menu">
  240. <a href="./sign-in.html" class="dropdown-item">
  241. Sign in
  242. </a>
  243. <a href="./sign-in-link.html" class="dropdown-item">
  244. Sign in link
  245. </a>
  246. <a href="./sign-in-illustration.html" class="dropdown-item">
  247. Sign in with illustration
  248. </a>
  249. <a href="./sign-in-cover.html" class="dropdown-item">
  250. Sign in with cover
  251. </a>
  252. <a href="./sign-up.html" class="dropdown-item">
  253. Sign up
  254. </a>
  255. <a href="./forgot-password.html" class="dropdown-item">
  256. Forgot password
  257. </a>
  258. <a href="./terms-of-service.html" class="dropdown-item">
  259. Terms of service
  260. </a>
  261. <a href="./auth-lock.html" class="dropdown-item">
  262. Lock screen
  263. </a>
  264. <a href="./2-step-verification.html" class="dropdown-item">
  265. 2 step verification
  266. </a>
  267. <a href="./2-step-verification-code.html" class="dropdown-item">
  268. 2 step verification code
  269. </a>
  270. </div>
  271. </div>
  272. <a class="dropdown-item" href="./blank.html">
  273. Blank page
  274. </a>
  275. <a class="dropdown-item" href="./badges.html">
  276. Badges
  277. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  278. </a>
  279. <a class="dropdown-item" href="./buttons.html">
  280. Buttons
  281. </a>
  282. <div class="dropend">
  283. <a class="dropdown-item dropdown-toggle" href="#sidebar-cards" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
  284. Cards
  285. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  286. </a>
  287. <div class="dropdown-menu">
  288. <a href="./cards.html" class="dropdown-item">
  289. Sample cards
  290. </a>
  291. <a href="./card-actions.html" class="dropdown-item">
  292. Card actions
  293. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  294. </a>
  295. <a href="./cards-masonry.html" class="dropdown-item">
  296. Cards Masonry
  297. </a>
  298. </div>
  299. </div>
  300. <a class="dropdown-item" href="./carousel.html">
  301. Carousel
  302. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  303. </a>
  304. <a class="dropdown-item" href="./charts.html">
  305. Charts
  306. </a>
  307. <a class="dropdown-item" href="./colors.html">
  308. Colors
  309. </a>
  310. <a class="dropdown-item" href="./colorpicker.html">
  311. Color picker
  312. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  313. </a>
  314. <a class="dropdown-item" href="./datagrid.html">
  315. Data grid
  316. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  317. </a>
  318. <a class="dropdown-item" href="./datatables.html">
  319. Datatables
  320. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  321. </a>
  322. <a class="dropdown-item" href="./dropdowns.html">
  323. Dropdowns
  324. </a>
  325. <a class="dropdown-item" href="./dropzone.html">
  326. Dropzone
  327. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  328. </a>
  329. <div class="dropend">
  330. <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
  331. Error pages
  332. </a>
  333. <div class="dropdown-menu">
  334. <a href="./error-404.html" class="dropdown-item">
  335. 404 page
  336. </a>
  337. <a href="./error-500.html" class="dropdown-item">
  338. 500 page
  339. </a>
  340. <a href="./error-maintenance.html" class="dropdown-item">
  341. Maintenance page
  342. </a>
  343. </div>
  344. </div>
  345. <a class="dropdown-item" href="./flags.html">
  346. Flags
  347. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  348. </a>
  349. <a class="dropdown-item" href="./inline-player.html">
  350. Inline player
  351. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  352. </a>
  353. </div>
  354. <div class="dropdown-menu-column">
  355. <a class="dropdown-item" href="./lightbox.html">
  356. Lightbox
  357. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  358. </a>
  359. <a class="dropdown-item" href="./lists.html">
  360. Lists
  361. </a>
  362. <a class="dropdown-item" href="./modals.html">
  363. Modal
  364. </a>
  365. <a class="dropdown-item" href="./maps.html">
  366. Map
  367. </a>
  368. <a class="dropdown-item" href="./map-fullsize.html">
  369. Map fullsize
  370. </a>
  371. <a class="dropdown-item" href="./maps-vector.html">
  372. Map vector
  373. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  374. </a>
  375. <a class="dropdown-item active" href="./markdown.html">
  376. Markdown
  377. </a>
  378. <a class="dropdown-item" href="./navigation.html">
  379. Navigation
  380. </a>
  381. <a class="dropdown-item" href="./offcanvas.html">
  382. Offcanvas
  383. </a>
  384. <a class="dropdown-item" href="./pagination.html">
  385. <!-- Download SVG icon from http://tabler-icons.io/i/pie-chart -->
  386. Pagination
  387. </a>
  388. <a class="dropdown-item" href="./placeholder.html">
  389. Placeholder
  390. </a>
  391. <a class="dropdown-item" href="./steps.html">
  392. Steps
  393. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  394. </a>
  395. <a class="dropdown-item" href="./stars-rating.html">
  396. Stars rating
  397. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  398. </a>
  399. <a class="dropdown-item" href="./tabs.html">
  400. Tabs
  401. </a>
  402. <a class="dropdown-item" href="./tables.html">
  403. Tables
  404. </a>
  405. <a class="dropdown-item" href="./typography.html">
  406. Typography
  407. </a>
  408. <a class="dropdown-item" href="./tinymce.html">
  409. TinyMCE
  410. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  411. </a>
  412. </div>
  413. </div>
  414. </div>
  415. </li>
  416. <li class="nav-item">
  417. <a class="nav-link" href="./form-elements.html" >
  418. <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
  419. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 11l3 3l8 -8" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
  420. </span>
  421. <span class="nav-link-title">
  422. Form elements
  423. </span>
  424. </a>
  425. </li>
  426. <li class="nav-item dropdown">
  427. <a class="nav-link dropdown-toggle" href="#navbar-extra" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
  428. <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
  429. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
  430. </span>
  431. <span class="nav-link-title">
  432. Extra
  433. </span>
  434. </a>
  435. <div class="dropdown-menu">
  436. <div class="dropdown-menu-columns">
  437. <div class="dropdown-menu-column">
  438. <a class="dropdown-item" href="./empty.html">
  439. Empty page
  440. </a>
  441. <a class="dropdown-item" href="./cookie-banner.html">
  442. Cookie banner
  443. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  444. </a>
  445. <a class="dropdown-item" href="./activity.html">
  446. Activity
  447. </a>
  448. <a class="dropdown-item" href="./gallery.html">
  449. Gallery
  450. </a>
  451. <a class="dropdown-item" href="./invoice.html">
  452. Invoice
  453. </a>
  454. <a class="dropdown-item" href="./search-results.html">
  455. Search results
  456. </a>
  457. <a class="dropdown-item" href="./pricing.html">
  458. Pricing cards
  459. </a>
  460. <a class="dropdown-item" href="./pricing-table.html">
  461. Pricing table
  462. </a>
  463. <a class="dropdown-item" href="./faq.html">
  464. FAQ
  465. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  466. </a>
  467. <a class="dropdown-item" href="./users.html">
  468. Users
  469. </a>
  470. <a class="dropdown-item" href="./license.html">
  471. License
  472. </a>
  473. </div>
  474. <div class="dropdown-menu-column">
  475. <a class="dropdown-item" href="./logs.html">
  476. Logs
  477. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  478. </a>
  479. <a class="dropdown-item" href="./music.html">
  480. Music
  481. </a>
  482. <a class="dropdown-item" href="./photogrid.html">
  483. Photogrid
  484. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  485. </a>
  486. <a class="dropdown-item" href="./tasks.html">
  487. Tasks
  488. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  489. </a>
  490. <a class="dropdown-item" href="./uptime.html">
  491. Uptime monitor
  492. </a>
  493. <a class="dropdown-item" href="./widgets.html">
  494. Widgets
  495. </a>
  496. <a class="dropdown-item" href="./wizard.html">
  497. Wizard
  498. </a>
  499. <a class="dropdown-item" href="./settings.html">
  500. Settings
  501. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  502. </a>
  503. <a class="dropdown-item" href="./trial-ended.html">
  504. Trial ended
  505. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  506. </a>
  507. <a class="dropdown-item" href="./job-listing.html">
  508. Job listing
  509. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  510. </a>
  511. <a class="dropdown-item" href="./page-loader.html">
  512. Page loader
  513. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  514. </a>
  515. </div>
  516. </div>
  517. </div>
  518. </li>
  519. <li class="nav-item dropdown">
  520. <a class="nav-link dropdown-toggle" href="#navbar-layout" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
  521. <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
  522. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M4 13m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 4m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v3a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /><path d="M14 15m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v1a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /></svg>
  523. </span>
  524. <span class="nav-link-title">
  525. Layout
  526. </span>
  527. </a>
  528. <div class="dropdown-menu">
  529. <div class="dropdown-menu-columns">
  530. <div class="dropdown-menu-column">
  531. <a class="dropdown-item" href="./layout-horizontal.html">
  532. Horizontal
  533. </a>
  534. <a class="dropdown-item" href="./layout-boxed.html">
  535. Boxed
  536. <span class="badge badge-sm bg-green-lt text-uppercase ms-auto">New</span>
  537. </a>
  538. <a class="dropdown-item" href="./layout-vertical.html">
  539. Vertical
  540. </a>
  541. <a class="dropdown-item" href="./layout-vertical-transparent.html">
  542. Vertical transparent
  543. </a>
  544. <a class="dropdown-item" href="./layout-vertical-right.html">
  545. Right vertical
  546. </a>
  547. <a class="dropdown-item" href="./layout-condensed.html">
  548. Condensed
  549. </a>
  550. <a class="dropdown-item" href="./layout-combo.html">
  551. Combined
  552. </a>
  553. </div>
  554. <div class="dropdown-menu-column">
  555. <a class="dropdown-item" href="./layout-navbar-dark.html">
  556. Navbar dark
  557. </a>
  558. <a class="dropdown-item" href="./layout-navbar-sticky.html">
  559. Navbar sticky
  560. </a>
  561. <a class="dropdown-item" href="./layout-navbar-overlap.html">
  562. Navbar overlap
  563. </a>
  564. <a class="dropdown-item" href="./layout-rtl.html">
  565. RTL mode
  566. </a>
  567. <a class="dropdown-item" href="./layout-fluid.html">
  568. Fluid
  569. </a>
  570. <a class="dropdown-item" href="./layout-fluid-vertical.html">
  571. Fluid vertical
  572. </a>
  573. </div>
  574. </div>
  575. </div>
  576. </li>
  577. <li class="nav-item">
  578. <a class="nav-link" href="./icons.html" >
  579. <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/ghost -->
  580. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><path d="M10 10l.01 0" /><path d="M14 10l.01 0" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
  581. </span>
  582. <span class="nav-link-title">
  583. 4231 icons
  584. </span>
  585. </a>
  586. </li>
  587. <li class="nav-item dropdown">
  588. <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown" data-bs-auto-close="outside" role="button" aria-expanded="false" >
  589. <span class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/lifebuoy -->
  590. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M15 15l3.35 3.35" /><path d="M9 15l-3.35 3.35" /><path d="M5.65 5.65l3.35 3.35" /><path d="M18.35 5.65l-3.35 3.35" /></svg>
  591. </span>
  592. <span class="nav-link-title">
  593. Help
  594. </span>
  595. </a>
  596. <div class="dropdown-menu">
  597. <a class="dropdown-item" href="https://tabler.io/docs" target="_blank" rel="noopener">
  598. Documentation
  599. </a>
  600. <a class="dropdown-item" href="./changelog.html">
  601. Changelog
  602. </a>
  603. <a class="dropdown-item" href="https://github.com/tabler/tabler" target="_blank" rel="noopener">
  604. Source code
  605. </a>
  606. <a class="dropdown-item text-pink" href="https://github.com/sponsors/codecalm" target="_blank" rel="noopener">
  607. <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
  608. <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-inline me-1" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
  609. Sponsor project!
  610. </a>
  611. </div>
  612. </li>
  613. </ul>
  614. <div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
  615. <form action="./" method="get" autocomplete="off" novalidate>
  616. <div class="input-icon">
  617. <span class="input-icon-addon">
  618. <!-- Download SVG icon from http://tabler-icons.io/i/search -->
  619. <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0" /><path d="M21 21l-6 -6" /></svg>
  620. </span>
  621. <input type="text" value="" class="form-control" placeholder="Search…" aria-label="Search in website">
  622. </div>
  623. </form>
  624. </div>
  625. </div>
  626. </div>
  627. </div>
  628. </header>
  629. <div class="page-wrapper">
  630. <!-- Page header -->
  631. <div class="page-header d-print-none">
  632. <div class="container-xl">
  633. <div class="row g-2 align-items-center">
  634. <div class="col">
  635. <h2 class="page-title">
  636. Markdown
  637. </h2>
  638. </div>
  639. </div>
  640. </div>
  641. </div>
  642. <!-- Page body -->
  643. <div class="page-body">
  644. <div class="container-xl">
  645. <div class="row justify-content-center">
  646. <div class="col-lg-10 col-xl-9">
  647. <div class="card card-lg">
  648. <div class="card-body markdown">
  649. <h1 id="whos-that-then">Who’s that then?</h1>
  650. <p>Well, she turned me into a newt. Burn her! We want a shrubbery!! Well, I got better. Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony.</p>
  651. <p>Listen. <strong>Strange women lying in ponds distributing swords is no basis for a system of government.</strong> <em>Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony.</em> The swallow may fly south with the sun, and the house martin or the plover may seek warmer climes in winter, yet these are not strangers to our land.</p>
  652. <h2 id="well-mercias-a-temperate-zone">Well, Mercia’s a temperate zone!</h2>
  653. <p>You don’t frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits! A newt?</p>
  654. <ol>
  655. <li>Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony.</li>
  656. <li>I don’t want to talk to you no more, you empty-headed animal food trough water! I fart in your general direction! Your mother was a hamster and your father smelt of elderberries! Now leave before I am forced to taunt you a second time!</li>
  657. <li>We found them.</li>
  658. </ol>
  659. <h3 id="what-do-you-mean">What do you mean?</h3>
  660. <p>Oh! Come and see the violence inherent in the system! Help, help, I’m being repressed! The Lady of the Lake, her arm clad in the purest shimmering samite, held aloft Excalibur from the bosom of the water, signifying by divine providence that I, Arthur, was to carry Excalibur. That is why I am your king.</p>
  661. <ul>
  662. <li>The Knights Who Say Ni demand a sacrifice!</li>
  663. <li>Be quiet!</li>
  664. <li>Bloody Peasant!</li>
  665. </ul>
  666. <p>Well, I got better. Camelot! A newt? We want a shrubbery!! The Lady of the Lake, her arm clad in the purest shimmering samite, held aloft Excalibur from the bosom of the water, signifying by divine providence that I, Arthur, was to carry Excalibur. That is why I am your king.</p>
  667. <p>Shut up! …Are you suggesting that coconuts migrate? I’m not a witch. Well, we did do the nose.</p>
  668. <p>Well, how’d you become king, then? Shut up! Ni! Ni! Ni! Ni! Well, Mercia’s a temperate zone! I don’t want to talk to you no more, you empty-headed animal food trough water! I fart in your general direction! Your mother was a hamster and your father smelt of elderberries! Now leave before I am forced to taunt you a second time!</p>
  669. <div class="language-scss highlighter-rouge">
  670. <div class="highlight">
  671. <pre class="highlight"><code><span class="nv">$extra-colors</span><span class="p">:</span> <span class="p">(</span>
  672. <span class="s2">"blue"</span><span class="o">:</span> <span class="nv">$blue</span><span class="o">,</span>
  673. <span class="s2">"azure"</span><span class="o">:</span> <span class="nv">$azure</span><span class="o">,</span>
  674. <span class="s2">"indigo"</span><span class="o">:</span> <span class="nv">$indigo</span><span class="o">,</span>
  675. <span class="s2">"purple"</span><span class="o">:</span> <span class="nv">$purple</span><span class="o">,</span>
  676. <span class="s2">"pink"</span><span class="o">:</span> <span class="nv">$pink</span><span class="o">,</span>
  677. <span class="s2">"red"</span><span class="o">:</span> <span class="nv">$red</span><span class="o">,</span>
  678. <span class="s2">"orange"</span><span class="o">:</span> <span class="nv">$orange</span><span class="o">,</span>
  679. <span class="s2">"yellow"</span><span class="o">:</span> <span class="nv">$yellow</span><span class="o">,</span>
  680. <span class="s2">"lime"</span><span class="o">:</span> <span class="nv">$lime</span><span class="o">,</span>
  681. <span class="s2">"green"</span><span class="o">:</span> <span class="nv">$green</span><span class="o">,</span>
  682. <span class="s2">"teal"</span><span class="o">:</span> <span class="nv">$teal</span><span class="o">,</span>
  683. <span class="s2">"cyan"</span><span class="o">:</span> <span class="nv">$cyan</span><span class="o">,</span>
  684. <span class="s2">"gray"</span><span class="o">:</span> <span class="nv">$gray-600</span><span class="o">,</span>
  685. <span class="s2">"gray-dark"</span><span class="o">:</span> <span class="nv">$gray-800</span><span class="o">,</span>
  686. <span class="s2">"dark"</span><span class="o">:</span> <span class="nv">$dark</span>
  687. <span class="p">)</span> <span class="o">!</span><span class="nb">default</span><span class="p">;</span>
  688. </code></pre>
  689. </div>
  690. </div>
  691. <p>You can’t expect to wield supreme power just ‘cause some watery tart threw a sword at you! You don’t frighten us, English pig-dogs! Go and boil your bottoms, sons of a silly person! I blow my nose at you, so-called Ah-thoor Keeng, you and all your silly English K-n-n-n-n-n-n-n-niggits!</p>
  692. <p>What do you mean? Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony.</p>
  693. <p><img src="./static/photos/contemporary-black-and-white-home-decor.jpg" alt="Image Alt" /></p>
  694. <p>Well, how’d you become king, then? You can’t expect to wield supreme power just ‘cause some watery tart threw a sword at you! The Lady of the Lake, her arm clad in the purest shimmering samite, held aloft Excalibur from the bosom of the water, signifying by divine providence that I, Arthur, was to carry Excalibur. That is why I am your king.</p>
  695. <p>Well, I got better. Shut up! Will you shut up?! Well, I got better. I don’t want to talk to you no more, you empty-headed animal food trough water! I fart in your general direction! Your mother was a hamster and your father smelt of elderberries! Now leave before I am forced to taunt you a second time!</p>
  696. <hr />
  697. <h1 id="typographic-elements">Typographic elements</h1>
  698. <h2 id="emphasis">Emphasis</h2>
  699. <p><strong>This is bold text</strong></p>
  700. <p><strong>This is bold text</strong></p>
  701. <p><em>This is italic text</em></p>
  702. <p><em>This is italic text</em></p>
  703. <p><del>Strikethrough</del></p>
  704. <h2 id="blockquotes">Blockquotes</h2>
  705. <blockquote>
  706. <p>Blockquotes can also be nested…</p>
  707. <blockquote>
  708. <p>…by using additional greater-than signs right next to each other…</p>
  709. <blockquote>
  710. <p>…or with spaces between arrows.</p>
  711. </blockquote>
  712. </blockquote>
  713. </blockquote>
  714. <p>Bloody Peasant! What do you mean? It’s only a model. Well, Mercia’s a temperate zone!</p>
  715. <p>I am your king. Shh! Knights, I bid you welcome to your new home. Let us ride to Camelot! Ni! Ni! Ni! Ni! Who’s that then? Listen. Strange women lying in ponds distributing swords is no basis for a system of government. Supreme executive power derives from a mandate from the masses, not from some farcical aquatic ceremony.</p>
  716. <h2 id="lists">Lists</h2>
  717. <p>Unordered</p>
  718. <ul>
  719. <li>Create a list by starting a line with <code class="language-plaintext highlighter-rouge">+</code>, <code class="language-plaintext highlighter-rouge">-</code>, or <code class="language-plaintext highlighter-rouge">*</code></li>
  720. <li>Sub-lists are made by indenting 2 spaces:
  721. <ul>
  722. <li>Marker character change forces new list start:
  723. <ul>
  724. <li>Ac tristique libero volutpat at</li>
  725. <li>Facilisis in pretium nisl aliquet</li>
  726. <li>Nulla volutpat aliquam velit</li>
  727. </ul>
  728. </li>
  729. </ul>
  730. </li>
  731. <li>Very easy!</li>
  732. </ul>
  733. <p>Ordered</p>
  734. <ol>
  735. <li>Lorem ipsum dolor sit amet</li>
  736. <li>Consectetur adipiscing elit</li>
  737. <li>Integer molestie lorem at massa</li>
  738. </ol>
  739. <h2 id="code">Code</h2>
  740. <p>Inline <code class="language-plaintext highlighter-rouge">code</code></p>
  741. <p>Indented code</p>
  742. <div class="language-plaintext highlighter-rouge">
  743. <div class="highlight">
  744. <pre class="highlight"><code>// Some comments
  745. line 1 of code
  746. line 2 of code
  747. line 3 of code
  748. </code></pre>
  749. </div>
  750. </div>
  751. <p>Block code “fences”</p>
  752. <div class="language-plaintext highlighter-rouge">
  753. <div class="highlight">
  754. <pre class="highlight"><code>Sample text here...
  755. </code></pre>
  756. </div>
  757. </div>
  758. <p>Syntax highlighting</p>
  759. <div class="language-js highlighter-rouge">
  760. <div class="highlight">
  761. <pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span>
  762. <span class="k">return</span> <span class="nx">bar</span><span class="o">++</span><span class="p">;</span>
  763. <span class="p">};</span>
  764. <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">foo</span><span class="p">(</span><span class="mi">5</span><span class="p">));</span>
  765. </code></pre>
  766. </div>
  767. </div>
  768. </div>
  769. </div>
  770. </div>
  771. </div>
  772. </div>
  773. </div>
  774. <footer class="footer footer-transparent d-print-none">
  775. <div class="container-xl">
  776. <div class="row text-center align-items-center flex-row-reverse">
  777. <div class="col-lg-auto ms-lg-auto">
  778. <ul class="list-inline list-inline-dots mb-0">
  779. <li class="list-inline-item"><a href="https://tabler.io/docs" target="_blank" class="link-secondary" rel="noopener">Documentation</a></li>
  780. <li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
  781. <li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
  782. <li class="list-inline-item">
  783. <a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
  784. <!-- Download SVG icon from http://tabler-icons.io/i/heart -->
  785. <svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
  786. Sponsor
  787. </a>
  788. </li>
  789. </ul>
  790. </div>
  791. <div class="col-12 col-lg-auto mt-3 mt-lg-0">
  792. <ul class="list-inline list-inline-dots mb-0">
  793. <li class="list-inline-item">
  794. Copyright &copy; 2023
  795. <a href="." class="link-secondary">Tabler</a>.
  796. All rights reserved.
  797. </li>
  798. <li class="list-inline-item">
  799. <a href="./changelog.html" class="link-secondary" rel="noopener">
  800. v1.0.0-beta19
  801. </a>
  802. </li>
  803. </ul>
  804. </div>
  805. </div>
  806. </div>
  807. </footer>
  808. </div>
  809. </div>
  810. <!-- Libs JS -->
  811. <!-- Tabler Core -->
  812. <script src="./dist/js/tabler.min.js?1685973381" defer></script>
  813. <script src="./dist/js/demo.min.js?1685973381" defer></script>
  814. </body>
  815. </html>