<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;

/* tables-basic.html.twig */
class __TwigTemplate_3f505782f34ba7f32dec2d8aa6707e12 extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->blocks = [
            'title' => [$this, 'block_title'],
            'css' => [$this, 'block_css'],
            'pagetitle' => [$this, 'block_pagetitle'],
            'body' => [$this, 'block_body'],
        ];
    }

    protected function doGetParent(array $context)
    {
        // line 1
        return "partials/layout-vertical.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "tables-basic.html.twig"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "tables-basic.html.twig"));

        $this->parent = $this->loadTemplate("partials/layout-vertical.html.twig", "tables-basic.html.twig", 1);
        $this->parent->display($context, array_merge($this->blocks, $blocks));
        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 3
    public function block_title($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));

        echo "Basic Tables
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 6
    public function block_css($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 8
    public function block_pagetitle($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "pagetitle"));

        // line 9
        echo "\t";
        echo twig_include($this->env, $context, "partials/page-title.html.twig", ["sub_title" => "Tables", "page_title" => "Basic Tables"]);
        echo "
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    // line 12
    public function block_body($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));

        // line 13
        echo "
\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Basic example</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tFor basic styling—light padding and only horizontal dividers—add the base class
\t\t\t\t\t\t<code>.table</code>
\t\t\t\t\t\tto any
\t\t\t\t\t\t<code>&lt;table&gt;</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>India</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>USA</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Canada</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Linda G. Smith</td>
\t\t\t\t\t\t\t\t\t<td>606-253-1207</td>
\t\t\t\t\t\t\t\t\t<td>May 3, 1962</td>
\t\t\t\t\t\t\t\t\t<td>Brazil</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Inverse table</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tYou can also invert the colors—with light text on dark backgrounds—with
\t\t\t\t\t\t<code>.table-dark</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-dark mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>Malaysia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>Belgium</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Australia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Sean C. Nguyen</td>
\t\t\t\t\t\t\t\t\t<td>269-714-6825</td>
\t\t\t\t\t\t\t\t\t<td>February 5, 1994</td>
\t\t\t\t\t\t\t\t\t<td>Algeria</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Striped rows</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tUse
\t\t\t\t\t\t<code>.table-striped</code>
\t\t\t\t\t\tto add zebra-striping to any table row
\t\t\t\t\t\t                                            within the
\t\t\t\t\t\t<code>&lt;tbody&gt;</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-striped table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>User</th>
\t\t\t\t\t\t\t\t\t<th>Account No.</th>
\t\t\t\t\t\t\t\t\t<th>Balance</th>
\t\t\t\t\t\t\t\t\t<th>Action</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tRisa D. Pearson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>AC336 508 2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-settings-3-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-3.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tAnn C. Thompson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>SB646 473 2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-settings-3-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-4.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tPaul J. Friend
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>DL281 308 0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-settings-3-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tSean C. Nguyen
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>CA269 714 6825</td>
\t\t\t\t\t\t\t\t\t<td>February 5, 1994</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-settings-3-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Table head options</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tUse one of two modifier classes to make
\t\t\t\t\t\t<code>&lt;thead&gt;</code>s appear light or dark gray.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-centered mb-0\">
\t\t\t\t\t\t\t<thead class=\"table-dark\">
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Product</th>
\t\t\t\t\t\t\t\t\t<th>Courier</th>
\t\t\t\t\t\t\t\t\t<th>Process</th>
\t\t\t\t\t\t\t\t\t<th>Status</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>ASOS Ridley High Waist</td>
\t\t\t\t\t\t\t\t\t<td>FedEx</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<div class=\"progress progress-sm\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress-bar progress-lg bg-success\" role=\"progressbar\" style=\"width: 100%\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>Delivered</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Marco Lightweight Shirt</td>
\t\t\t\t\t\t\t\t\t<td>DHL</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<div class=\"progress progress-sm\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress-bar progress-lg bg-warning\" role=\"progressbar\" style=\"width: 50%\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>Shipped</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Half Sleeve Shirt</td>
\t\t\t\t\t\t\t\t\t<td>Bright</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<div class=\"progress progress-sm\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress-bar progress-lg bg-info\" role=\"progressbar\" style=\"width: 25%\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>Order Received</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Lightweight Jacket</td>
\t\t\t\t\t\t\t\t\t<td>FedEx</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<div class=\"progress progress-sm\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress-bar progress-lg bg-success\" role=\"progressbar\" style=\"width: 100%\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>Delivered</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Cargo Pant & Shirt</td>
\t\t\t\t\t\t\t\t\t<td>FedEx</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<div class=\"progress progress-sm\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress-bar progress-lg bg-danger\" role=\"progressbar\" style=\"width: 10%\" aria-valuenow=\"10\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>Payment Failed</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->


