djordje.djoric
/
secure-sharing
İzle 1
Yıldızla 0
Çatalla 0
Kod Sorunlar 0 Değişiklik İstekleri 0 Sürümler 0 Wiki Aktivite
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 İşlemeler
1 Dal
Ağaç: 157727d587
Dallar Biçim İmleri
${ item.name }
Branş ${ searchTerm } oluştur
'157727d587'den
${ noResults }
secure-sharing/SecureSharing/wwwroot/pages/tables/simple.html

simple.html 92KB
Ham Blame Geçmiş

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648 
  1. <!DOCTYPE html>

  2. <html lang="en">

  3. <head>

  4.     <meta charset="utf-8">

  5.     <meta content="width=device-width, initial-scale=1" name="viewport">

  6.     <title>AdminLTE 3 | Simple Tables</title>

  7. 

  8.     <!-- Google Font: Source Sans Pro -->

  9.     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback"

  10.           rel="stylesheet">

  11.     <!-- Font Awesome -->

  12.     <link href="../../plugins/fontawesome-free/css/all.min.css" rel="stylesheet">

  13.     <!-- Theme style -->

  14.     <link href="../../dist/css/adminlte.min.css" rel="stylesheet">

  15. </head>

  16. <body class="hold-transition sidebar-mini">

  17. <div class="wrapper">

  18.     <!-- Navbar -->

  19.     <nav class="main-header navbar navbar-expand navbar-white navbar-light">

  20.         <!-- Left navbar links -->

  21.         <ul class="navbar-nav">

  22.             <li class="nav-item">

  23.                 <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>

  24.             </li>

  25.             <li class="nav-item d-none d-sm-inline-block">

  26.                 <a class="nav-link" href="../../index3.html">Home</a>

  27.             </li>

  28.             <li class="nav-item d-none d-sm-inline-block">

  29.                 <a class="nav-link" href="#">Contact</a>

  30.             </li>

  31.         </ul>

  32. 

  33.         <!-- Right navbar links -->

  34.         <ul class="navbar-nav ml-auto">

  35.             <!-- Navbar Search -->

  36.             <li class="nav-item">

  37.                 <a class="nav-link" data-widget="navbar-search" href="#" role="button">

  38.                     <i class="fas fa-search"></i>

  39.                 </a>

  40.                 <div class="navbar-search-block">

  41.                     <form class="form-inline">

  42.                         <div class="input-group input-group-sm">

  43.                             <input aria-label="Search" class="form-control form-control-navbar" placeholder="Search"

  44.                                    type="search">

  45.                             <div class="input-group-append">

  46.                                 <button class="btn btn-navbar" type="submit">

  47.                                     <i class="fas fa-search"></i>

  48.                                 </button>

  49.                                 <button class="btn btn-navbar" data-widget="navbar-search" type="button">

  50.                                     <i class="fas fa-times"></i>

  51.                                 </button>

  52.                             </div>

  53.                         </div>

  54.                     </form>

  55.                 </div>

  56.             </li>

  57. 

  58.             <!-- Messages Dropdown Menu -->

  59.             <li class="nav-item dropdown">

  60.                 <a class="nav-link" data-toggle="dropdown" href="#">

  61.                     <i class="far fa-comments"></i>

  62.                     <span class="badge badge-danger navbar-badge">3</span>

  63.                 </a>

  64.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">

  65.                     <a class="dropdown-item" href="#">

  66.                         <!-- Message Start -->

  67.                         <div class="media">

  68.                             <img alt="User Avatar" class="img-size-50 mr-3 img-circle"

  69.                                  src="../../dist/img/user1-128x128.jpg">

  70.                             <div class="media-body">

  71.                                 <h3 class="dropdown-item-title">

  72.                                     Brad Diesel

  73.                                     <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>

  74.                                 </h3>

  75.                                 <p class="text-sm">Call me whenever you can...</p>

  76.                                 <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>

  77.                             </div>

  78.                         </div>

  79.                         <!-- Message End -->

  80.                     </a>

  81.                     <div class="dropdown-divider"></div>

  82.                     <a class="dropdown-item" href="#">

  83.                         <!-- Message Start -->

  84.                         <div class="media">

  85.                             <img alt="User Avatar" class="img-size-50 img-circle mr-3"

  86.                                  src="../../dist/img/user8-128x128.jpg">

  87.                             <div class="media-body">

  88.                                 <h3 class="dropdown-item-title">

  89.                                     John Pierce

  90.                                     <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>

  91.                                 </h3>

  92.                                 <p class="text-sm">I got your message bro</p>

  93.                                 <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>

  94.                             </div>

  95.                         </div>

  96.                         <!-- Message End -->

  97.                     </a>

  98.                     <div class="dropdown-divider"></div>

  99.                     <a class="dropdown-item" href="#">

  100.                         <!-- Message Start -->

  101.                         <div class="media">

  102.                             <img alt="User Avatar" class="img-size-50 img-circle mr-3"

  103.                                  src="../../dist/img/user3-128x128.jpg">

  104.                             <div class="media-body">

  105.                                 <h3 class="dropdown-item-title">

  106.                                     Nora Silvester

  107.                                     <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>

  108.                                 </h3>

  109.                                 <p class="text-sm">The subject goes here</p>

  110.                                 <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>

  111.                             </div>

  112.                         </div>

  113.                         <!-- Message End -->

  114.                     </a>

  115.                     <div class="dropdown-divider"></div>

  116.                     <a class="dropdown-item dropdown-footer" href="#">See All Messages</a>

  117.                 </div>

  118.             </li>

  119.             <!-- Notifications Dropdown Menu -->

  120.             <li class="nav-item dropdown">

  121.                 <a class="nav-link" data-toggle="dropdown" href="#">

  122.                     <i class="far fa-bell"></i>

  123.                     <span class="badge badge-warning navbar-badge">15</span>

  124.                 </a>

  125.                 <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">

  126.                     <span class="dropdown-item dropdown-header">15 Notifications</span>

  127.                     <div class="dropdown-divider"></div>

  128.                     <a class="dropdown-item" href="#">

  129.                         <i class="fas fa-envelope mr-2"></i> 4 new messages

  130.                         <span class="float-right text-muted text-sm">3 mins</span>

  131.                     </a>

  132.                     <div class="dropdown-divider"></div>

  133.                     <a class="dropdown-item" href="#">

  134.                         <i class="fas fa-users mr-2"></i> 8 friend requests

  135.                         <span class="float-right text-muted text-sm">12 hours</span>

  136.                     </a>

  137.                     <div class="dropdown-divider"></div>

  138.                     <a class="dropdown-item" href="#">

  139.                         <i class="fas fa-file mr-2"></i> 3 new reports

  140.                         <span class="float-right text-muted text-sm">2 days</span>

  141.                     </a>

  142.                     <div class="dropdown-divider"></div>

  143.                     <a class="dropdown-item dropdown-footer" href="#">See All Notifications</a>

  144.                 </div>

  145.             </li>

  146.             <li class="nav-item">

  147.                 <a class="nav-link" data-widget="fullscreen" href="#" role="button">

  148.                     <i class="fas fa-expand-arrows-alt"></i>

  149.                 </a>

  150.             </li>

  151.             <li class="nav-item">

  152.                 <a class="nav-link" data-slide="true" data-widget="control-sidebar" href="#" role="button">

  153.                     <i class="fas fa-th-large"></i>

  154.                 </a>

  155.             </li>

  156.         </ul>

  157.     </nav>

  158.     <!-- /.navbar -->

  159. 

  160.     <!-- Main Sidebar Container -->

  161.     <aside class="main-sidebar sidebar-dark-primary elevation-4">

  162.         <!-- Brand Logo -->

  163.         <a class="brand-link" href="../../index3.html">

  164.             <img alt="AdminLTE Logo" class="brand-image img-circle elevation-3" src="../../dist/img/AdminLTELogo.png"

  165.                  style="opacity: .8">

  166.             <span class="brand-text font-weight-light">AdminLTE 3</span>

  167.         </a>

  168. 

  169.         <!-- Sidebar -->

  170.         <div class="sidebar">

  171.             <!-- Sidebar user (optional) -->

  172.             <div class="user-panel mt-3 pb-3 mb-3 d-flex">

  173.                 <div class="image">

  174.                     <img alt="User Image" class="img-circle elevation-2" src="../../dist/img/user2-160x160.jpg">

  175.                 </div>

  176.                 <div class="info">

  177.                     <a class="d-block" href="#">Alexander Pierce</a>

  178.                 </div>

  179.             </div>

  180. 

  181.             <!-- SidebarSearch Form -->

  182.             <div class="form-inline">

  183.                 <div class="input-group" data-widget="sidebar-search">

  184.                     <input aria-label="Search" class="form-control form-control-sidebar" placeholder="Search"

  185.                            type="search">

  186.                     <div class="input-group-append">

  187.                         <button class="btn btn-sidebar">

  188.                             <i class="fas fa-search fa-fw"></i>

  189.                         </button>

  190.                     </div>

  191.                 </div>

  192.             </div>

  193. 

  194.             <!-- Sidebar Menu -->

  195.             <nav class="mt-2">

  196.                 <ul class="nav nav-pills nav-sidebar flex-column" data-accordion="false" data-widget="treeview"

  197.                     role="menu">

  198.                     <!-- Add icons to the links using the .nav-icon class

  199.                          with font-awesome or any other icon font library -->

  200.                     <li class="nav-item">

  201.                         <a class="nav-link" href="#">

  202.                             <i class="nav-icon fas fa-tachometer-alt"></i>

  203.                             <p>

  204.                                 Dashboard

  205.                                 <i class="right fas fa-angle-left"></i>

  206.                             </p>

  207.                         </a>

  208.                         <ul class="nav nav-treeview">

  209.                             <li class="nav-item">

  210.                                 <a class="nav-link" href="../../index.html">

  211.                                     <i class="far fa-circle nav-icon"></i>

  212.                                     <p>Dashboard v1</p>

  213.                                 </a>

  214.                             </li>

  215.                             <li class="nav-item">

  216.                                 <a class="nav-link" href="../../index2.html">

  217.                                     <i class="far fa-circle nav-icon"></i>

  218.                                     <p>Dashboard v2</p>

  219.                                 </a>

  220.                             </li>

  221.                             <li class="nav-item">

  222.                                 <a class="nav-link" href="../../index3.html">

  223.                                     <i class="far fa-circle nav-icon"></i>

  224.                                     <p>Dashboard v3</p>

  225.                                 </a>

  226.                             </li>

  227.                         </ul>

  228.                     </li>

  229.                     <li class="nav-item">

  230.                         <a class="nav-link" href="../widgets.html">

  231.                             <i class="nav-icon fas fa-th"></i>

  232.                             <p>

  233.                                 Widgets

  234.                                 <span class="right badge badge-danger">New</span>

  235.                             </p>

  236.                         </a>

  237.                     </li>

  238.                     <li class="nav-item">

  239.                         <a class="nav-link" href="#">

  240.                             <i class="nav-icon fas fa-copy"></i>

  241.                             <p>

  242.                                 Layout Options

  243.                                 <i class="fas fa-angle-left right"></i>

  244.                                 <span class="badge badge-info right">6</span>

  245.                             </p>

  246.                         </a>

  247.                         <ul class="nav nav-treeview">

  248.                             <li class="nav-item">

  249.                                 <a class="nav-link" href="../layout/top-nav.html">

  250.                                     <i class="far fa-circle nav-icon"></i>

  251.                                     <p>Top Navigation</p>

  252.                                 </a>

  253.                             </li>

  254.                             <li class="nav-item">

  255.                                 <a class="nav-link" href="../layout/top-nav-sidebar.html">

  256.                                     <i class="far fa-circle nav-icon"></i>

  257.                                     <p>Top Navigation + Sidebar</p>

  258.                                 </a>

  259.                             </li>

  260.                             <li class="nav-item">

  261.                                 <a class="nav-link" href="../layout/boxed.html">

  262.                                     <i class="far fa-circle nav-icon"></i>

  263.                                     <p>Boxed</p>

  264.                                 </a>

  265.                             </li>

  266.                             <li class="nav-item">

  267.                                 <a class="nav-link" href="../layout/fixed-sidebar.html">

  268.                                     <i class="far fa-circle nav-icon"></i>

  269.                                     <p>Fixed Sidebar</p>

  270.                                 </a>

  271.                             </li>

  272.                             <li class="nav-item">

  273.                                 <a class="nav-link" href="../layout/fixed-sidebar-custom.html">

  274.                                     <i class="far fa-circle nav-icon"></i>

  275.                                     <p>Fixed Sidebar <small>+ Custom Area</small></p>

  276.                                 </a>

  277.                             </li>

  278.                             <li class="nav-item">

  279.                                 <a class="nav-link" href="../layout/fixed-topnav.html">

  280.                                     <i class="far fa-circle nav-icon"></i>

  281.                                     <p>Fixed Navbar</p>

  282.                                 </a>

  283.                             </li>

  284.                             <li class="nav-item">

  285.                                 <a class="nav-link" href="../layout/fixed-footer.html">

  286.                                     <i class="far fa-circle nav-icon"></i>

  287.                                     <p>Fixed Footer</p>

  288.                                 </a>

  289.                             </li>

  290.                             <li class="nav-item">

  291.                                 <a class="nav-link" href="../layout/collapsed-sidebar.html">

  292.                                     <i class="far fa-circle nav-icon"></i>

  293.                                     <p>Collapsed Sidebar</p>

  294.                                 </a>

  295.                             </li>

  296.                         </ul>

  297.                     </li>

  298.                     <li class="nav-item">

  299.                         <a class="nav-link" href="#">

  300.                             <i class="nav-icon fas fa-chart-pie"></i>

  301.                             <p>

  302.                                 Charts

  303.                                 <i class="right fas fa-angle-left"></i>

  304.                             </p>

  305.                         </a>

  306.                         <ul class="nav nav-treeview">

  307.                             <li class="nav-item">

  308.                                 <a class="nav-link" href="../charts/chartjs.html">

  309.                                     <i class="far fa-circle nav-icon"></i>

  310.                                     <p>ChartJS</p>

  311.                                 </a>

  312.                             </li>

  313.                             <li class="nav-item">

  314.                                 <a class="nav-link" href="../charts/flot.html">

  315.                                     <i class="far fa-circle nav-icon"></i>

  316.                                     <p>Flot</p>

  317.                                 </a>

  318.                             </li>

  319.                             <li class="nav-item">

  320.                                 <a class="nav-link" href="../charts/inline.html">

  321.                                     <i class="far fa-circle nav-icon"></i>

  322.                                     <p>Inline</p>

  323.                                 </a>

  324.                             </li>

  325.                             <li class="nav-item">

  326.                                 <a class="nav-link" href="../charts/uplot.html">

  327.                                     <i class="far fa-circle nav-icon"></i>

  328.                                     <p>uPlot</p>

  329.                                 </a>

  330.                             </li>

  331.                         </ul>

  332.                     </li>

  333.                     <li class="nav-item">

  334.                         <a class="nav-link" href="#">

  335.                             <i class="nav-icon fas fa-tree"></i>

  336.                             <p>

  337.                                 UI Elements

  338.                                 <i class="fas fa-angle-left right"></i>

  339.                             </p>

  340.                         </a>

  341.                         <ul class="nav nav-treeview">

  342.                             <li class="nav-item">

  343.                                 <a class="nav-link" href="../UI/general.html">

  344.                                     <i class="far fa-circle nav-icon"></i>

  345.                                     <p>General</p>

  346.                                 </a>

  347.                             </li>

  348.                             <li class="nav-item">

  349.                                 <a class="nav-link" href="../UI/icons.html">

  350.                                     <i class="far fa-circle nav-icon"></i>

  351.                                     <p>Icons</p>

  352.                                 </a>

  353.                             </li>

  354.                             <li class="nav-item">

  355.                                 <a class="nav-link" href="../UI/buttons.html">

  356.                                     <i class="far fa-circle nav-icon"></i>

  357.                                     <p>Buttons</p>

  358.                                 </a>

  359.                             </li>

  360.                             <li class="nav-item">

  361.                                 <a class="nav-link" href="../UI/sliders.html">

  362.                                     <i class="far fa-circle nav-icon"></i>

  363.                                     <p>Sliders</p>

  364.                                 </a>

  365.                             </li>

  366.                             <li class="nav-item">

  367.                                 <a class="nav-link" href="../UI/modals.html">

  368.                                     <i class="far fa-circle nav-icon"></i>

  369.                                     <p>Modals & Alerts</p>

  370.                                 </a>

  371.                             </li>

  372.                             <li class="nav-item">

  373.                                 <a class="nav-link" href="../UI/navbar.html">

  374.                                     <i class="far fa-circle nav-icon"></i>

  375.                                     <p>Navbar & Tabs</p>

  376.                                 </a>

  377.                             </li>

  378.                             <li class="nav-item">

  379.                                 <a class="nav-link" href="../UI/timeline.html">

  380.                                     <i class="far fa-circle nav-icon"></i>

  381.                                     <p>Timeline</p>

  382.                                 </a>

  383.                             </li>

  384.                             <li class="nav-item">

  385.                                 <a class="nav-link" href="../UI/ribbons.html">

  386.                                     <i class="far fa-circle nav-icon"></i>

  387.                                     <p>Ribbons</p>

  388.                                 </a>

  389.                             </li>

  390.                         </ul>

  391.                     </li>

  392.                     <li class="nav-item">

  393.                         <a class="nav-link" href="#">

  394.                             <i class="nav-icon fas fa-edit"></i>

  395.                             <p>

  396.                                 Forms

  397.                                 <i class="fas fa-angle-left right"></i>

  398.                             </p>

  399.                         </a>

  400.                         <ul class="nav nav-treeview">

  401.                             <li class="nav-item">

  402.                                 <a class="nav-link" href="../forms/general.html">

  403.                                     <i class="far fa-circle nav-icon"></i>

  404.                                     <p>General Elements</p>

  405.                                 </a>

  406.                             </li>

  407.                             <li class="nav-item">

  408.                                 <a class="nav-link" href="../forms/advanced.html">

  409.                                     <i class="far fa-circle nav-icon"></i>

  410.                                     <p>Advanced Elements</p>

  411.                                 </a>

  412.                             </li>

  413.                             <li class="nav-item">

  414.                                 <a class="nav-link" href="../forms/editors.html">

  415.                                     <i class="far fa-circle nav-icon"></i>

  416.                                     <p>Editors</p>

  417.                                 </a>

  418.                             </li>

  419.                             <li class="nav-item">

  420.                                 <a class="nav-link" href="../forms/validation.html">

  421.                                     <i class="far fa-circle nav-icon"></i>

  422.                                     <p>Validation</p>

  423.                                 </a>

  424.                             </li>

  425.                         </ul>

  426.                     </li>

  427.                     <li class="nav-item menu-open">

  428.                         <a class="nav-link active" href="#">

  429.                             <i class="nav-icon fas fa-table"></i>

  430.                             <p>

  431.                                 Tables

  432.                                 <i class="fas fa-angle-left right"></i>

  433.                             </p>

  434.                         </a>

  435.                         <ul class="nav nav-treeview">

  436.                             <li class="nav-item">

  437.                                 <a class="nav-link active" href="../tables/simple.html">

  438.                                     <i class="far fa-circle nav-icon"></i>

  439.                                     <p>Simple Tables</p>

  440.                                 </a>

  441.                             </li>

  442.                             <li class="nav-item">

  443.                                 <a class="nav-link" href="../tables/data.html">

  444.                                     <i class="far fa-circle nav-icon"></i>

  445.                                     <p>DataTables</p>

  446.                                 </a>

  447.                             </li>

  448.                             <li class="nav-item">

  449.                                 <a class="nav-link" href="../tables/jsgrid.html">

  450.                                     <i class="far fa-circle nav-icon"></i>

  451.                                     <p>jsGrid</p>

  452.                                 </a>

  453.                             </li>

  454.                         </ul>

  455.                     </li>

  456.                     <li class="nav-header">EXAMPLES</li>

  457.                     <li class="nav-item">

  458.                         <a class="nav-link" href="../calendar.html">

  459.                             <i class="nav-icon far fa-calendar-alt"></i>

  460.                             <p>

  461.                                 Calendar

  462.                                 <span class="badge badge-info right">2</span>

  463.                             </p>

  464.                         </a>

  465.                     </li>

  466.                     <li class="nav-item">

  467.                         <a class="nav-link" href="../gallery.html">

  468.                             <i class="nav-icon far fa-image"></i>

  469.                             <p>

  470.                                 Gallery

  471.                             </p>

  472.                         </a>

  473.                     </li>

  474.                     <li class="nav-item">

  475.                         <a class="nav-link" href="../kanban.html">

  476.                             <i class="nav-icon fas fa-columns"></i>

  477.                             <p>

  478.                                 Kanban Board

  479.                             </p>

  480.                         </a>

  481.                     </li>

  482.                     <li class="nav-item">

  483.                         <a class="nav-link" href="#">

  484.                             <i class="nav-icon far fa-envelope"></i>

  485.                             <p>

  486.                                 Mailbox

  487.                                 <i class="fas fa-angle-left right"></i>

  488.                             </p>

  489.                         </a>

  490.                         <ul class="nav nav-treeview">

  491.                             <li class="nav-item">

  492.                                 <a class="nav-link" href="../mailbox/mailbox.html">

  493.                                     <i class="far fa-circle nav-icon"></i>

  494.                                     <p>Inbox</p>

  495.                                 </a>

  496.                             </li>

  497.                             <li class="nav-item">

  498.                                 <a class="nav-link" href="../mailbox/compose.html">

  499.                                     <i class="far fa-circle nav-icon"></i>

  500.                                     <p>Compose</p>

  501.                                 </a>

  502.                             </li>

  503.                             <li class="nav-item">

  504.                                 <a class="nav-link" href="../mailbox/read-mail.html">

  505.                                     <i class="far fa-circle nav-icon"></i>

  506.                                     <p>Read</p>

  507.                                 </a>

  508.                             </li>

  509.                         </ul>

  510.                     </li>

  511.                     <li class="nav-item">

  512.                         <a class="nav-link" href="#">

  513.                             <i class="nav-icon fas fa-book"></i>

  514.                             <p>

  515.                                 Pages

  516.                                 <i class="fas fa-angle-left right"></i>

  517.                             </p>

  518.                         </a>

  519.                         <ul class="nav nav-treeview">

  520.                             <li class="nav-item">

  521.                                 <a class="nav-link" href="../examples/invoice.html">

  522.                                     <i class="far fa-circle nav-icon"></i>

  523.                                     <p>Invoice</p>

  524.                                 </a>

  525.                             </li>

  526.                             <li class="nav-item">

  527.                                 <a class="nav-link" href="../examples/profile.html">

  528.                                     <i class="far fa-circle nav-icon"></i>

  529.                                     <p>Profile</p>

  530.                                 </a>

  531.                             </li>

  532.                             <li class="nav-item">

  533.                                 <a class="nav-link" href="../examples/e-commerce.html">

  534.                                     <i class="far fa-circle nav-icon"></i>

  535.                                     <p>E-commerce</p>

  536.                                 </a>

  537.                             </li>

  538.                             <li class="nav-item">

  539.                                 <a class="nav-link" href="../examples/projects.html">

  540.                                     <i class="far fa-circle nav-icon"></i>

  541.                                     <p>Projects</p>

  542.                                 </a>

  543.                             </li>

  544.                             <li class="nav-item">

  545.                                 <a class="nav-link" href="../examples/project-add.html">

  546.                                     <i class="far fa-circle nav-icon"></i>

  547.                                     <p>Project Add</p>

  548.                                 </a>

  549.                             </li>

  550.                             <li class="nav-item">

  551.                                 <a class="nav-link" href="../examples/project-edit.html">

  552.                                     <i class="far fa-circle nav-icon"></i>

  553.                                     <p>Project Edit</p>

  554.                                 </a>

  555.                             </li>

  556.                             <li class="nav-item">

  557.                                 <a class="nav-link" href="../examples/project-detail.html">

  558.                                     <i class="far fa-circle nav-icon"></i>

  559.                                     <p>Project Detail</p>

  560.                                 </a>

  561.                             </li>

  562.                             <li class="nav-item">

  563.                                 <a class="nav-link" href="../examples/contacts.html">

  564.                                     <i class="far fa-circle nav-icon"></i>

  565.                                     <p>Contacts</p>

  566.                                 </a>

  567.                             </li>

  568.                             <li class="nav-item">

  569.                                 <a class="nav-link" href="../examples/faq.html">

  570.                                     <i class="far fa-circle nav-icon"></i>

  571.                                     <p>FAQ</p>

  572.                                 </a>

  573.                             </li>

  574.                             <li class="nav-item">

  575.                                 <a class="nav-link" href="../examples/contact-us.html">

  576.                                     <i class="far fa-circle nav-icon"></i>

  577.                                     <p>Contact us</p>

  578.                                 </a>

  579.                             </li>

  580.                         </ul>

  581.                     </li>

  582.                     <li class="nav-item">

  583.                         <a class="nav-link" href="#">

  584.                             <i class="nav-icon far fa-plus-square"></i>

  585.                             <p>

  586.                                 Extras

  587.                                 <i class="fas fa-angle-left right"></i>

  588.                             </p>

  589.                         </a>

  590.                         <ul class="nav nav-treeview">

  591.                             <li class="nav-item">

  592.                                 <a class="nav-link" href="#">

  593.                                     <i class="far fa-circle nav-icon"></i>

  594.                                     <p>

  595.                                         Login & Register v1

  596.                                         <i class="fas fa-angle-left right"></i>

  597.                                     </p>

  598.                                 </a>

  599.                                 <ul class="nav nav-treeview">

  600.                                     <li class="nav-item">

  601.                                         <a class="nav-link" href="../examples/login.html">

  602.                                             <i class="far fa-circle nav-icon"></i>

  603.                                             <p>Login v1</p>

  604.                                         </a>

  605.                                     </li>

  606.                                     <li class="nav-item">

  607.                                         <a class="nav-link" href="../examples/register.html">

  608.                                             <i class="far fa-circle nav-icon"></i>

  609.                                             <p>Register v1</p>

  610.                                         </a>

  611.                                     </li>

  612.                                     <li class="nav-item">

  613.                                         <a class="nav-link" href="../examples/forgot-password.html">

  614.                                             <i class="far fa-circle nav-icon"></i>

  615.                                             <p>Forgot Password v1</p>

  616.                                         </a>

  617.                                     </li>

  618.                                     <li class="nav-item">

  619.                                         <a class="nav-link" href="../examples/recover-password.html">

  620.                                             <i class="far fa-circle nav-icon"></i>

  621.                                             <p>Recover Password v1</p>

  622.                                         </a>

  623.                                     </li>

  624.                                 </ul>

  625.                             </li>

  626.                             <li class="nav-item">

  627.                                 <a class="nav-link" href="#">

  628.                                     <i class="far fa-circle nav-icon"></i>

  629.                                     <p>

  630.                                         Login & Register v2

  631.                                         <i class="fas fa-angle-left right"></i>

  632.                                     </p>

  633.                                 </a>

  634.                                 <ul class="nav nav-treeview">

  635.                                     <li class="nav-item">

  636.                                         <a class="nav-link" href="../examples/login-v2.html">

  637.                                             <i class="far fa-circle nav-icon"></i>

  638.                                             <p>Login v2</p>

  639.                                         </a>

  640.                                     </li>

  641.                                     <li class="nav-item">

  642.                                         <a class="nav-link" href="../examples/register-v2.html">

  643.                                             <i class="far fa-circle nav-icon"></i>

  644.                                             <p>Register v2</p>

  645.                                         </a>

  646.                                     </li>

  647.                                     <li class="nav-item">

  648.                                         <a class="nav-link" href="../examples/forgot-password-v2.html">

  649.                                             <i class="far fa-circle nav-icon"></i>

  650.                                             <p>Forgot Password v2</p>

  651.                                         </a>

  652.                                     </li>

  653.                                     <li class="nav-item">

  654.                                         <a class="nav-link" href="../examples/recover-password-v2.html">

  655.                                             <i class="far fa-circle nav-icon"></i>

  656.                                             <p>Recover Password v2</p>

  657.                                         </a>

  658.                                     </li>

  659.                                 </ul>

  660.                             </li>

  661.                             <li class="nav-item">

  662.                                 <a class="nav-link" href="../examples/lockscreen.html">

  663.                                     <i class="far fa-circle nav-icon"></i>

  664.                                     <p>Lockscreen</p>

  665.                                 </a>

  666.                             </li>

  667.                             <li class="nav-item">

  668.                                 <a class="nav-link" href="../examples/legacy-user-menu.html">

  669.                                     <i class="far fa-circle nav-icon"></i>

  670.                                     <p>Legacy User Menu</p>

  671.                                 </a>

  672.                             </li>

  673.                             <li class="nav-item">

  674.                                 <a class="nav-link" href="../examples/language-menu.html">

  675.                                     <i class="far fa-circle nav-icon"></i>

  676.                                     <p>Language Menu</p>

  677.                                 </a>

  678.                             </li>

  679.                             <li class="nav-item">

  680.                                 <a class="nav-link" href="../examples/404.html">

  681.                                     <i class="far fa-circle nav-icon"></i>

  682.                                     <p>Error 404</p>

  683.                                 </a>

  684.                             </li>

  685.                             <li class="nav-item">

  686.                                 <a class="nav-link" href="../examples/500.html">

  687.                                     <i class="far fa-circle nav-icon"></i>

  688.                                     <p>Error 500</p>

  689.                                 </a>

  690.                             </li>

  691.                             <li class="nav-item">

  692.                                 <a class="nav-link" href="../examples/pace.html">

  693.                                     <i class="far fa-circle nav-icon"></i>

  694.                                     <p>Pace</p>

  695.                                 </a>

  696.                             </li>

  697.                             <li class="nav-item">

  698.                                 <a class="nav-link" href="../examples/blank.html">

  699.                                     <i class="far fa-circle nav-icon"></i>

  700.                                     <p>Blank Page</p>

  701.                                 </a>

  702.                             </li>

  703.                             <li class="nav-item">

  704.                                 <a class="nav-link" href="../../starter.html">

  705.                                     <i class="far fa-circle nav-icon"></i>

  706.                                     <p>Starter Page</p>

  707.                                 </a>

  708.                             </li>

  709.                         </ul>

  710.                     </li>

  711.                     <li class="nav-item">

  712.                         <a class="nav-link" href="#">

  713.                             <i class="nav-icon fas fa-search"></i>

  714.                             <p>

  715.                                 Search

  716.                                 <i class="fas fa-angle-left right"></i>

  717.                             </p>

  718.                         </a>

  719.                         <ul class="nav nav-treeview">

  720.                             <li class="nav-item">

  721.                                 <a class="nav-link" href="../search/simple.html">

  722.                                     <i class="far fa-circle nav-icon"></i>

  723.                                     <p>Simple Search</p>

  724.                                 </a>

  725.                             </li>

  726.                             <li class="nav-item">

  727.                                 <a class="nav-link" href="../search/enhanced.html">

  728.                                     <i class="far fa-circle nav-icon"></i>

  729.                                     <p>Enhanced</p>

  730.                                 </a>

  731.                             </li>

  732.                         </ul>

  733.                     </li>

  734.                     <li class="nav-header">MISCELLANEOUS</li>

  735.                     <li class="nav-item">

  736.                         <a class="nav-link" href="../../iframe.html">

  737.                             <i class="nav-icon fas fa-ellipsis-h"></i>

  738.                             <p>Tabbed IFrame Plugin</p>

  739.                         </a>

  740.                     </li>

  741.                     <li class="nav-item">

  742.                         <a class="nav-link" href="https://adminlte.io/docs/3.1/">

  743.                             <i class="nav-icon fas fa-file"></i>

  744.                             <p>Documentation</p>

  745.                         </a>

  746.                     </li>

  747.                     <li class="nav-header">MULTI LEVEL EXAMPLE</li>

  748.                     <li class="nav-item">

  749.                         <a class="nav-link" href="#">

  750.                             <i class="fas fa-circle nav-icon"></i>

  751.                             <p>Level 1</p>

  752.                         </a>

  753.                     </li>

  754.                     <li class="nav-item">

  755.                         <a class="nav-link" href="#">

  756.                             <i class="nav-icon fas fa-circle"></i>

  757.                             <p>

  758.                                 Level 1

  759.                                 <i class="right fas fa-angle-left"></i>

  760.                             </p>

  761.                         </a>

  762.                         <ul class="nav nav-treeview">

  763.                             <li class="nav-item">

  764.                                 <a class="nav-link" href="#">

  765.                                     <i class="far fa-circle nav-icon"></i>

  766.                                     <p>Level 2</p>

  767.                                 </a>

  768.                             </li>

  769.                             <li class="nav-item">

  770.                                 <a class="nav-link" href="#">

  771.                                     <i class="far fa-circle nav-icon"></i>

  772.                                     <p>

  773.                                         Level 2

  774.                                         <i class="right fas fa-angle-left"></i>

  775.                                     </p>

  776.                                 </a>

  777.                                 <ul class="nav nav-treeview">

  778.                                     <li class="nav-item">

  779.                                         <a class="nav-link" href="#">

  780.                                             <i class="far fa-dot-circle nav-icon"></i>

  781.                                             <p>Level 3</p>

  782.                                         </a>

  783.                                     </li>

  784.                                     <li class="nav-item">

  785.                                         <a class="nav-link" href="#">

  786.                                             <i class="far fa-dot-circle nav-icon"></i>

  787.                                             <p>Level 3</p>

  788.                                         </a>

  789.                                     </li>

  790.                                     <li class="nav-item">

  791.                                         <a class="nav-link" href="#">

  792.                                             <i class="far fa-dot-circle nav-icon"></i>

  793.                                             <p>Level 3</p>

  794.                                         </a>

  795.                                     </li>

  796.                                 </ul>

  797.                             </li>

  798.                             <li class="nav-item">

  799.                                 <a class="nav-link" href="#">

  800.                                     <i class="far fa-circle nav-icon"></i>

  801.                                     <p>Level 2</p>

  802.                                 </a>

  803.                             </li>

  804.                         </ul>

  805.                     </li>

  806.                     <li class="nav-item">

  807.                         <a class="nav-link" href="#">

  808.                             <i class="fas fa-circle nav-icon"></i>

  809.                             <p>Level 1</p>

  810.                         </a>

  811.                     </li>

  812.                     <li class="nav-header">LABELS</li>

  813.                     <li class="nav-item">

  814.                         <a class="nav-link" href="#">

  815.                             <i class="nav-icon far fa-circle text-danger"></i>

  816.                             <p class="text">Important</p>

  817.                         </a>

  818.                     </li>

  819.                     <li class="nav-item">

  820.                         <a class="nav-link" href="#">

  821.                             <i class="nav-icon far fa-circle text-warning"></i>

  822.                             <p>Warning</p>

  823.                         </a>

  824.                     </li>

  825.                     <li class="nav-item">

  826.                         <a class="nav-link" href="#">

  827.                             <i class="nav-icon far fa-circle text-info"></i>

  828.                             <p>Informational</p>

  829.                         </a>

  830.                     </li>

  831.                 </ul>

  832.             </nav>

  833.             <!-- /.sidebar-menu -->

  834.         </div>

  835.         <!-- /.sidebar -->

  836.     </aside>

  837. 

  838.     <!-- Content Wrapper. Contains page content -->

  839.     <div class="content-wrapper">

  840.         <!-- Content Header (Page header) -->

  841.         <section class="content-header">

  842.             <div class="container-fluid">

  843.                 <div class="row mb-2">

  844.                     <div class="col-sm-6">

  845.                         <h1>Simple Tables</h1>

  846.                     </div>

  847.                     <div class="col-sm-6">

  848.                         <ol class="breadcrumb float-sm-right">

  849.                             <li class="breadcrumb-item"><a href="#">Home</a></li>

  850.                             <li class="breadcrumb-item active">Simple Tables</li>

  851.                         </ol>

  852.                     </div>

  853.                 </div>

  854.             </div><!-- /.container-fluid -->

  855.         </section>

  856. 

  857.         <!-- Main content -->

  858.         <section class="content">

  859.             <div class="container-fluid">

  860.                 <div class="row">

  861.                     <div class="col-md-6">

  862.                         <div class="card">

  863.                             <div class="card-header">

  864.                                 <h3 class="card-title">Bordered Table</h3>

  865.                             </div>

  866.                             <!-- /.card-header -->

  867.                             <div class="card-body">

  868.                                 <table class="table table-bordered">

  869.                                     <thead>

  870.                                     <tr>

  871.                                         <th style="width: 10px">#</th>

  872.                                         <th>Task</th>

  873.                                         <th>Progress</th>

  874.                                         <th style="width: 40px">Label</th>

  875.                                     </tr>

  876.                                     </thead>

  877.                                     <tbody>

  878.                                     <tr>

  879.                                         <td>1.</td>

  880.                                         <td>Update software</td>

  881.                                         <td>

  882.                                             <div class="progress progress-xs">

  883.                                                 <div class="progress-bar progress-bar-danger" style="width: 55%"></div>

  884.                                             </div>

  885.                                         </td>

  886.                                         <td><span class="badge bg-danger">55%</span></td>

  887.                                     </tr>

  888.                                     <tr>

  889.                                         <td>2.</td>

  890.                                         <td>Clean database</td>

  891.                                         <td>

  892.                                             <div class="progress progress-xs">

  893.                                                 <div class="progress-bar bg-warning" style="width: 70%"></div>

  894.                                             </div>

  895.                                         </td>

  896.                                         <td><span class="badge bg-warning">70%</span></td>

  897.                                     </tr>

  898.                                     <tr>

  899.                                         <td>3.</td>

  900.                                         <td>Cron job running</td>

  901.                                         <td>

  902.                                             <div class="progress progress-xs progress-striped active">

  903.                                                 <div class="progress-bar bg-primary" style="width: 30%"></div>

  904.                                             </div>

  905.                                         </td>

  906.                                         <td><span class="badge bg-primary">30%</span></td>

  907.                                     </tr>

  908.                                     <tr>

  909.                                         <td>4.</td>

  910.                                         <td>Fix and squish bugs</td>

  911.                                         <td>

  912.                                             <div class="progress progress-xs progress-striped active">

  913.                                                 <div class="progress-bar bg-success" style="width: 90%"></div>

  914.                                             </div>

  915.                                         </td>

  916.                                         <td><span class="badge bg-success">90%</span></td>

  917.                                     </tr>

  918.                                     </tbody>

  919.                                 </table>

  920.                             </div>

  921.                             <!-- /.card-body -->

  922.                             <div class="card-footer clearfix">

  923.                                 <ul class="pagination pagination-sm m-0 float-right">

  924.                                     <li class="page-item"><a class="page-link" href="#">&laquo;</a></li>

  925.                                     <li class="page-item"><a class="page-link" href="#">1</a></li>

  926.                                     <li class="page-item"><a class="page-link" href="#">2</a></li>

  927.                                     <li class="page-item"><a class="page-link" href="#">3</a></li>

  928.                                     <li class="page-item"><a class="page-link" href="#">&raquo;</a></li>

  929.                                 </ul>

  930.                             </div>

  931.                         </div>

  932.                         <!-- /.card -->

  933. 

  934.                         <div class="card">

  935.                             <div class="card-header">

  936.                                 <h3 class="card-title">Condensed Full Width Table</h3>

  937.                             </div>

  938.                             <!-- /.card-header -->

  939.                             <div class="card-body p-0">

  940.                                 <table class="table table-sm">

  941.                                     <thead>

  942.                                     <tr>

  943.                                         <th style="width: 10px">#</th>

  944.                                         <th>Task</th>

  945.                                         <th>Progress</th>

  946.                                         <th style="width: 40px">Label</th>

  947.                                     </tr>

  948.                                     </thead>

  949.                                     <tbody>

  950.                                     <tr>

  951.                                         <td>1.</td>

  952.                                         <td>Update software</td>

  953.                                         <td>

  954.                                             <div class="progress progress-xs">

  955.                                                 <div class="progress-bar progress-bar-danger" style="width: 55%"></div>

  956.                                             </div>

  957.                                         </td>

  958.                                         <td><span class="badge bg-danger">55%</span></td>

  959.                                     </tr>

  960.                                     <tr>

  961.                                         <td>2.</td>

  962.                                         <td>Clean database</td>

  963.                                         <td>

  964.                                             <div class="progress progress-xs">

  965.                                                 <div class="progress-bar bg-warning" style="width: 70%"></div>

  966.                                             </div>

  967.                                         </td>

  968.                                         <td><span class="badge bg-warning">70%</span></td>

  969.                                     </tr>

  970.                                     <tr>

  971.                                         <td>3.</td>

  972.                                         <td>Cron job running</td>

  973.                                         <td>

  974.                                             <div class="progress progress-xs progress-striped active">

  975.                                                 <div class="progress-bar bg-primary" style="width: 30%"></div>

  976.                                             </div>

  977.                                         </td>

  978.                                         <td><span class="badge bg-primary">30%</span></td>

  979.                                     </tr>

  980.                                     <tr>

  981.                                         <td>4.</td>

  982.                                         <td>Fix and squish bugs</td>

  983.                                         <td>

  984.                                             <div class="progress progress-xs progress-striped active">

  985.                                                 <div class="progress-bar bg-success" style="width: 90%"></div>

  986.                                             </div>

  987.                                         </td>

  988.                                         <td><span class="badge bg-success">90%</span></td>

  989.                                     </tr>

  990.                                     </tbody>

  991.                                 </table>

  992.                             </div>

  993.                             <!-- /.card-body -->

  994.                         </div>

  995.                         <!-- /.card -->

  996.                     </div>

  997.                     <!-- /.col -->

  998.                     <div class="col-md-6">

  999.                         <div class="card">

  1000.                             <div class="card-header">

  1001.                                 <h3 class="card-title">Simple Full Width Table</h3>

  1002. 

  1003.                                 <div class="card-tools">

  1004.                                     <ul class="pagination pagination-sm float-right">

  1005.                                         <li class="page-item"><a class="page-link" href="#">&laquo;</a></li>

  1006.                                         <li class="page-item"><a class="page-link" href="#">1</a></li>

  1007.                                         <li class="page-item"><a class="page-link" href="#">2</a></li>

  1008.                                         <li class="page-item"><a class="page-link" href="#">3</a></li>

  1009.                                         <li class="page-item"><a class="page-link" href="#">&raquo;</a></li>

  1010.                                     </ul>

  1011.                                 </div>

  1012.                             </div>

  1013.                             <!-- /.card-header -->

  1014.                             <div class="card-body p-0">

  1015.                                 <table class="table">

  1016.                                     <thead>

  1017.                                     <tr>

  1018.                                         <th style="width: 10px">#</th>

  1019.                                         <th>Task</th>

  1020.                                         <th>Progress</th>

  1021.                                         <th style="width: 40px">Label</th>

  1022.                                     </tr>

  1023.                                     </thead>

  1024.                                     <tbody>

  1025.                                     <tr>

  1026.                                         <td>1.</td>

  1027.                                         <td>Update software</td>

  1028.                                         <td>

  1029.                                             <div class="progress progress-xs">

  1030.                                                 <div class="progress-bar progress-bar-danger" style="width: 55%"></div>

  1031.                                             </div>

  1032.                                         </td>

  1033.                                         <td><span class="badge bg-danger">55%</span></td>

  1034.                                     </tr>

  1035.                                     <tr>

  1036.                                         <td>2.</td>

  1037.                                         <td>Clean database</td>

  1038.                                         <td>

  1039.                                             <div class="progress progress-xs">

  1040.                                                 <div class="progress-bar bg-warning" style="width: 70%"></div>

  1041.                                             </div>

  1042.                                         </td>

  1043.                                         <td><span class="badge bg-warning">70%</span></td>

  1044.                                     </tr>

  1045.                                     <tr>

  1046.                                         <td>3.</td>

  1047.                                         <td>Cron job running</td>

  1048.                                         <td>

  1049.                                             <div class="progress progress-xs progress-striped active">

  1050.                                                 <div class="progress-bar bg-primary" style="width: 30%"></div>

  1051.                                             </div>

  1052.                                         </td>

  1053.                                         <td><span class="badge bg-primary">30%</span></td>

  1054.                                     </tr>

  1055.                                     <tr>

  1056.                                         <td>4.</td>

  1057.                                         <td>Fix and squish bugs</td>

  1058.                                         <td>

  1059.                                             <div class="progress progress-xs progress-striped active">

  1060.                                                 <div class="progress-bar bg-success" style="width: 90%"></div>

  1061.                                             </div>

  1062.                                         </td>

  1063.                                         <td><span class="badge bg-success">90%</span></td>

  1064.                                     </tr>

  1065.                                     </tbody>

  1066.                                 </table>

  1067.                             </div>

  1068.                             <!-- /.card-body -->

  1069.                         </div>

  1070.                         <!-- /.card -->

  1071. 

  1072.                         <div class="card">

  1073.                             <div class="card-header">

  1074.                                 <h3 class="card-title">Striped Full Width Table</h3>

  1075.                             </div>

  1076.                             <!-- /.card-header -->

  1077.                             <div class="card-body p-0">

  1078.                                 <table class="table table-striped">

  1079.                                     <thead>

  1080.                                     <tr>

  1081.                                         <th style="width: 10px">#</th>

  1082.                                         <th>Task</th>

  1083.                                         <th>Progress</th>

  1084.                                         <th style="width: 40px">Label</th>

  1085.                                     </tr>

  1086.                                     </thead>

  1087.                                     <tbody>

  1088.                                     <tr>

  1089.                                         <td>1.</td>

  1090.                                         <td>Update software</td>

  1091.                                         <td>

  1092.                                             <div class="progress progress-xs">

  1093.                                                 <div class="progress-bar progress-bar-danger" style="width: 55%"></div>

  1094.                                             </div>

  1095.                                         </td>

  1096.                                         <td><span class="badge bg-danger">55%</span></td>

  1097.                                     </tr>

  1098.                                     <tr>

  1099.                                         <td>2.</td>

  1100.                                         <td>Clean database</td>

  1101.                                         <td>

  1102.                                             <div class="progress progress-xs">

  1103.                                                 <div class="progress-bar bg-warning" style="width: 70%"></div>

  1104.                                             </div>

  1105.                                         </td>

  1106.                                         <td><span class="badge bg-warning">70%</span></td>

  1107.                                     </tr>

  1108.                                     <tr>

  1109.                                         <td>3.</td>

  1110.                                         <td>Cron job running</td>

  1111.                                         <td>

  1112.                                             <div class="progress progress-xs progress-striped active">

  1113.                                                 <div class="progress-bar bg-primary" style="width: 30%"></div>

  1114.                                             </div>

  1115.                                         </td>

  1116.                                         <td><span class="badge bg-primary">30%</span></td>

  1117.                                     </tr>

  1118.                                     <tr>

  1119.                                         <td>4.</td>

  1120.                                         <td>Fix and squish bugs</td>

  1121.                                         <td>

  1122.                                             <div class="progress progress-xs progress-striped active">

  1123.                                                 <div class="progress-bar bg-success" style="width: 90%"></div>

  1124.                                             </div>

  1125.                                         </td>

  1126.                                         <td><span class="badge bg-success">90%</span></td>

  1127.                                     </tr>

  1128.                                     </tbody>

  1129.                                 </table>

  1130.                             </div>

  1131.                             <!-- /.card-body -->

  1132.                         </div>

  1133.                         <!-- /.card -->

  1134.                     </div>

  1135.                     <!-- /.col -->

  1136.                 </div>

  1137.                 <!-- /.row -->

  1138.                 <div class="row">

  1139.                     <div class="col-12">

  1140.                         <div class="card">

  1141.                             <div class="card-header">

  1142.                                 <h3 class="card-title">Responsive Hover Table</h3>

  1143. 

  1144.                                 <div class="card-tools">

  1145.                                     <div class="input-group input-group-sm" style="width: 150px;">

  1146.                                         <input class="form-control float-right" name="table_search" placeholder="Search"

  1147.                                                type="text">

  1148. 

  1149.                                         <div class="input-group-append">

  1150.                                             <button class="btn btn-default" type="submit">

  1151.                                                 <i class="fas fa-search"></i>

  1152.                                             </button>

  1153.                                         </div>

  1154.                                     </div>

  1155.                                 </div>

  1156.                             </div>

  1157.                             <!-- /.card-header -->

  1158.                             <div class="card-body table-responsive p-0">

  1159.                                 <table class="table table-hover text-nowrap">

  1160.                                     <thead>

  1161.                                     <tr>

  1162.                                         <th>ID</th>

  1163.                                         <th>User</th>

  1164.                                         <th>Date</th>

  1165.                                         <th>Status</th>

  1166.                                         <th>Reason</th>

  1167.                                     </tr>

  1168.                                     </thead>

  1169.                                     <tbody>

  1170.                                     <tr>

  1171.                                         <td>183</td>

  1172.                                         <td>John Doe</td>

  1173.                                         <td>11-7-2014</td>

  1174.                                         <td><span class="tag tag-success">Approved</span></td>

  1175.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1176.                                     </tr>

  1177.                                     <tr>

  1178.                                         <td>219</td>

  1179.                                         <td>Alexander Pierce</td>

  1180.                                         <td>11-7-2014</td>

  1181.                                         <td><span class="tag tag-warning">Pending</span></td>

  1182.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1183.                                     </tr>

  1184.                                     <tr>

  1185.                                         <td>657</td>

  1186.                                         <td>Bob Doe</td>

  1187.                                         <td>11-7-2014</td>

  1188.                                         <td><span class="tag tag-primary">Approved</span></td>

  1189.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1190.                                     </tr>

  1191.                                     <tr>

  1192.                                         <td>175</td>

  1193.                                         <td>Mike Doe</td>

  1194.                                         <td>11-7-2014</td>

  1195.                                         <td><span class="tag tag-danger">Denied</span></td>

  1196.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1197.                                     </tr>

  1198.                                     </tbody>

  1199.                                 </table>

  1200.                             </div>

  1201.                             <!-- /.card-body -->

  1202.                         </div>

  1203.                         <!-- /.card -->

  1204.                     </div>

  1205.                 </div>

  1206.                 <!-- /.row -->

  1207.                 <div class="row">

  1208.                     <div class="col-12">

  1209.                         <div class="card">

  1210.                             <div class="card-header">

  1211.                                 <h3 class="card-title">Fixed Header Table</h3>

  1212. 

  1213.                                 <div class="card-tools">

  1214.                                     <div class="input-group input-group-sm" style="width: 150px;">

  1215.                                         <input class="form-control float-right" name="table_search" placeholder="Search"

  1216.                                                type="text">

  1217. 

  1218.                                         <div class="input-group-append">

  1219.                                             <button class="btn btn-default" type="submit">

  1220.                                                 <i class="fas fa-search"></i>

  1221.                                             </button>

  1222.                                         </div>

  1223.                                     </div>

  1224.                                 </div>

  1225.                             </div>

  1226.                             <!-- /.card-header -->

  1227.                             <div class="card-body table-responsive p-0" style="height: 300px;">

  1228.                                 <table class="table table-head-fixed text-nowrap">

  1229.                                     <thead>

  1230.                                     <tr>

  1231.                                         <th>ID</th>

  1232.                                         <th>User</th>

  1233.                                         <th>Date</th>

  1234.                                         <th>Status</th>

  1235.                                         <th>Reason</th>

  1236.                                     </tr>

  1237.                                     </thead>

  1238.                                     <tbody>

  1239.                                     <tr>

  1240.                                         <td>183</td>

  1241.                                         <td>John Doe</td>

  1242.                                         <td>11-7-2014</td>

  1243.                                         <td><span class="tag tag-success">Approved</span></td>

  1244.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1245.                                     </tr>

  1246.                                     <tr>

  1247.                                         <td>219</td>

  1248.                                         <td>Alexander Pierce</td>

  1249.                                         <td>11-7-2014</td>

  1250.                                         <td><span class="tag tag-warning">Pending</span></td>

  1251.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1252.                                     </tr>

  1253.                                     <tr>

  1254.                                         <td>657</td>

  1255.                                         <td>Bob Doe</td>

  1256.                                         <td>11-7-2014</td>

  1257.                                         <td><span class="tag tag-primary">Approved</span></td>

  1258.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1259.                                     </tr>

  1260.                                     <tr>

  1261.                                         <td>175</td>

  1262.                                         <td>Mike Doe</td>

  1263.                                         <td>11-7-2014</td>

  1264.                                         <td><span class="tag tag-danger">Denied</span></td>

  1265.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1266.                                     </tr>

  1267.                                     <tr>

  1268.                                         <td>134</td>

  1269.                                         <td>Jim Doe</td>

  1270.                                         <td>11-7-2014</td>

  1271.                                         <td><span class="tag tag-success">Approved</span></td>

  1272.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1273.                                     </tr>

  1274.                                     <tr>

  1275.                                         <td>494</td>

  1276.                                         <td>Victoria Doe</td>

  1277.                                         <td>11-7-2014</td>

  1278.                                         <td><span class="tag tag-warning">Pending</span></td>

  1279.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1280.                                     </tr>

  1281.                                     <tr>

  1282.                                         <td>832</td>

  1283.                                         <td>Michael Doe</td>

  1284.                                         <td>11-7-2014</td>

  1285.                                         <td><span class="tag tag-primary">Approved</span></td>

  1286.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1287.                                     </tr>

  1288.                                     <tr>

  1289.                                         <td>982</td>

  1290.                                         <td>Rocky Doe</td>

  1291.                                         <td>11-7-2014</td>

  1292.                                         <td><span class="tag tag-danger">Denied</span></td>

  1293.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1294.                                     </tr>

  1295.                                     </tbody>

  1296.                                 </table>

  1297.                             </div>

  1298.                             <!-- /.card-body -->

  1299.                         </div>

  1300.                         <!-- /.card -->

  1301.                     </div>

  1302.                 </div>

  1303.                 <!-- /.row -->

  1304.                 <div class="row">

  1305.                     <div class="col-12">

  1306.                         <div class="card">

  1307.                             <div class="card-header">

  1308.                                 <h3 class="card-title">Expandable Table</h3>

  1309.                             </div>

  1310.                             <!-- ./card-header -->

  1311.                             <div class="card-body">

  1312.                                 <table class="table table-bordered table-hover">

  1313.                                     <thead>

  1314.                                     <tr>

  1315.                                         <th>#</th>

  1316.                                         <th>User</th>

  1317.                                         <th>Date</th>

  1318.                                         <th>Status</th>

  1319.                                         <th>Reason</th>

  1320.                                     </tr>

  1321.                                     </thead>

  1322.                                     <tbody>

  1323.                                     <tr aria-expanded="false" data-widget="expandable-table">

  1324.                                         <td>183</td>

  1325.                                         <td>John Doe</td>

  1326.                                         <td>11-7-2014</td>

  1327.                                         <td>Approved</td>

  1328.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1329.                                     </tr>

  1330.                                     <tr class="expandable-body">

  1331.                                         <td colspan="5">

  1332.                                             <p>

  1333.                                                 Lorem Ipsum is simply dummy text of the printing and typesetting

  1334.                                                 industry. Lorem Ipsum has been the industry's standard dummy text ever

  1335.                                                 since the 1500s, when an unknown printer took a galley of type and

  1336.                                                 scrambled it to make a type specimen book. It has survived not only five

  1337.                                                 centuries, but also the leap into electronic typesetting, remaining

  1338.                                                 essentially unchanged. It was popularised in the 1960s with the release

  1339.                                                 of Letraset sheets containing Lorem Ipsum passages, and more recently

  1340.                                                 with desktop publishing software like Aldus PageMaker including versions

  1341.                                                 of Lorem Ipsum.

  1342.                                             </p>

  1343.                                         </td>

  1344.                                     </tr>

  1345.                                     <tr aria-expanded="true" data-widget="expandable-table">

  1346.                                         <td>219</td>

  1347.                                         <td>Alexander Pierce</td>

  1348.                                         <td>11-7-2014</td>

  1349.                                         <td>Pending</td>

  1350.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1351.                                     </tr>

  1352.                                     <tr class="expandable-body">

  1353.                                         <td colspan="5">

  1354.                                             <p>

  1355.                                                 Lorem Ipsum is simply dummy text of the printing and typesetting

  1356.                                                 industry. Lorem Ipsum has been the industry's standard dummy text ever

  1357.                                                 since the 1500s, when an unknown printer took a galley of type and

  1358.                                                 scrambled it to make a type specimen book. It has survived not only five

  1359.                                                 centuries, but also the leap into electronic typesetting, remaining

  1360.                                                 essentially unchanged. It was popularised in the 1960s with the release

  1361.                                                 of Letraset sheets containing Lorem Ipsum passages, and more recently

  1362.                                                 with desktop publishing software like Aldus PageMaker including versions

  1363.                                                 of Lorem Ipsum.

  1364.                                             </p>

  1365.                                         </td>

  1366.                                     </tr>

  1367.                                     <tr aria-expanded="true" data-widget="expandable-table">

  1368.                                         <td>657</td>

  1369.                                         <td>Alexander Pierce</td>

  1370.                                         <td>11-7-2014</td>

  1371.                                         <td>Approved</td>

  1372.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1373.                                     </tr>

  1374.                                     <tr class="expandable-body">

  1375.                                         <td colspan="5">

  1376.                                             <p>

  1377.                                                 Lorem Ipsum is simply dummy text of the printing and typesetting

  1378.                                                 industry. Lorem Ipsum has been the industry's standard dummy text ever

  1379.                                                 since the 1500s, when an unknown printer took a galley of type and

  1380.                                                 scrambled it to make a type specimen book. It has survived not only five

  1381.                                                 centuries, but also the leap into electronic typesetting, remaining

  1382.                                                 essentially unchanged. It was popularised in the 1960s with the release

  1383.                                                 of Letraset sheets containing Lorem Ipsum passages, and more recently

  1384.                                                 with desktop publishing software like Aldus PageMaker including versions

  1385.                                                 of Lorem Ipsum.

  1386.                                             </p>

  1387.                                         </td>

  1388.                                     </tr>

  1389.                                     <tr aria-expanded="false" data-widget="expandable-table">

  1390.                                         <td>175</td>

  1391.                                         <td>Mike Doe</td>

  1392.                                         <td>11-7-2014</td>

  1393.                                         <td>Denied</td>

  1394.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1395.                                     </tr>

  1396.                                     <tr class="expandable-body">

  1397.                                         <td colspan="5">

  1398.                                             <p>

  1399.                                                 Lorem Ipsum is simply dummy text of the printing and typesetting

  1400.                                                 industry. Lorem Ipsum has been the industry's standard dummy text ever

  1401.                                                 since the 1500s, when an unknown printer took a galley of type and

  1402.                                                 scrambled it to make a type specimen book. It has survived not only five

  1403.                                                 centuries, but also the leap into electronic typesetting, remaining

  1404.                                                 essentially unchanged. It was popularised in the 1960s with the release

  1405.                                                 of Letraset sheets containing Lorem Ipsum passages, and more recently

  1406.                                                 with desktop publishing software like Aldus PageMaker including versions

  1407.                                                 of Lorem Ipsum.

  1408.                                             </p>

  1409.                                         </td>

  1410.                                     </tr>

  1411.                                     <tr aria-expanded="false" data-widget="expandable-table">

  1412.                                         <td>134</td>

  1413.                                         <td>Jim Doe</td>

  1414.                                         <td>11-7-2014</td>

  1415.                                         <td>Approved</td>

  1416.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1417.                                     </tr>

  1418.                                     <tr class="expandable-body">

  1419.                                         <td colspan="5">

  1420.                                             <p>

  1421.                                                 Lorem Ipsum is simply dummy text of the printing and typesetting

  1422.                                                 industry. Lorem Ipsum has been the industry's standard dummy text ever

  1423.                                                 since the 1500s, when an unknown printer took a galley of type and

  1424.                                                 scrambled it to make a type specimen book. It has survived not only five

  1425.                                                 centuries, but also the leap into electronic typesetting, remaining

  1426.                                                 essentially unchanged. It was popularised in the 1960s with the release

  1427.                                                 of Letraset sheets containing Lorem Ipsum passages, and more recently

  1428.                                                 with desktop publishing software like Aldus PageMaker including versions

  1429.                                                 of Lorem Ipsum.

  1430.                                             </p>

  1431.                                         </td>

  1432.                                     </tr>

  1433.                                     <tr aria-expanded="false" data-widget="expandable-table">

  1434.                                         <td>494</td>

  1435.                                         <td>Victoria Doe</td>

  1436.                                         <td>11-7-2014</td>

  1437.                                         <td>Pending</td>

  1438.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1439.                                     </tr>

  1440.                                     <tr class="expandable-body">

  1441.                                         <td colspan="5">

  1442.                                             <p>

  1443.                                                 Lorem Ipsum is simply dummy text of the printing and typesetting

  1444.                                                 industry. Lorem Ipsum has been the industry's standard dummy text ever

  1445.                                                 since the 1500s, when an unknown printer took a galley of type and

  1446.                                                 scrambled it to make a type specimen book. It has survived not only five

  1447.                                                 centuries, but also the leap into electronic typesetting, remaining

  1448.                                                 essentially unchanged. It was popularised in the 1960s with the release

  1449.                                                 of Letraset sheets containing Lorem Ipsum passages, and more recently

  1450.                                                 with desktop publishing software like Aldus PageMaker including versions

  1451.                                                 of Lorem Ipsum.

  1452.                                             </p>

  1453.                                         </td>

  1454.                                     </tr>

  1455.                                     <tr aria-expanded="false" data-widget="expandable-table">

  1456.                                         <td>832</td>

  1457.                                         <td>Michael Doe</td>

  1458.                                         <td>11-7-2014</td>

  1459.                                         <td>Approved</td>

  1460.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1461.                                     </tr>

  1462.                                     <tr class="expandable-body">

  1463.                                         <td colspan="5">

  1464.                                             <p>

  1465.                                                 Lorem Ipsum is simply dummy text of the printing and typesetting

  1466.                                                 industry. Lorem Ipsum has been the industry's standard dummy text ever

  1467.                                                 since the 1500s, when an unknown printer took a galley of type and

  1468.                                                 scrambled it to make a type specimen book. It has survived not only five

  1469.                                                 centuries, but also the leap into electronic typesetting, remaining

  1470.                                                 essentially unchanged. It was popularised in the 1960s with the release

  1471.                                                 of Letraset sheets containing Lorem Ipsum passages, and more recently

  1472.                                                 with desktop publishing software like Aldus PageMaker including versions

  1473.                                                 of Lorem Ipsum.

  1474.                                             </p>

  1475.                                         </td>

  1476.                                     </tr>

  1477.                                     <tr aria-expanded="false" data-widget="expandable-table">

  1478.                                         <td>982</td>

  1479.                                         <td>Rocky Doe</td>

  1480.                                         <td>11-7-2014</td>

  1481.                                         <td>Denied</td>

  1482.                                         <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>

  1483.                                     </tr>

  1484.                                     <tr class="expandable-body">

  1485.                                         <td colspan="5">

  1486.                                             <p>

  1487.                                                 Lorem Ipsum is simply dummy text of the printing and typesetting

  1488.                                                 industry. Lorem Ipsum has been the industry's standard dummy text ever

  1489.                                                 since the 1500s, when an unknown printer took a galley of type and

  1490.                                                 scrambled it to make a type specimen book. It has survived not only five

  1491.                                                 centuries, but also the leap into electronic typesetting, remaining

  1492.                                                 essentially unchanged. It was popularised in the 1960s with the release

  1493.                                                 of Letraset sheets containing Lorem Ipsum passages, and more recently

  1494.                                                 with desktop publishing software like Aldus PageMaker including versions

  1495.                                                 of Lorem Ipsum.

  1496.                                             </p>

  1497.                                         </td>

  1498.                                     </tr>

  1499.                                     </tbody>

  1500.                                 </table>

  1501.                             </div>

  1502.                             <!-- /.card-body -->

  1503.                         </div>

  1504.                         <!-- /.card -->

  1505.                     </div>

  1506.                 </div>

  1507.                 <!-- /.row -->

  1508.                 <div class="row">

  1509.                     <div class="col-12">

  1510.                         <div class="card">

  1511.                             <div class="card-header">

  1512.                                 <h3 class="card-title">Expandable Table Tree</h3>

  1513.                             </div>

  1514.                             <!-- ./card-header -->

  1515.                             <div class="card-body p-0">

  1516.                                 <table class="table table-hover">

  1517.                                     <tbody>

  1518.                                     <tr>

  1519.                                         <td class="border-0">183</td>

  1520.                                     </tr>

  1521.                                     <tr aria-expanded="true" data-widget="expandable-table">

  1522.                                         <td>

  1523.                                             <i class="expandable-table-caret fas fa-caret-right fa-fw"></i>

  1524.                                             219

  1525.                                         </td>

  1526.                                     </tr>

  1527.                                     <tr class="expandable-body">

  1528.                                         <td>

  1529.                                             <div class="p-0">

  1530.                                                 <table class="table table-hover">

  1531.                                                     <tbody>

  1532.                                                     <tr aria-expanded="false" data-widget="expandable-table">

  1533.                                                         <td>

  1534.                                                             <i class="expandable-table-caret fas fa-caret-right fa-fw"></i>

  1535.                                                             219-1

  1536.                                                         </td>

  1537.                                                     </tr>

  1538.                                                     <tr class="expandable-body">

  1539.                                                         <td>

  1540.                                                             <div class="p-0">

  1541.                                                                 <table class="table table-hover">

  1542.                                                                     <tbody>

  1543.                                                                     <tr>

  1544.                                                                         <td>219-1-1</td>

  1545.                                                                     </tr>

  1546.                                                                     <tr>

  1547.                                                                         <td>219-1-2</td>

  1548.                                                                     </tr>

  1549.                                                                     <tr>

  1550.                                                                         <td>219-1-3</td>

  1551.                                                                     </tr>

  1552.                                                                     </tbody>

  1553.                                                                 </table>

  1554.                                                             </div>

  1555.                                                         </td>

  1556.                                                     </tr>

  1557.                                                     <tr aria-expanded="false" data-widget="expandable-table">

  1558.                                                         <td>

  1559.                                                             <button class="btn btn-primary p-0" type="button">

  1560.                                                                 <i class="expandable-table-caret fas fa-caret-right fa-fw"></i>

  1561.                                                             </button>

  1562.                                                             219-2

  1563.                                                         </td>

  1564.                                                     </tr>

  1565.                                                     <tr class="expandable-body">

  1566.                                                         <td>

  1567.                                                             <div class="p-0">

  1568.                                                                 <table class="table table-hover">

  1569.                                                                     <tbody>

  1570.                                                                     <tr>

  1571.                                                                         <td>219-2-1</td>

  1572.                                                                     </tr>

  1573.                                                                     <tr>

  1574.                                                                         <td>219-2-2</td>

  1575.                                                                     </tr>

  1576.                                                                     <tr>

  1577.                                                                         <td>219-2-3</td>

  1578.                                                                     </tr>

  1579.                                                                     </tbody>

  1580.                                                                 </table>

  1581.                                                             </div>

  1582.                                                         </td>

  1583.                                                     </tr>

  1584.                                                     <tr>

  1585.                                                         <td>219-3</td>

  1586.                                                     </tr>

  1587.                                                     </tbody>

  1588.                                                 </table>

  1589.                                             </div>

  1590.                                         </td>

  1591.                                     </tr>

  1592.                                     <tr>

  1593.                                         <td>657</td>

  1594.                                     </tr>

  1595.                                     <tr>

  1596.                                         <td>175</td>

  1597.                                     </tr>

  1598.                                     <tr>

  1599.                                         <td>134</td>

  1600.                                     </tr>

  1601.                                     <tr>

  1602.                                         <td>494</td>

  1603.                                     </tr>

  1604.                                     <tr>

  1605.                                         <td>832</td>

  1606.                                     </tr>

  1607.                                     <tr>

  1608.                                         <td>982</td>

  1609.                                     </tr>

  1610.                                     </tbody>

  1611.                                 </table>

  1612.                             </div>

  1613.                             <!-- /.card-body -->

  1614.                         </div>

  1615.                         <!-- /.card -->

  1616.                     </div>

  1617.                 </div>

  1618.                 <!-- /.row -->

  1619.             </div><!-- /.container-fluid -->

  1620.         </section>

  1621.         <!-- /.content -->

  1622.     </div>

  1623.     <!-- /.content-wrapper -->

  1624.     <footer class="main-footer">

  1625.         <div class="float-right d-none d-sm-block">

  1626.             <b>Version</b> 3.1.0

  1627.         </div>

  1628.         <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.

  1629.     </footer>

  1630. 

  1631.     <!-- Control Sidebar -->

  1632.     <aside class="control-sidebar control-sidebar-dark">

  1633.         <!-- Control sidebar content goes here -->

  1634.     </aside>

  1635.     <!-- /.control-sidebar -->

  1636. </div>

  1637. <!-- ./wrapper -->

  1638. 

  1639. <!-- jQuery -->

  1640. <script src="../../plugins/jquery/jquery.min.js"></script>

  1641. <!-- Bootstrap 4 -->

  1642. <script src="../../plugins/bootstrap/js/bootstrap.bundle.min.js"></script>

  1643. <!-- AdminLTE App -->

  1644. <script src="../../dist/js/adminlte.min.js"></script>

  1645. <!-- AdminLTE for demo purposes -->

  1646. <script src="../../dist/js/demo.js"></script>

  1647. </body>

  1648. </html>