templates/clients/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.                             <!-- PAGE-HEADER -->
  6.                             <div class="page-header">
  7.                                 <div>
  8.                                     <h1 class="page-title">Clients</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item">Apps</li>
  13.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Clients</a></li>
  14.                                         <li class="breadcrumb-item active" aria-current="page">Clients</li>
  15.                                     </ol>
  16.                                 </div>
  17.                             </div>
  18.                             <!-- PAGE-HEADER END -->
  20.                             <!-- ROW -->
  21.                             <div class="row clients-contacts-main">
  22.                                 <div class="col-md-12 col-xl-12">
  23.                                     <div class="card">
  24.                                         <div class="card-body">
  25.                                             <div class="row align-items-center">
  26.                                                 <div class="col-xl col-lg-6 col-md-12">
  27.                                                     <div class="btn-list">
  28.                                                         <a href="{{ absolute_url(path('app_client_create')) }}" class="btn btn-primary">
  29.                                                             <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn text-white" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M16,11.5h-3.5V8c0-0.276123-0.223877-0.5-0.5-0.5S11.5,7.723877,11.5,8v3.5H8c-0.276123,0-0.5,0.223877-0.5,0.5s0.223877,0.5,0.5,0.5h3.5v3.5005493C11.5001831,16.2765503,11.723999,16.5001831,12,16.5h0.0006104C12.2765503,16.4998169,12.5001831,16.276001,12.5,16v-3.5H16c0.276123,0,0.5-0.223877,0.5-0.5S16.276123,11.5,16,11.5z M12,2C6.4771729,2,2,6.4771729,2,12s4.4771729,10,10,10c5.5202026-0.0062866,9.9937134-4.4797974,10-10C22,6.4771729,17.5228271,2,12,2z M12,21c-4.9705811,0-9-4.0294189-9-9s4.0294189-9,9-9c4.9682617,0.0056152,8.9943848,4.0317383,9,9C21,16.9705811,16.9705811,21,12,21z"/></svg>
  30.                                                             Add Client
  31.                                                         </a>
  32.                                                         <a href="#" class="btn btn-outline-primary group-update-btn">
  33.                                                             <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M21.5,21h-19C2.223877,21,2,21.223877,2,21.5S2.223877,22,2.5,22h19c0.276123,0,0.5-0.223877,0.5-0.5S21.776123,21,21.5,21z M4.5,18.0888672h5c0.1326294,0,0.2597656-0.0527344,0.3534546-0.1465454l10-10c0.000061,0,0.0001221-0.000061,0.0001831-0.0001221c0.1951294-0.1952515,0.1950684-0.5117188-0.0001831-0.7068481l-5-5c0-0.000061-0.000061-0.0001221-0.0001221-0.0001221c-0.1951904-0.1951904-0.5117188-0.1951294-0.7068481,0.0001221l-10,10C4.0526733,12.3291016,4,12.4562378,4,12.5888672v5c0,0.0001831,0,0.0003662,0,0.0005493C4.0001831,17.8654175,4.223999,18.0890503,4.5,18.0888672z M14.5,3.2958984l4.2930298,4.2929688l-2.121582,2.121582l-4.2926025-4.293396L14.5,3.2958984z M5,12.7958984l6.671814-6.671814l4.2926025,4.293396l-6.6713867,6.6713867H5V12.7958984z"/></svg>
  34.                                                             Group Update
  35.                                                         </a>
  36.                                                         <a href="#" role="button" class="btn btn-outline-danger">
  37.                                                             <svg xmlns="http://www.w3.org/2000/svg" class="w-inner-icn" enable-background="new 0 0 24 24" viewBox="0 0 24 24"><path d="M20.5,6h-2H16V4.5c-0.0012817-1.380188-1.119812-2.4987183-2.5-2.5h-3C9.119873,2.0014648,8.0014648,3.119873,8,4.5V6H5.5C5.4998169,6,5.4996338,6,5.4993896,6H3.5C3.223877,6,3,6.223877,3,6.5S3.223877,7,3.5,7H5v12.5c0.0014648,1.380127,1.119873,2.4985352,2.5,2.5h9c1.380188-0.0012817,2.4987183-1.119812,2.5-2.5V7h1.5C20.776123,7,21,6.776123,21,6.5S20.776123,6,20.5,6z M9,4.5C9.0009155,3.671936,9.671936,3.0009155,10.5,3h3c0.828064,0.0009155,1.4990845,0.671936,1.5,1.5V6H9V4.5z M18,19.5c-0.0009155,0.828064-0.671936,1.4990845-1.5,1.5h-9c-0.828064-0.0009155-1.4990845-0.671936-1.5-1.5V7h2.5h7h0.0006104H18V19.5z"/></svg>
  38.                                                             Delete All
  39.                                                         </a>
  40.                                                     </div>
  41.                                                 </div>
  42.                                                 <div class="col-xl-4 col-lg-6 col-md-12 mt-1 mt-lg-0">
  43.                                                     <div class="input-group">
  44.                                                         <input type="text" class="form-control" placeholder="Search in clients.....">
  45.                                                         <button class="btn ripple btn-primary text-white input-group-text border-0" type="button">Search</button>
  46.                                                     </div>
  47.                                                 </div>
  48.                                             </div>
  49.                                         </div>
  50.                                     </div>
  51.                                 </div>
  52.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  53.                                     <div class="card mb-5">
  54.                                         <div class="card-body">
  55.                                             <div class="client-title mt-0">
  56.                                                 <figure class="rounded-circle align-self-start mb-0">
  57.                                                     <img src="{{absolute_url(asset('build/images/users/16.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  58.                                                 </figure>
  59.                                                 <div class="media-body">
  60.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0);" class="text-dark">Jeremy Gilbert</a></h4>
  61.                                                     <span class="text-muted">Spain, UN</span>
  62.                                                 </div>
  63.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  64.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  65.                                             </div>
  66.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  67.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  68.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  69.                                                     <p class="m-0 text-dark">773</p>
  70.                                                 </div>
  71.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  72.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  73.                                                     <p class="m-0 text-dark">16</p>
  74.                                                 </div>
  75.                                             </div>
  76.                                         </div>
  77.                                         <div class="card-footer border-top p-3">
  78.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  79.                                                 <div class="social">
  80.                                                     <ul class="text-center">
  81.                                                         <li>
  82.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  83.                                                         </li>
  84.                                                         <li>
  85.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  86.                                                         </li>
  87.                                                         <li>
  88.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  89.                                                         </li>
  90.                                                     </ul>
  91.                                                 </div>
  92.                                             </div>
  93.                                         </div>
  94.                                     </div>
  95.                                 </div>
  96.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  97.                                     <div class="card mb-5">
  98.                                         <div class="card-body">
  99.                                             <div class="client-title mt-0">
  100.                                                 <figure class="rounded-circle align-self-start mb-0">
  101.                                                     <img src="{{absolute_url(asset('build/images/users/1.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  102.                                                 </figure>
  103.                                                 <div class="media-body">
  104.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0)" class="text-dark">Bonnie Donnavan</a></h4>
  105.                                                     <span class="text-muted">Japan, UN</span>
  106.                                                 </div>
  107.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  108.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  109.                                             </div>
  110.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  111.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  112.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  113.                                                     <p class="m-0 text-dark">1275</p>
  114.                                                 </div>
  115.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  116.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  117.                                                     <p class="m-0 text-dark">753</p>
  118.                                                 </div>
  119.                                             </div>
  120.                                         </div>
  121.                                         <div class="card-footer border-top p-3">
  122.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  123.                                                 <div class="social">
  124.                                                     <ul class="text-center">
  125.                                                         <li>
  126.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  127.                                                         </li>
  128.                                                         <li>
  129.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  130.                                                         </li>
  131.                                                         <li>
  132.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  133.                                                         </li>
  134.                                                     </ul>
  135.                                                 </div>
  136.                                             </div>
  137.                                         </div>
  138.                                     </div>
  139.                                 </div>
  140.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  141.                                     <div class="card mb-5">
  142.                                         <div class="card-body">
  143.                                             <div class="client-title mt-0">
  144.                                                 <figure class="rounded-circle align-self-start mb-0">
  145.                                                     <img src="{{absolute_url(asset('build/images/users/2.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  146.                                                 </figure>
  147.                                                 <div class="media-body">
  148.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0)" class="text-dark">Rebbaca wisely</a></h4>
  149.                                                     <span class="text-muted">Japan, UN</span>
  150.                                                 </div>
  151.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  152.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  153.                                             </div>
  154.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  155.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  156.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  157.                                                     <p class="m-0 text-dark">1275</p>
  158.                                                 </div>
  159.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  160.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  161.                                                     <p class="m-0 text-dark">753</p>
  162.                                                 </div>
  163.                                             </div>
  164.                                         </div>
  165.                                         <div class="card-footer border-top p-3">
  166.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  167.                                                 <div class="social">
  168.                                                     <ul class="text-center">
  169.                                                         <li>
  170.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  171.                                                         </li>
  172.                                                         <li>
  173.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  174.                                                         </li>
  175.                                                         <li>
  176.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  177.                                                         </li>
  178.                                                     </ul>
  179.                                                 </div>
  180.                                             </div>
  181.                                         </div>
  182.                                     </div>
  183.                                 </div>
  184.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  185.                                     <div class="card mb-5">
  186.                                         <div class="card-body">
  187.                                             <div class="client-title mt-0">
  188.                                                 <figure class="rounded-circle align-self-start mb-0">
  189.                                                     <img src="{{absolute_url(asset('build/images/users/15.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  190.                                                 </figure>
  191.                                                 <div class="media-body">
  192.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0)" class="text-dark">Thomas Jaim</a></h4>
  193.                                                     <span class="text-muted">Japan, UN</span>
  194.                                                 </div>
  195.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  196.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  197.                                             </div>
  198.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  199.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  200.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  201.                                                     <p class="m-0 text-dark">521</p>
  202.                                                 </div>
  203.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  204.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  205.                                                     <p class="m-0 text-dark">238</p>
  206.                                                 </div>
  207.                                             </div>
  208.                                         </div>
  209.                                         <div class="card-footer border-top p-3">
  210.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  211.                                                 <div class="social">
  212.                                                     <ul class="text-center">
  213.                                                         <li>
  214.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  215.                                                         </li>
  216.                                                         <li>
  217.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  218.                                                         </li>
  219.                                                         <li>
  220.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  221.                                                         </li>
  222.                                                     </ul>
  223.                                                 </div>
  224.                                             </div>
  225.                                         </div>
  226.                                     </div>
  227.                                 </div>
  228.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  229.                                     <div class="card mb-5">
  230.                                         <div class="card-body">
  231.                                             <div class="client-title mt-0">
  232.                                                 <figure class="rounded-circle align-self-start mb-0">
  233.                                                     <img src="{{absolute_url(asset('build/images/users/3.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  234.                                                 </figure>
  235.                                                 <div class="media-body">
  236.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0)" class="text-dark">Skyler Hilda</a></h4>
  237.                                                     <span class="text-muted">New York, UK</span>
  238.                                                 </div>
  239.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  240.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  241.                                             </div>
  242.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  243.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  244.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  245.                                                     <p class="m-0 text-dark">125</p>
  246.                                                 </div>
  247.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  248.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  249.                                                     <p class="m-0 text-dark">73</p>
  250.                                                 </div>
  251.                                             </div>
  252.                                         </div>
  253.                                         <div class="card-footer border-top p-3">
  254.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  255.                                                 <div class="social">
  256.                                                     <ul class="text-center">
  257.                                                         <li>
  258.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  259.                                                         </li>
  260.                                                         <li>
  261.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  262.                                                         </li>
  263.                                                         <li>
  264.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  265.                                                         </li>
  266.                                                     </ul>
  267.                                                 </div>
  268.                                             </div>
  269.                                         </div>
  270.                                     </div>
  271.                                 </div>
  272.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  273.                                     <div class="card mb-5">
  274.                                         <div class="card-body">
  275.                                             <div class="client-title mt-0">
  276.                                                 <figure class="rounded-circle align-self-start mb-0">
  277.                                                     <img src="{{absolute_url(asset('build/images/users/5.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  278.                                                 </figure>
  279.                                                 <div class="media-body">
  280.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0)" class="text-dark">Victoria</a></h4>
  281.                                                     <span class="text-muted">New York, UK</span>
  282.                                                 </div>
  283.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  284.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  285.                                             </div>
  286.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  287.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  288.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  289.                                                     <p class="m-0 text-dark">113</p>
  290.                                                 </div>
  291.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  292.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  293.                                                     <p class="m-0 text-dark">19</p>
  294.                                                 </div>
  295.                                             </div>
  296.                                         </div>
  297.                                         <div class="card-footer border-top p-3">
  298.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  299.                                                 <div class="social">
  300.                                                     <ul class="text-center">
  301.                                                         <li>
  302.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  303.                                                         </li>
  304.                                                         <li>
  305.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  306.                                                         </li>
  307.                                                         <li>
  308.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  309.                                                         </li>
  310.                                                     </ul>
  311.                                                 </div>
  312.                                             </div>
  313.                                         </div>
  314.                                     </div>
  315.                                 </div>
  316.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  317.                                     <div class="card mb-5">
  318.                                         <div class="card-body">
  319.                                             <div class="client-title mt-0">
  320.                                                 <figure class="rounded-circle align-self-start mb-0">
  321.                                                     <img src="{{absolute_url(asset('build/images/users/1.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  322.                                                 </figure>
  323.                                                 <div class="media-body">
  324.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0)" class="text-dark">Bonnie Donnavan</a></h4>
  325.                                                     <span class="text-muted">Japan, UN</span>
  326.                                                 </div>
  327.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  328.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  329.                                             </div>
  330.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  331.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  332.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  333.                                                     <p class="m-0 text-dark">1275</p>
  334.                                                 </div>
  335.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  336.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  337.                                                     <p class="m-0 text-dark">753</p>
  338.                                                 </div>
  339.                                             </div>
  340.                                         </div>
  341.                                         <div class="card-footer border-top p-3">
  342.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  343.                                                 <div class="social">
  344.                                                     <ul class="text-center">
  345.                                                         <li>
  346.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  347.                                                         </li>
  348.                                                         <li>
  349.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  350.                                                         </li>
  351.                                                         <li>
  352.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  353.                                                         </li>
  354.                                                     </ul>
  355.                                                 </div>
  356.                                             </div>
  357.                                         </div>
  358.                                     </div>
  359.                                 </div>
  360.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  361.                                     <div class="card mb-5">
  362.                                         <div class="card-body">
  363.                                             <div class="client-title mt-0">
  364.                                                 <figure class="rounded-circle align-self-start mb-0">
  365.                                                     <img src="{{absolute_url(asset('build/images/users/2.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  366.                                                 </figure>
  367.                                                 <div class="media-body">
  368.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0)" class="text-dark">Rebbaca wisely</a></h4>
  369.                                                     <span class="text-muted">Japan, UN</span>
  370.                                                 </div>
  371.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  372.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  373.                                             </div>
  374.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  375.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  376.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  377.                                                     <p class="m-0 text-dark">1275</p>
  378.                                                 </div>
  379.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  380.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  381.                                                     <p class="m-0 text-dark">753</p>
  382.                                                 </div>
  383.                                             </div>
  384.                                         </div>
  385.                                         <div class="card-footer border-top p-3">
  386.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  387.                                                 <div class="social">
  388.                                                     <ul class="text-center">
  389.                                                         <li>
  390.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  391.                                                         </li>
  392.                                                         <li>
  393.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  394.                                                         </li>
  395.                                                         <li>
  396.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  397.                                                         </li>
  398.                                                     </ul>
  399.                                                 </div>
  400.                                             </div>
  401.                                         </div>
  402.                                     </div>
  403.                                 </div>
  404.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  405.                                     <div class="card mb-5">
  406.                                         <div class="card-body">
  407.                                             <div class="client-title mt-0">
  408.                                                 <figure class="rounded-circle align-self-start mb-0">
  409.                                                     <img src="{{absolute_url(asset('build/images/users/16.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  410.                                                 </figure>
  411.                                                 <div class="media-body">
  412.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0)" class="text-dark">Jeremy Gilbert</a></h4>
  413.                                                     <span class="text-muted">Spain, UN</span>
  414.                                                 </div>
  415.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  416.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  417.                                             </div>
  418.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  419.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  420.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  421.                                                     <p class="m-0 text-dark">773</p>
  422.                                                 </div>
  423.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  424.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  425.                                                     <p class="m-0 text-dark">16</p>
  426.                                                 </div>
  427.                                             </div>
  428.                                         </div>
  429.                                         <div class="card-footer border-top p-3">
  430.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  431.                                                 <div class="social">
  432.                                                     <ul class="text-center">
  433.                                                         <li>
  434.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  435.                                                         </li>
  436.                                                         <li>
  437.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  438.                                                         </li>
  439.                                                         <li>
  440.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  441.                                                         </li>
  442.                                                     </ul>
  443.                                                 </div>
  444.                                             </div>
  445.                                         </div>
  446.                                     </div>
  447.                                 </div>
  448.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  449.                                     <div class="card mb-5">
  450.                                         <div class="card-body">
  451.                                             <div class="client-title mt-0">
  452.                                                 <figure class="rounded-circle align-self-start mb-0">
  453.                                                     <img src="{{absolute_url(asset('build/images/users/3.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  454.                                                 </figure>
  455.                                                 <div class="media-body">
  456.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0)" class="text-dark">Skyler Hilda</a></h4>
  457.                                                     <span class="text-muted">New York, UK</span>
  458.                                                 </div>
  459.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  460.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  461.                                             </div>
  462.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  463.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  464.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  465.                                                     <p class="m-0 text-dark">125</p>
  466.                                                 </div>
  467.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  468.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  469.                                                     <p class="m-0 text-dark">73</p>
  470.                                                 </div>
  471.                                             </div>
  472.                                         </div>
  473.                                         <div class="card-footer border-top p-3">
  474.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  475.                                                 <div class="social">
  476.                                                     <ul class="text-center">
  477.                                                         <li>
  478.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  479.                                                         </li>
  480.                                                         <li>
  481.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  482.                                                         </li>
  483.                                                         <li>
  484.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  485.                                                         </li>
  486.                                                     </ul>
  487.                                                 </div>
  488.                                             </div>
  489.                                         </div>
  490.                                     </div>
  491.                                 </div>
  492.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  493.                                     <div class="card mb-5">
  494.                                         <div class="card-body">
  495.                                             <div class="client-title mt-0">
  496.                                                 <figure class="rounded-circle align-self-start mb-0">
  497.                                                     <img src="{{absolute_url(asset('build/images/users/5.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  498.                                                 </figure>
  499.                                                 <div class="media-body">
  500.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0)" class="text-dark">Victoria</a></h4>
  501.                                                     <span class="text-muted">New York, UK</span>
  502.                                                 </div>
  503.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  504.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  505.                                             </div>
  506.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  507.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  508.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  509.                                                     <p class="m-0 text-dark">113</p>
  510.                                                 </div>
  511.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  512.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  513.                                                     <p class="m-0 text-dark">19</p>
  514.                                                 </div>
  515.                                             </div>
  516.                                         </div>
  517.                                         <div class="card-footer border-top p-3">
  518.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  519.                                                 <div class="social">
  520.                                                     <ul class="text-center">
  521.                                                         <li>
  522.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  523.                                                         </li>
  524.                                                         <li>
  525.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  526.                                                         </li>
  527.                                                         <li>
  528.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  529.                                                         </li>
  530.                                                     </ul>
  531.                                                 </div>
  532.                                             </div>
  533.                                         </div>
  534.                                     </div>
  535.                                 </div>
  536.                                 <div class="col-lg-6 col-md-12 col-xl-4 col-sm-12">
  537.                                     <div class="card mb-5">
  538.                                         <div class="card-body">
  539.                                             <div class="client-title mt-0">
  540.                                                 <figure class="rounded-circle align-self-start mb-0">
  541.                                                     <img src="{{absolute_url(asset('build/images/users/15.jpg'))}}" alt="Generic placeholder image" class="avatar brround avatar-lg me-3">
  542.                                                 </figure>
  543.                                                 <div class="media-body">
  544.                                                     <h4 class="time-title p-0 mb-0 font-weight-semibold leading-normal"><a href="javascript:void(0)" class="text-dark">Thomas Jaim</a></h4>
  545.                                                     <span class="text-muted">Japan, UN</span>
  546.                                                 </div>
  547.                                                 <button class="btn btn-primary d-none d-sm-block me-2"><i class="fa fa-comments"></i> </button>
  548.                                                 <button class="btn btn-info d-none d-sm-block"><i class="fa fa-phone"></i> </button>
  549.                                             </div>
  550.                                             <div class="d-flex align-items-center justify-content-center mt-4">
  551.                                                 <div class="pe-4 border-end d-flex align-items-center justify-content-center">
  552.                                                     <h5 class="mb-0 me-3 text-muted">Projects</h5>
  553.                                                     <p class="m-0 text-dark">521</p>
  554.                                                 </div>
  555.                                                 <div class="ms-4 d-flex align-items-center justify-content-center">
  556.                                                     <h5 class="mb-0 me-3 text-muted">Tasks</h5>
  557.                                                     <p class="m-0 text-dark">238</p>
  558.                                                 </div>
  559.                                             </div>
  560.                                         </div>
  561.                                         <div class="card-footer border-top p-3">
  562.                                             <div class="footer p-0 icons-bg border-0 d-flex">
  563.                                                 <div class="social">
  564.                                                     <ul class="text-center">
  565.                                                         <li>
  566.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Facebook"><i class="fa fa-facebook text-15-f"></i></a>
  567.                                                         </li>
  568.                                                         <li>
  569.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Twitter"><i class="fa fa-twitter text-15-f"></i></a>
  570.                                                         </li>
  571.                                                         <li>
  572.                                                             <a class="social-icon hpx-35 wpx-35 d-flex align-items-center justify-content-center" href="javascript:void(0)" data-bs-toggle="tooltip" data-bs-placement="top" title="Linkedin"><i class="fa fa-linkedin text-15-f"></i></a>
  573.                                                         </li>
  574.                                                     </ul>
  575.                                                 </div>
  576.                                             </div>
  577.                                         </div>
  578.                                     </div>
  579.                                 </div>
  580.                             </div>
  581.                             <!-- END ROW -->
  583. {% endblock %}