\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Hoverable rows</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-hover</code>
\t\t\t\t\t\tto enable a hover state on table rows within a
\t\t\t\t\t\t<code>&lt;tbody&gt;</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-hover table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Product</th>
\t\t\t\t\t\t\t\t\t<th>Price</th>
\t\t\t\t\t\t\t\t\t<th>Quantity</th>
\t\t\t\t\t\t\t\t\t<th>Amount</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>ASOS Ridley High Waist</td>
\t\t\t\t\t\t\t\t\t<td>\$79.49</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">82 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$6,518.18</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Marco Lightweight Shirt</td>
\t\t\t\t\t\t\t\t\t<td>\$128.50</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">37 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$4,754.50</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Half Sleeve Shirt</td>
\t\t\t\t\t\t\t\t\t<td>\$39.99</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">64 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$2,559.36</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Lightweight Jacket</td>
\t\t\t\t\t\t\t\t\t<td>\$20.00</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">184 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$3,680.00</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Small table</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-sm</code>
\t\t\t\t\t\tto make tables more compact by cutting cell padding in half.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-sm table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Product</th>
\t\t\t\t\t\t\t\t\t<th>Price</th>
\t\t\t\t\t\t\t\t\t<th>Quantity</th>
\t\t\t\t\t\t\t\t\t<th>Amount</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>ASOS Ridley High Waist</td>
\t\t\t\t\t\t\t\t\t<td>\$79.49</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">82 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$6,518.18</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Marco Lightweight Shirt</td>
\t\t\t\t\t\t\t\t\t<td>\$128.50</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">37 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$4,754.50</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Half Sleeve Shirt</td>
\t\t\t\t\t\t\t\t\t<td>\$39.99</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">64 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$2,559.36</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Lightweight Jacket</td>
\t\t\t\t\t\t\t\t\t<td>\$20.00</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">184 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$3,680.00</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Marco Shoes</td>
\t\t\t\t\t\t\t\t\t<td>\$28.49</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">69 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$1,965.81</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>ASOS Ridley High Waist</td>
\t\t\t\t\t\t\t\t\t<td>\$79.49</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">82 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$6,518.18</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Bordered table</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-bordered</code>
\t\t\t\t\t\tfor borders on all sides of the table and cells.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-bordered table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>User</th>
\t\t\t\t\t\t\t\t\t<th>Account No.</th>
\t\t\t\t\t\t\t\t\t<th>Balance</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">Action</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-6.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tRisa D. Pearson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>AC336 508 2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-7.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tAnn C. Thompson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>SB646 473 2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-8.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tPaul J. Friend
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>DL281 308 0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tSean C. Nguyen
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>CA269 714 6825</td>
\t\t\t\t\t\t\t\t\t<td>February 5, 1994</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Bordered color table</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-bordered</code>
\t\t\t\t\t\t&
\t\t\t\t\t\t<code>.border-primary</code>
\t\t\t\t\t\tcan be added to change colors.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-bordered border-primary table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>User</th>
\t\t\t\t\t\t\t\t\t<th>Account No.</th>
\t\t\t\t\t\t\t\t\t<th>Balance</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">Action</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-6.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tRisa D. Pearson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>AC336 508 2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-7.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tAnn C. Thompson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>SB646 473 2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-8.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tPaul J. Friend
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>DL281 308 0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tSean C. Nguyen
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>CA269 714 6825</td>
\t\t\t\t\t\t\t\t\t<td>February 5, 1994</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->


