SMusatov
/
tabler
mirror of https://github.com/tabler/tabler.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519
							<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version v1.0.0-alpha
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
* Licensed under MIT (https://tabler.io/license)
-->
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <meta http-equiv="Content-Language" content="en"/>
    <meta name="msapplication-TileColor" content="#206bc4"/>
    <meta name="theme-color" content="#206bc4"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="mobile-web-app-capable" content="yes"/>
    <meta name="HandheldFriendly" content="True"/>
    <meta name="MobileOptimized" content="320"/>
    <meta name="robots" content="noindex,nofollow,noarchive"/>
    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
    <title>Markdown - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
    <!-- Libs CSS -->
    <link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578237242" rel="stylesheet"/>
    <link href="./dist/libs/selectize/dist/css/selectize.css?1578237242" rel="stylesheet"/>
    <link href="./dist/libs/fullcalendar/core/main.min.css?1578237242" rel="stylesheet"/>
    <link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578237242" rel="stylesheet"/>
    <link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578237242" rel="stylesheet"/>
    <link href="./dist/libs/fullcalendar/list/main.min.css?1578237242" rel="stylesheet"/>
    <!-- Tabler Core -->
    <link href="./dist/css/tabler.min.css?1578237242" rel="stylesheet"/>
    <!-- Tabler Plugins -->
    <link href="./dist/css/tabler-flags.min.css?1578237242" rel="stylesheet"/>
    <link href="./dist/css/tabler-payments.min.css?1578237242" rel="stylesheet" />
  </head>
  <body class="antialiased">
    <div class="wrapper">
      <aside class="sidebar sidebar-dark">
        <!-- Sidebar logo -->
        <a href="." class="sidebar-brand">
          <img src="./static/logo.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-lg">
          <img src="./static/logo-small.svg" alt="Tabler" class="sidebar-brand-logo sidebar-brand-logo-sm">
        </a>
        <div class="sidebar-content">
          <div>
            <!-- Sidebar menu -->
            <ul class="sidebar-nav">
              <li class="sidebar-nav-title">Navigation</li>
              <li class="sidebar-nav-item">
                <a href="./index.html" class="sidebar-nav-link" >
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
                  <span class="nav-text">Dashboard</span>
                  <span class="badge bg-blue"></span>
                </a>
              </li>
              <li class="sidebar-nav-item">
                <a href="./form-elements.html" class="sidebar-nav-link" >
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polyline points="9 11 12 14 22 4"></polyline><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"></path></svg>
                  <span class="nav-text">Form elements</span>
                  <span class="badge bg-red">New</span>
                </a>
              </li>
              <li class="sidebar-nav-item">
                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-error">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="9" y1="15" x2="15" y2="15"></line></svg>
                  <span class="nav-text">Error pages</span>
                  <span class="sidebar-nav-arrow"></span>
                </a>
                <ul class="sidebar-subnav collapse" id="sidebar-menu-error">
                  <li class="sidebar-nav-item">
                    <a  href="./400.html" class="sidebar-nav-link" >
                      <span>400 page</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./401.html" class="sidebar-nav-link" >
                      <span>401 page</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./403.html" class="sidebar-nav-link" >
                      <span>403 page</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./404.html" class="sidebar-nav-link" >
                      <span>404 page</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./500.html" class="sidebar-nav-link" >
                      <span>500 page</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./503.html" class="sidebar-nav-link" >
                      <span>503 page</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./maintenance.html" class="sidebar-nav-link" >
                      <span>Maintenance page</span>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="sidebar-nav-item">
                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-base">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="16.5" y1="9.4" x2="7.5" y2="4.21"></line><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"></path><polyline points="3.27 6.96 12 12.01 20.73 6.96"></polyline><line x1="12" y1="22.08" x2="12" y2="12"></line></svg>
                  <span class="nav-text">Base</span>
                  <span class="sidebar-nav-arrow"></span>
                </a>
                <ul class="sidebar-subnav collapse" id="sidebar-menu-base">
                  <li class="sidebar-nav-item">
                    <a  href="./blank.html" class="sidebar-nav-link" >
                      <span>Starter page</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./buttons.html" class="sidebar-nav-link" >
                      <span>Buttons</span>
                      <span class="badge bg-green">New</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./cards.html" class="sidebar-nav-link" >
                      <span>Cards</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./datatables.html" class="sidebar-nav-link" >
                      <span>Data Tables</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./calendar.html" class="sidebar-nav-link" >
                      <span>Calendar</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./carousel.html" class="sidebar-nav-link" >
                      <span>Carousel</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./users.html" class="sidebar-nav-link" >
                      <span>Users</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./gallery.html" class="sidebar-nav-link" >
                      <span>Gallery</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./profile.html" class="sidebar-nav-link" >
                      <span>Profile</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./music.html" class="sidebar-nav-link" >
                      <span>Music</span>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="sidebar-nav-item">
                <a href="./charts.html" class="sidebar-nav-link" >
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M21.21 15.89A10 10 0 1 1 8 2.83"></path><path d="M22 12A10 10 0 0 0 12 2v10z"></path></svg>
                  <span class="nav-text">Charts</span>
                </a>
              </li>
              <li class="sidebar-nav-item">
                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-a">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
                  <span class="nav-text">A</span>
                  <span class="sidebar-nav-arrow"></span>
                </a>
                <ul class="sidebar-subnav collapse" id="sidebar-menu-a">
                  <li class="sidebar-nav-item">
                    <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-b">
                      <span>B</span>
                      <span class="sidebar-nav-arrow"></span>
                    </a>
                    <ul class="sidebar-subnav collapse" id="sidebar-menu-b">
                      <li class="sidebar-nav-item">
                        <a href="./tmp.html" class="sidebar-nav-link">
                          <span>C</span>
                        </a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </li>
              <li class="sidebar-nav-item">
                <a href="./layouts.html" class="sidebar-nav-link" >
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect><line x1="3" y1="9" x2="21" y2="9"></line><line x1="9" y1="21" x2="9" y2="9"></line></svg>
                  <span class="nav-text">Layouts</span>
                </a>
              </li>
              <li class="sidebar-nav-item">
                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-extra">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"></polygon></svg>
                  <span class="nav-text">Extra</span>
                  <span class="sidebar-nav-arrow"></span>
                </a>
                <ul class="sidebar-subnav collapse" id="sidebar-menu-extra">
                  <li class="sidebar-nav-item">
                    <a  href="./invoice.html" class="sidebar-nav-link" >
                      <span>Invoice</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./blog.html" class="sidebar-nav-link" >
                      <span>Blog cards</span>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="sidebar-nav-item">
                <a  class="sidebar-nav-link" data-toggle="collapse" data-target="#sidebar-menu-docs">
                  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon nav-icon"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg>
                  <span class="nav-text">Documentation</span>
                  <span class="sidebar-nav-arrow"></span>
                </a>
                <ul class="sidebar-subnav collapse" id="sidebar-menu-docs">
                  <li class="sidebar-nav-item">
                    <a  href="./docs/index.html" class="sidebar-nav-link" >
                      <span>Introduction</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/alerts.html" class="sidebar-nav-link" >
                      <span>Alerts</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/autosize.html" class="sidebar-nav-link" >
                      <span>Autosize</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/avatars.html" class="sidebar-nav-link" >
                      <span>Avatars</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/badges.html" class="sidebar-nav-link" >
                      <span>Badges</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/breadcrumb.html" class="sidebar-nav-link" >
                      <span>Breadcrumb</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/buttons.html" class="sidebar-nav-link" >
                      <span>Buttons</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/cards.html" class="sidebar-nav-link" >
                      <span>Cards</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/carousel.html" class="sidebar-nav-link" >
                      <span>Carousel</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/colors.html" class="sidebar-nav-link" >
                      <span>Colors</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/countup.html" class="sidebar-nav-link" >
                      <span>Countup</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/cursors.html" class="sidebar-nav-link" >
                      <span>Cursors</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/charts.html" class="sidebar-nav-link" >
                      <span>Charts</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/divider.html" class="sidebar-nav-link" >
                      <span>Divider</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/empty.html" class="sidebar-nav-link" >
                      <span>Empty states</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/flags.html" class="sidebar-nav-link" >
                      <span>Flags</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/form-elements.html" class="sidebar-nav-link" >
                      <span>Form elements</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/form-helpers.html" class="sidebar-nav-link" >
                      <span>Form helpers</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/input-mask.html" class="sidebar-nav-link" >
                      <span>Form input mask</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/progress.html" class="sidebar-nav-link" >
                      <span>Progress</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/ribbons.html" class="sidebar-nav-link" >
                      <span>Ribbons</span>
                      <span class="badge bg-green">New</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/spinners.html" class="sidebar-nav-link" >
                      <span>Spinners</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/steps.html" class="sidebar-nav-link" >
                      <span>Steps</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/tables.html" class="sidebar-nav-link" >
                      <span>Tables</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/tabs.html" class="sidebar-nav-link" >
                      <span>Tabs</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/timelines.html" class="sidebar-nav-link" >
                      <span>Timelines</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/toasts.html" class="sidebar-nav-link" >
                      <span>Toasts</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/tooltips.html" class="sidebar-nav-link" >
                      <span>Tooltips</span>
                    </a>
                  </li>
                  <li class="sidebar-nav-item">
                    <a  href="./docs/typography.html" class="sidebar-nav-link" >
                      <span>Typography</span>
                    </a>
                  </li>
                </ul>
              </li>
            </ul>
          </div>
          <div class="mt-auto">
            <a href="#" class="btn btn-primary btn-block">
              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
              Logout
            </a>
          </div>
        </div>
      </aside>
      <div class="content">
        <header class="topnav topbar">
          <div class="container">
            <div class="navbar navbar-expand-lg navbar-light">
              <div class="navbar-search d-none d-xl-block">
                <form action="." method="get">
                  <div class="input-icon">
                    <span class="input-icon-addon">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
                    </span>
                    <input type="text" class="form-control" placeholder="Search&hellip;">
                  </div>
                </form>
              </div>
              <ul class="nav navbar-menu align-items-center ml-auto">
                <li class="nav-item d-none d-lg-flex mr-3">
                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-success" target="_blank">Source code</a>
                </li>
                <li class="nav-item dropdown">
                  <a href="#" data-toggle="dropdown"
         class="nav-link d-flex align-items-center py-0 px-lg-0 px-2 text-reset ml-2">
                    <span class="avatar avatar-sm" style="background-image: url(./static/avatars/004f.jpg)"></span>
                    <span class="ml-2 d-none d-lg-block lh-1">
                      Leesa Beaty
                      <span class="text-muted d-block mt-1 text-h6">Administrator</span>
                    </span>
                  </a>
                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
                    <a class="dropdown-item" href="#">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg>
                      Profile
                    </a>
                    <a class="dropdown-item" href="#">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg>
                      Settings
                    </a>
                    <a class="dropdown-item" href="#">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
                      Inbox
                      <span class="badge bg-primary ml-auto">6</span>
                    </a>
                    <a class="dropdown-item" href="#">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><line x1="22" y1="2" x2="11" y2="13"></line><polygon points="22 2 15 22 11 13 2 9 22 2"></polygon></svg>
                      Message
                    </a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item" href="#">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><line x1="12" y1="17" x2="12" y2="17"></line></svg>
                      Need help?
                    </a>
                    <a class="dropdown-item" href="#">
                      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon dropdown-icon"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
                      Sign out
                    </a>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </header>
        <div class="content-page">
          <main class="container my-4 flex-fill">
            <!-- Page title -->
            <div class="page-title-box">
              <div class="row align-items-center">
                <div class="col-auto">
                  <h2 class="page-title">
                    Markdown
                  </h2>
                </div>
              </div>
            </div>
            <div class="row row justify-content-center">
              <div class="col-lg-10 col-xl-8">
                <div class="card">
                  <div class="card-body p-md-7">
                    <h1 id="whos-that-then">Who’s that then?</h1>
                    <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>
                    <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>
                    <h2 id="well-mercias-a-temperate-zone">Well, Mercia’s a temperate zone!</h2>
                    <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>
                    <ol>
                      <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>
                      <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>
                      <li>We found them.</li>
                    </ol>
                    <h3 id="what-do-you-mean">What do you mean?</h3>
                    <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>
                    <ul>
                      <li>The Knights Who Say Ni demand a sacrifice!</li>
                      <li>Be quiet!</li>
                      <li>Bloody Peasant!</li>
                    </ul>
                    <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>
                    <p>Shut up! …Are you suggesting that coconuts migrate? I’m not a witch. Well, we did do the nose.</p>
                    <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>
                    <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>
                    <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>
                    <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>
                    <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>
                    <p>Bloody Peasant! What do you mean? It’s only a model. Well, Mercia’s a temperate zone!</p>
                    <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>
                    <p>Bloody Peasant! What a strange person. Burn her anyway! Camelot! You don’t vote for kings.</p>
                    <p>You don’t vote for kings. I dunno. Must be a king. How do you know she is a witch? Why? 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>
                    <h1 id="heading-1">Heading 1</h1>
                    <p>Bloody Peasant! What do you mean? It’s only a model. Well, Mercia’s a temperate zone!</p>
                    <h2 id="heading-2">Heading 2</h2>
                    <p>Bloody Peasant! What do you mean? It’s only a model. Well, Mercia’s a temperate zone!</p>
                    <h3 id="heading-3">Heading 3</h3>
                    <p>Bloody Peasant! What do you mean? It’s only a model. Well, Mercia’s a temperate zone!</p>
                    <h4 id="heading-4">Heading 4</h4>
                    <p>Bloody Peasant! What do you mean? It’s only a model. Well, Mercia’s a temperate zone!</p>
                    <h5 id="heading-5">Heading 5</h5>
                    <p>Bloody Peasant! What do you mean? It’s only a model. Well, Mercia’s a temperate zone!</p>
                    <h6 id="heading-6">Heading 6</h6>
                    <p>Bloody Peasant! What do you mean? It’s only a model. Well, Mercia’s a temperate zone!</p>
                  </div>
                </div>
              </div>
            </div>
          </main>
        </div>
      </div>
    </div>
    <!-- Libs JS -->
    <script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578237242"></script>
    <script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578237242"></script>
    <!-- Tabler Core -->
    <script src="./dist/js/tabler.min.js?1578237242"></script>
  </body>
</html>