\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Always responsive</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAcross every breakpoint, use
\t\t\t\t\t\t<code>.table-responsive</code>
\t\t\t\t\t\tfor horizontally scrolling tables. Use
\t\t\t\t\t\t<code>.table-responsive{-sm|-md|-lg|-xl}</code>
\t\t\t\t\t\tas needed to create responsive tables up to a particular breakpoint. From that breakpoint and up, the table will behave
\t\t\t\t\t\t                                            normally and not scroll horizontally.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive\">
\t\t\t\t\t\t<table class=\"table mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">#</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th scope=\"row\">1</th>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th scope=\"row\">2</th>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th scope=\"row\">3</th>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->


\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Basic Borderless Example</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-borderless</code>
\t\t\t\t\t\tfor a table without borders.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-centered table-borderless mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>India</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>USA</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Canada</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Linda G. Smith</td>
\t\t\t\t\t\t\t\t\t<td>606-253-1207</td>
\t\t\t\t\t\t\t\t\t<td>May 3, 1962</td>
\t\t\t\t\t\t\t\t\t<td>Brazil</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Inverse Borderless table</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-borderless</code>
\t\t\t\t\t\tfor a table without borders.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-dark table-borderless mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>Malaysia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>Belgium</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Australia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Sean C. Nguyen</td>
\t\t\t\t\t\t\t\t\t<td>269-714-6825</td>
\t\t\t\t\t\t\t\t\t<td>February 5, 1994</td>
\t\t\t\t\t\t\t\t\t<td>Algeria</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Active tables</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tHighlight a table row or cell by adding a
\t\t\t\t\t\t<code>.table-active</code>
\t\t\t\t\t\tclass.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr class=\"table-active\">
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>Belgium</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>Malaysia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Algeria</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td scope=\"row\">Linda G. Smith</td>
\t\t\t\t\t\t\t\t\t<td colspan=\"2\" class=\"table-active\">606-253-1207</td>
\t\t\t\t\t\t\t\t\t<td>Australia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>India</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col -->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Nesting</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tBorder styles, active styles, and table variants are not inherited by nested tables.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-striped mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>India</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td colspan=\"4\">
\t\t\t\t\t\t\t\t\t\t<table class=\"table table-sm mb-0\">
\t\t\t\t\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Malaysia</td>
\t\t\t\t\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Canada</td>
\t\t\t\t\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t\t\t\t\t</table>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Linda G. Smith</td>
\t\t\t\t\t\t\t\t\t<td>606-253-1207</td>
\t\t\t\t\t\t\t\t\t<td>September 2, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Belgium</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col -->
\t</div>
\t<!-- end row -->

";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        
        $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);

    }

    public function getTemplateName()
    {
        return "tables-basic.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  132 => 13,  122 => 12,  109 => 9,  99 => 8,  81 => 6,  61 => 3,  38 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("{% extends 'partials/layout-vertical.html.twig' %}

{% block title %}Basic Tables
{% endblock %}

{% block css %}{% endblock %}

{% block pagetitle %}
\t{{ include('partials/page-title.html.twig', { sub_title: 'Tables', page_title: 'Basic Tables' }) }}
{% endblock %}

{% block body %}

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Basic example</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tFor basic styling—light padding and only horizontal dividers—add the base class
\t\t\t\t\t\t<code>.table</code>
\t\t\t\t\t\tto any
\t\t\t\t\t\t<code>&lt;table&gt;</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>India</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>USA</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Canada</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Linda G. Smith</td>
\t\t\t\t\t\t\t\t\t<td>606-253-1207</td>
\t\t\t\t\t\t\t\t\t<td>May 3, 1962</td>
\t\t\t\t\t\t\t\t\t<td>Brazil</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Inverse table</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tYou can also invert the colors—with light text on dark backgrounds—with
\t\t\t\t\t\t<code>.table-dark</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-dark mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>Malaysia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>Belgium</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Australia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Sean C. Nguyen</td>
\t\t\t\t\t\t\t\t\t<td>269-714-6825</td>
\t\t\t\t\t\t\t\t\t<td>February 5, 1994</td>
\t\t\t\t\t\t\t\t\t<td>Algeria</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Striped rows</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tUse
\t\t\t\t\t\t<code>.table-striped</code>
\t\t\t\t\t\tto add zebra-striping to any table row
\t\t\t\t\t\t                                            within the
\t\t\t\t\t\t<code>&lt;tbody&gt;</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-striped table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>User</th>
\t\t\t\t\t\t\t\t\t<th>Account No.</th>
\t\t\t\t\t\t\t\t\t<th>Balance</th>
\t\t\t\t\t\t\t\t\t<th>Action</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-2.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tRisa D. Pearson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>AC336 508 2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-settings-3-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-3.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tAnn C. Thompson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>SB646 473 2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-settings-3-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-4.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tPaul J. Friend
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>DL281 308 0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-settings-3-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-5.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tSean C. Nguyen
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>CA269 714 6825</td>
\t\t\t\t\t\t\t\t\t<td>February 5, 1994</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-settings-3-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Table head options</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tUse one of two modifier classes to make
\t\t\t\t\t\t<code>&lt;thead&gt;</code>s appear light or dark gray.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-centered mb-0\">
\t\t\t\t\t\t\t<thead class=\"table-dark\">
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Product</th>
\t\t\t\t\t\t\t\t\t<th>Courier</th>
\t\t\t\t\t\t\t\t\t<th>Process</th>
\t\t\t\t\t\t\t\t\t<th>Status</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>ASOS Ridley High Waist</td>
\t\t\t\t\t\t\t\t\t<td>FedEx</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<div class=\"progress progress-sm\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress-bar progress-lg bg-success\" role=\"progressbar\" style=\"width: 100%\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>Delivered</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Marco Lightweight Shirt</td>
\t\t\t\t\t\t\t\t\t<td>DHL</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<div class=\"progress progress-sm\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress-bar progress-lg bg-warning\" role=\"progressbar\" style=\"width: 50%\" aria-valuenow=\"50\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>Shipped</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Half Sleeve Shirt</td>
\t\t\t\t\t\t\t\t\t<td>Bright</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<div class=\"progress progress-sm\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress-bar progress-lg bg-info\" role=\"progressbar\" style=\"width: 25%\" aria-valuenow=\"25\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>Order Received</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Lightweight Jacket</td>
\t\t\t\t\t\t\t\t\t<td>FedEx</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<div class=\"progress progress-sm\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress-bar progress-lg bg-success\" role=\"progressbar\" style=\"width: 100%\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>Delivered</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Cargo Pant & Shirt</td>
\t\t\t\t\t\t\t\t\t<td>FedEx</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<div class=\"progress progress-sm\">
\t\t\t\t\t\t\t\t\t\t\t<div class=\"progress-bar progress-lg bg-danger\" role=\"progressbar\" style=\"width: 10%\" aria-valuenow=\"10\" aria-valuemin=\"0\" aria-valuemax=\"100\"></div>
\t\t\t\t\t\t\t\t\t\t</div>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>Payment Failed</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->


\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Hoverable rows</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-hover</code>
\t\t\t\t\t\tto enable a hover state on table rows within a
\t\t\t\t\t\t<code>&lt;tbody&gt;</code>.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-hover table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Product</th>
\t\t\t\t\t\t\t\t\t<th>Price</th>
\t\t\t\t\t\t\t\t\t<th>Quantity</th>
\t\t\t\t\t\t\t\t\t<th>Amount</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>ASOS Ridley High Waist</td>
\t\t\t\t\t\t\t\t\t<td>\$79.49</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">82 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$6,518.18</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Marco Lightweight Shirt</td>
\t\t\t\t\t\t\t\t\t<td>\$128.50</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">37 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$4,754.50</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Half Sleeve Shirt</td>
\t\t\t\t\t\t\t\t\t<td>\$39.99</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">64 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$2,559.36</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Lightweight Jacket</td>
\t\t\t\t\t\t\t\t\t<td>\$20.00</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">184 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$3,680.00</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Small table</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-sm</code>
\t\t\t\t\t\tto make tables more compact by cutting cell padding in half.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-sm table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Product</th>
\t\t\t\t\t\t\t\t\t<th>Price</th>
\t\t\t\t\t\t\t\t\t<th>Quantity</th>
\t\t\t\t\t\t\t\t\t<th>Amount</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>ASOS Ridley High Waist</td>
\t\t\t\t\t\t\t\t\t<td>\$79.49</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">82 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$6,518.18</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Marco Lightweight Shirt</td>
\t\t\t\t\t\t\t\t\t<td>\$128.50</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">37 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$4,754.50</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Half Sleeve Shirt</td>
\t\t\t\t\t\t\t\t\t<td>\$39.99</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">64 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$2,559.36</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Lightweight Jacket</td>
\t\t\t\t\t\t\t\t\t<td>\$20.00</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">184 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$3,680.00</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Marco Shoes</td>
\t\t\t\t\t\t\t\t\t<td>\$28.49</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">69 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$1,965.81</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>ASOS Ridley High Waist</td>
\t\t\t\t\t\t\t\t\t<td>\$79.49</td>
\t\t\t\t\t\t\t\t\t<td>
\t\t\t\t\t\t\t\t\t\t<span class=\"badge bg-primary\">82 Pcs</span>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>\$6,518.18</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Bordered table</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-bordered</code>
\t\t\t\t\t\tfor borders on all sides of the table and cells.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-bordered table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>User</th>
\t\t\t\t\t\t\t\t\t<th>Account No.</th>
\t\t\t\t\t\t\t\t\t<th>Balance</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">Action</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-6.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tRisa D. Pearson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>AC336 508 2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-7.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tAnn C. Thompson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>SB646 473 2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-8.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tPaul J. Friend
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>DL281 308 0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tSean C. Nguyen
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>CA269 714 6825</td>
\t\t\t\t\t\t\t\t\t<td>February 5, 1994</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Bordered color table</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-bordered</code>
\t\t\t\t\t\t&
\t\t\t\t\t\t<code>.border-primary</code>
\t\t\t\t\t\tcan be added to change colors.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-bordered border-primary table-centered mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>User</th>
\t\t\t\t\t\t\t\t\t<th>Account No.</th>
\t\t\t\t\t\t\t\t\t<th>Balance</th>
\t\t\t\t\t\t\t\t\t<th class=\"text-center\">Action</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-6.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tRisa D. Pearson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>AC336 508 2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-7.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tAnn C. Thompson
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>SB646 473 2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-8.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tPaul J. Friend
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>DL281 308 0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td class=\"table-user\">
\t\t\t\t\t\t\t\t\t\t<img src=\"/images/users/avatar-9.jpg\" alt=\"table-user\" class=\"me-2 rounded-circle\"/>
\t\t\t\t\t\t\t\t\t\tSean C. Nguyen
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t\t<td>CA269 714 6825</td>
\t\t\t\t\t\t\t\t\t<td>February 5, 1994</td>
\t\t\t\t\t\t\t\t\t<td class=\"text-center\">
\t\t\t\t\t\t\t\t\t\t<a href=\"javascript: void(0);\" class=\"text-reset fs-16 px-1\">
\t\t\t\t\t\t\t\t\t\t\t<i class=\"ri-delete-bin-2-line\"></i>
\t\t\t\t\t\t\t\t\t\t</a>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->


\t<div class=\"row\">
\t\t<div class=\"col-12\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Always responsive</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAcross every breakpoint, use
\t\t\t\t\t\t<code>.table-responsive</code>
\t\t\t\t\t\tfor horizontally scrolling tables. Use
\t\t\t\t\t\t<code>.table-responsive{-sm|-md|-lg|-xl}</code>
\t\t\t\t\t\tas needed to create responsive tables up to a particular breakpoint. From that breakpoint and up, the table will behave
\t\t\t\t\t\t                                            normally and not scroll horizontally.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive\">
\t\t\t\t\t\t<table class=\"table mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">#</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t\t<th scope=\"col\">Heading</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th scope=\"row\">1</th>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th scope=\"row\">2</th>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th scope=\"row\">3</th>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t\t<td>Cell</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->


\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Basic Borderless Example</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-borderless</code>
\t\t\t\t\t\tfor a table without borders.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-centered table-borderless mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>India</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>USA</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Canada</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Linda G. Smith</td>
\t\t\t\t\t\t\t\t\t<td>606-253-1207</td>
\t\t\t\t\t\t\t\t\t<td>May 3, 1962</td>
\t\t\t\t\t\t\t\t\t<td>Brazil</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">

\t\t\t\t\t<h4 class=\"header-title\">Inverse Borderless table</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tAdd
\t\t\t\t\t\t<code>.table-borderless</code>
\t\t\t\t\t\tfor a table without borders.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-dark table-borderless mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>Malaysia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>Belgium</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Australia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Sean C. Nguyen</td>
\t\t\t\t\t\t\t\t\t<td>269-714-6825</td>
\t\t\t\t\t\t\t\t\t<td>February 5, 1994</td>
\t\t\t\t\t\t\t\t\t<td>Algeria</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->

\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col-->
\t</div>
\t<!-- end row-->

\t<div class=\"row\">
\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Active tables</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tHighlight a table row or cell by adding a
\t\t\t\t\t\t<code>.table-active</code>
\t\t\t\t\t\tclass.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr class=\"table-active\">
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>Belgium</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t<td>Malaysia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Algeria</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td scope=\"row\">Linda G. Smith</td>
\t\t\t\t\t\t\t\t\t<td colspan=\"2\" class=\"table-active\">606-253-1207</td>
\t\t\t\t\t\t\t\t\t<td>Australia</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Paul J. Friend</td>
\t\t\t\t\t\t\t\t\t<td>281-308-0793</td>
\t\t\t\t\t\t\t\t\t<td>September 1, 1939</td>
\t\t\t\t\t\t\t\t\t<td>India</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t\t<!-- end table-responsive-->
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col -->

\t\t<div class=\"col-xl-6\">
\t\t\t<div class=\"card\">
\t\t\t\t<div class=\"card-body\">
\t\t\t\t\t<h4 class=\"header-title\">Nesting</h4>
\t\t\t\t\t<p class=\"text-muted fs-14\">
\t\t\t\t\t\tBorder styles, active styles, and table variants are not inherited by nested tables.
\t\t\t\t\t</p>

\t\t\t\t\t<div class=\"table-responsive-sm\">
\t\t\t\t\t\t<table class=\"table table-striped mb-0\">
\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t<td>India</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td colspan=\"4\">
\t\t\t\t\t\t\t\t\t\t<table class=\"table table-sm mb-0\">
\t\t\t\t\t\t\t\t\t\t\t<thead>
\t\t\t\t\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t\t\t\t\t<th>Name</th>
\t\t\t\t\t\t\t\t\t\t\t\t\t<th>Phone Number</th>
\t\t\t\t\t\t\t\t\t\t\t\t\t<th>Date of Birth</th>
\t\t\t\t\t\t\t\t\t\t\t\t\t<th>Country</th>
\t\t\t\t\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t\t\t\t</thead>
\t\t\t\t\t\t\t\t\t\t\t<tbody>
\t\t\t\t\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Risa D. Pearson</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>336-508-2157</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>July 24, 1950</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Malaysia</td>
\t\t\t\t\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Ann C. Thompson</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>646-473-2057</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>January 25, 1959</td>
\t\t\t\t\t\t\t\t\t\t\t\t\t<td>Canada</td>
\t\t\t\t\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t\t\t\t\t</table>
\t\t\t\t\t\t\t\t\t</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t\t<tr>
\t\t\t\t\t\t\t\t\t<td>Linda G. Smith</td>
\t\t\t\t\t\t\t\t\t<td>606-253-1207</td>
\t\t\t\t\t\t\t\t\t<td>September 2, 1939</td>
\t\t\t\t\t\t\t\t\t<td>Belgium</td>
\t\t\t\t\t\t\t\t</tr>
\t\t\t\t\t\t\t</tbody>
\t\t\t\t\t\t</table>
\t\t\t\t\t</div>
\t\t\t\t</div>
\t\t\t\t<!-- end card body-->
\t\t\t</div>
\t\t\t<!-- end card -->
\t\t</div>
\t\t<!-- end col -->
\t</div>
\t<!-- end row -->

{% endblock %}", "tables-basic.html.twig", "C:\\Users\\4\\Desktop\\Anant\\jidox\\jidox_symfony\\Jidox\\templates\\tables-basic.html.twig");
    }
}
