API tools faq
paste
riandaka_

overview.php

riandaka_
Oct 27th, 2019
310
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 27.54 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. =========================================================
  4. * Argon Dashboard - v1.1.0
  5. =========================================================
  6.  
  7. * Product Page: https://www.creative-tim.com/product/argon-dashboard
  8. * Copyright 2019 Creative Tim (https://www.creative-tim.com)
  9. * Licensed under MIT (https://github.com/creativetimofficial/argon-dashboard/blob/master/LICENSE.md)
  10.  
  11. * Coded by Creative Tim
  12.  
  13. =========================================================
  14.  
  15. * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. -->
  16. <!DOCTYPE html>
  17. <html lang="en">
  18.  
  19. <head>
  20.   <meta charset="utf-8" />
  21.   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  22.   <title>
  23.     Argon Dashboard - Free Dashboard for Bootstrap 4 by Creative Tim
  24.   </title>
  25.   <!-- Favicon -->
  26.   <link href="<?php echo base_url() ?>assets/img/brand/favicon.png" rel="icon" type="image/png">
  27.   <!-- Fonts -->
  28.   <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
  29.   <!-- Icons -->
  30.   <link href="<?php echo base_url() ?>assets/js/plugins/nucleo/css/nucleo.css" rel="stylesheet" />
  31.   <link href="<?php echo base_url() ?>assets/js/plugins/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
  32.   <!-- CSS Files -->
  33.   <link href="<?php echo base_url() ?>assets/css/argon-dashboard.css?v=1.1.0" rel="stylesheet" />
  34. </head>
  35.  
  36. <body class="">
  37.   <nav class="navbar navbar-vertical fixed-left navbar-expand-md navbar-light bg-white" id="sidenav-main">
  38.     <div class="container-fluid">
  39.       <!-- Toggler -->
  40.       <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidenav-collapse-main" aria-controls="sidenav-main" aria-expanded="false" aria-label="Toggle navigation">
  41.         <span class="navbar-toggler-icon"></span>
  42.       </button>
  43.       <!-- Brand -->
  44.       <a class="navbar-brand pt-0" href="./index.html">
  45.         <img src="./assets/img/brand/blue.png" class="navbar-brand-img" alt="...">
  46.       </a>
  47.       <!-- User -->
  48.       <ul class="nav align-items-center d-md-none">
  49.         <li class="nav-item dropdown">
  50.           <a class="nav-link nav-link-icon" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  51.             <i class="ni ni-bell-55"></i>
  52.           </a>
  53.           <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right" aria-labelledby="navbar-default_dropdown_1">
  54.             <a class="dropdown-item" href="#">Action</a>
  55.             <a class="dropdown-item" href="#">Another action</a>
  56.             <div class="dropdown-divider"></div>
  57.             <a class="dropdown-item" href="#">Something else here</a>
  58.           </div>
  59.         </li>
  60.         <li class="nav-item dropdown">
  61.           <a class="nav-link" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  62.             <div class="media align-items-center">
  63.               <span class="avatar avatar-sm rounded-circle">
  64.                 <img alt="Image placeholder" src="./assets/img/theme/team-1-800x800.jpg
  65. ">
  66.               </span>
  67.             </div>
  68.           </a>
  69.           <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right">
  70.             <div class=" dropdown-header noti-title">
  71.               <h6 class="text-overflow m-0">Welcome!</h6>
  72.             </div>
  73.             <a href="./examples/profile.html" class="dropdown-item">
  74.               <i class="ni ni-single-02"></i>
  75.               <span>My profile</span>
  76.             </a>
  77.             <a href="./examples/profile.html" class="dropdown-item">
  78.               <i class="ni ni-settings-gear-65"></i>
  79.               <span>Settings</span>
  80.             </a>
  81.             <a href="./examples/profile.html" class="dropdown-item">
  82.               <i class="ni ni-calendar-grid-58"></i>
  83.               <span>Activity</span>
  84.             </a>
  85.             <a href="./examples/profile.html" class="dropdown-item">
  86.               <i class="ni ni-support-16"></i>
  87.               <span>Support</span>
  88.             </a>
  89.             <div class="dropdown-divider"></div>
  90.             <a href="#!" class="dropdown-item">
  91.               <i class="ni ni-user-run"></i>
  92.               <span>Logout</span>
  93.             </a>
  94.           </div>
  95.         </li>
  96.       </ul>
  97.       <!-- Collapse -->
  98.       <div class="collapse navbar-collapse" id="sidenav-collapse-main">
  99.         <!-- Collapse header -->
  100.         <div class="navbar-collapse-header d-md-none">
  101.           <div class="row">
  102.             <div class="col-6 collapse-brand">
  103.               <a href="./index.html">
  104.                 <img src="./assets/img/brand/blue.png">
  105.               </a>
  106.             </div>
  107.             <div class="col-6 collapse-close">
  108.               <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#sidenav-collapse-main" aria-controls="sidenav-main" aria-expanded="false" aria-label="Toggle sidenav">
  109.                 <span></span>
  110.                 <span></span>
  111.               </button>
  112.             </div>
  113.           </div>
  114.         </div>
  115.         <!-- Form -->
  116.         <form class="mt-4 mb-3 d-md-none">
  117.           <div class="input-group input-group-rounded input-group-merge">
  118.             <input type="search" class="form-control form-control-rounded form-control-prepended" placeholder="Search" aria-label="Search">
  119.             <div class="input-group-prepend">
  120.               <div class="input-group-text">
  121.                 <span class="fa fa-search"></span>
  122.               </div>
  123.             </div>
  124.           </div>
  125.         </form>
  126.         <!-- Navigation -->
  127.         <ul class="navbar-nav">
  128.           <li class="nav-item  class=" active" ">
  129.           <a class=" nav-link active " href=" ./index.html"> <i class="ni ni-tv-2 text-primary"></i> Dashboard
  130.             </a>
  131.           </li>
  132.           <li class="nav-item">
  133.             <a class="nav-link " href="./examples/icons.html">
  134.               <i class="ni ni-planet text-blue"></i> Icons
  135.             </a>
  136.           </li>
  137.           <li class="nav-item">
  138.             <a class="nav-link " href="./examples/maps.html">
  139.               <i class="ni ni-pin-3 text-orange"></i> Maps
  140.             </a>
  141.           </li>
  142.           <li class="nav-item">
  143.             <a class="nav-link " href="./examples/profile.html">
  144.               <i class="ni ni-single-02 text-yellow"></i> User profile
  145.             </a>
  146.           </li>
  147.           <li class="nav-item">
  148.             <a class="nav-link " href="./examples/tables.html">
  149.               <i class="ni ni-bullet-list-67 text-red"></i> Tables
  150.             </a>
  151.           </li>
  152.           <li class="nav-item">
  153.             <a class="nav-link" href="./examples/login.html">
  154.               <i class="ni ni-key-25 text-info"></i> Login
  155.             </a>
  156.           </li>
  157.           <li class="nav-item">
  158.             <a class="nav-link" href="./examples/register.html">
  159.               <i class="ni ni-circle-08 text-pink"></i> Register
  160.             </a>
  161.           </li>
  162.         </ul>
  163.         <!-- Divider -->
  164.         <hr class="my-3">
  165.         <!-- Heading -->
  166.         <h6 class="navbar-heading text-muted">Documentation</h6>
  167.         <!-- Navigation -->
  168.         <ul class="navbar-nav mb-md-3">
  169.           <li class="nav-item">
  170.             <a class="nav-link" href="https://demos.creative-tim.com/argon-dashboard/docs/getting-started/overview.html">
  171.               <i class="ni ni-spaceship"></i> Getting started
  172.             </a>
  173.           </li>
  174.           <li class="nav-item">
  175.             <a class="nav-link" href="https://demos.creative-tim.com/argon-dashboard/docs/foundation/colors.html">
  176.               <i class="ni ni-palette"></i> Foundation
  177.             </a>
  178.           </li>
  179.           <li class="nav-item">
  180.             <a class="nav-link" href="https://demos.creative-tim.com/argon-dashboard/docs/components/alerts.html">
  181.               <i class="ni ni-ui-04"></i> Components
  182.             </a>
  183.           </li>
  184.         </ul>
  185.       </div>
  186.     </div>
  187.   </nav>
  188.   <div class="main-content">
  189.     <!-- Navbar -->
  190.     <nav class="navbar navbar-top navbar-expand-md navbar-dark" id="navbar-main">
  191.       <div class="container-fluid">
  192.         <!-- Brand -->
  193.         <a class="h4 mb-0 text-white text-uppercase d-none d-lg-inline-block" href="./index.html">Dashboard</a>
  194.         <!-- Form -->
  195.         <form class="navbar-search navbar-search-dark form-inline mr-3 d-none d-md-flex ml-lg-auto">
  196.           <div class="form-group mb-0">
  197.             <div class="input-group input-group-alternative">
  198.               <div class="input-group-prepend">
  199.                 <span class="input-group-text"><i class="fas fa-search"></i></span>
  200.               </div>
  201.               <input class="form-control" placeholder="Search" type="text">
  202.             </div>
  203.           </div>
  204.         </form>
  205.         <!-- User -->
  206.         <ul class="navbar-nav align-items-center d-none d-md-flex">
  207.           <li class="nav-item dropdown">
  208.             <a class="nav-link pr-0" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  209.               <div class="media align-items-center">
  210.                 <span class="avatar avatar-sm rounded-circle">
  211.                   <img alt="Image placeholder" src="./assets/img/theme/team-4-800x800.jpg">
  212.                 </span>
  213.                 <div class="media-body ml-2 d-none d-lg-block">
  214.                   <span class="mb-0 text-sm  font-weight-bold">Jessica Jones</span>
  215.                 </div>
  216.               </div>
  217.             </a>
  218.             <div class="dropdown-menu dropdown-menu-arrow dropdown-menu-right">
  219.               <div class=" dropdown-header noti-title">
  220.                 <h6 class="text-overflow m-0">Welcome!</h6>
  221.               </div>
  222.               <a href="./examples/profile.html" class="dropdown-item">
  223.                 <i class="ni ni-single-02"></i>
  224.                 <span>My profile</span>
  225.               </a>
  226.               <a href="./examples/profile.html" class="dropdown-item">
  227.                 <i class="ni ni-settings-gear-65"></i>
  228.                 <span>Settings</span>
  229.               </a>
  230.               <a href="./examples/profile.html" class="dropdown-item">
  231.                 <i class="ni ni-calendar-grid-58"></i>
  232.                 <span>Activity</span>
  233.               </a>
  234.               <a href="./examples/profile.html" class="dropdown-item">
  235.                 <i class="ni ni-support-16"></i>
  236.                 <span>Support</span>
  237.               </a>
  238.               <div class="dropdown-divider"></div>
  239.               <a href="#!" class="dropdown-item">
  240.                 <i class="ni ni-user-run"></i>
  241.                 <span>Logout</span>
  242.               </a>
  243.             </div>
  244.           </li>
  245.         </ul>
  246.       </div>
  247.     </nav>
  248.     <!-- End Navbar -->
  249.     <!-- Header -->
  250.     <div class="header bg-gradient-primary pb-8 pt-5 pt-md-8">
  251.       <div class="container-fluid">
  252.         <div class="header-body">
  253.           <!-- Card stats -->
  254.           <div class="row">
  255.             <div class="col-xl-3 col-lg-6">
  256.               <div class="card card-stats mb-4 mb-xl-0">
  257.                 <div class="card-body">
  258.                   <div class="row">
  259.                     <div class="col">
  260.                       <h5 class="card-title text-uppercase text-muted mb-0">Traffic</h5>
  261.                       <span class="h2 font-weight-bold mb-0">350,897</span>
  262.                     </div>
  263.                     <div class="col-auto">
  264.                       <div class="icon icon-shape bg-danger text-white rounded-circle shadow">
  265.                         <i class="fas fa-chart-bar"></i>
  266.                       </div>
  267.                     </div>
  268.                   </div>
  269.                   <p class="mt-3 mb-0 text-muted text-sm">
  270.                     <span class="text-success mr-2"><i class="fa fa-arrow-up"></i> 3.48%</span>
  271.                     <span class="text-nowrap">Since last month</span>
  272.                   </p>
  273.                 </div>
  274.               </div>
  275.             </div>
  276.             <div class="col-xl-3 col-lg-6">
  277.               <div class="card card-stats mb-4 mb-xl-0">
  278.                 <div class="card-body">
  279.                   <div class="row">
  280.                     <div class="col">
  281.                       <h5 class="card-title text-uppercase text-muted mb-0">New users</h5>
  282.                       <span class="h2 font-weight-bold mb-0">2,356</span>
  283.                     </div>
  284.                     <div class="col-auto">
  285.                       <div class="icon icon-shape bg-warning text-white rounded-circle shadow">
  286.                         <i class="fas fa-chart-pie"></i>
  287.                       </div>
  288.                     </div>
  289.                   </div>
  290.                   <p class="mt-3 mb-0 text-muted text-sm">
  291.                     <span class="text-danger mr-2"><i class="fas fa-arrow-down"></i> 3.48%</span>
  292.                     <span class="text-nowrap">Since last week</span>
  293.                   </p>
  294.                 </div>
  295.               </div>
  296.             </div>
  297.             <div class="col-xl-3 col-lg-6">
  298.               <div class="card card-stats mb-4 mb-xl-0">
  299.                 <div class="card-body">
  300.                   <div class="row">
  301.                     <div class="col">
  302.                       <h5 class="card-title text-uppercase text-muted mb-0">Sales</h5>
  303.                       <span class="h2 font-weight-bold mb-0">924</span>
  304.                     </div>
  305.                     <div class="col-auto">
  306.                       <div class="icon icon-shape bg-yellow text-white rounded-circle shadow">
  307.                         <i class="fas fa-users"></i>
  308.                       </div>
  309.                     </div>
  310.                   </div>
  311.                   <p class="mt-3 mb-0 text-muted text-sm">
  312.                     <span class="text-warning mr-2"><i class="fas fa-arrow-down"></i> 1.10%</span>
  313.                     <span class="text-nowrap">Since yesterday</span>
  314.                   </p>
  315.                 </div>
  316.               </div>
  317.             </div>
  318.             <div class="col-xl-3 col-lg-6">
  319.               <div class="card card-stats mb-4 mb-xl-0">
  320.                 <div class="card-body">
  321.                   <div class="row">
  322.                     <div class="col">
  323.                       <h5 class="card-title text-uppercase text-muted mb-0">Performance</h5>
  324.                       <span class="h2 font-weight-bold mb-0">49,65%</span>
  325.                     </div>
  326.                     <div class="col-auto">
  327.                       <div class="icon icon-shape bg-info text-white rounded-circle shadow">
  328.                         <i class="fas fa-percent"></i>
  329.                       </div>
  330.                     </div>
  331.                   </div>
  332.                   <p class="mt-3 mb-0 text-muted text-sm">
  333.                     <span class="text-success mr-2"><i class="fas fa-arrow-up"></i> 12%</span>
  334.                     <span class="text-nowrap">Since last month</span>
  335.                   </p>
  336.                 </div>
  337.               </div>
  338.             </div>
  339.           </div>
  340.         </div>
  341.       </div>
  342.     </div>
  343.     <div class="container-fluid mt--7">
  344.       <div class="row">
  345.         <div class="col-xl-8 mb-5 mb-xl-0">
  346.           <div class="card bg-gradient-default shadow">
  347.             <div class="card-header bg-transparent">
  348.               <div class="row align-items-center">
  349.                 <div class="col">
  350.                   <h6 class="text-uppercase text-light ls-1 mb-1">Overview</h6>
  351.                   <h2 class="text-white mb-0">Sales value</h2>
  352.                 </div>
  353.                 <div class="col">
  354.                   <ul class="nav nav-pills justify-content-end">
  355.                     <li class="nav-item mr-2 mr-md-0" data-toggle="chart" data-target="#chart-sales" data-update='{"data":{"datasets":[{"data":[0, 20, 10, 30, 15, 40, 20, 60, 60]}]}}' data-prefix="$" data-suffix="k">
  356.                       <a href="#" class="nav-link py-2 px-3 active" data-toggle="tab">
  357.                         <span class="d-none d-md-block">Month</span>
  358.                         <span class="d-md-none">M</span>
  359.                       </a>
  360.                     </li>
  361.                     <li class="nav-item" data-toggle="chart" data-target="#chart-sales" data-update='{"data":{"datasets":[{"data":[0, 20, 5, 25, 10, 30, 15, 40, 40]}]}}' data-prefix="$" data-suffix="k">
  362.                       <a href="#" class="nav-link py-2 px-3" data-toggle="tab">
  363.                         <span class="d-none d-md-block">Week</span>
  364.                         <span class="d-md-none">W</span>
  365.                       </a>
  366.                     </li>
  367.                   </ul>
  368.                 </div>
  369.               </div>
  370.             </div>
  371.             <div class="card-body">
  372.               <!-- Chart -->
  373.               <div class="chart">
  374.                 <!-- Chart wrapper -->
  375.                 <canvas id="chart-sales" class="chart-canvas"></canvas>
  376.               </div>
  377.             </div>
  378.           </div>
  379.         </div>
  380.         <div class="col-xl-4">
  381.           <div class="card shadow">
  382.             <div class="card-header bg-transparent">
  383.               <div class="row align-items-center">
  384.                 <div class="col">
  385.                   <h6 class="text-uppercase text-muted ls-1 mb-1">Performance</h6>
  386.                   <h2 class="mb-0">Total orders</h2>
  387.                 </div>
  388.               </div>
  389.             </div>
  390.             <div class="card-body">
  391.               <!-- Chart -->
  392.               <div class="chart">
  393.                 <canvas id="chart-orders" class="chart-canvas"></canvas>
  394.               </div>
  395.             </div>
  396.           </div>
  397.         </div>
  398.       </div>
  399.       <div class="row mt-5">
  400.         <div class="col-xl-8 mb-5 mb-xl-0">
  401.           <div class="card shadow">
  402.             <div class="card-header border-0">
  403.               <div class="row align-items-center">
  404.                 <div class="col">
  405.                   <h3 class="mb-0">Page visits</h3>
  406.                 </div>
  407.                 <div class="col text-right">
  408.                   <a href="#!" class="btn btn-sm btn-primary">See all</a>
  409.                 </div>
  410.               </div>
  411.             </div>
  412.             <div class="table-responsive">
  413.               <!-- Projects table -->
  414.               <table class="table align-items-center table-flush">
  415.                 <thead class="thead-light">
  416.                   <tr>
  417.                     <th scope="col">Page name</th>
  418.                     <th scope="col">Visitors</th>
  419.                     <th scope="col">Unique users</th>
  420.                     <th scope="col">Bounce rate</th>
  421.                   </tr>
  422.                 </thead>
  423.                 <tbody>
  424.                   <tr>
  425.                     <th scope="row">
  426.                       /argon/
  427.                     </th>
  428.                     <td>
  429.                       4,569
  430.                     </td>
  431.                     <td>
  432.                       340
  433.                     </td>
  434.                     <td>
  435.                       <i class="fas fa-arrow-up text-success mr-3"></i> 46,53%
  436.                     </td>
  437.                   </tr>
  438.                   <tr>
  439.                     <th scope="row">
  440.                       /argon/index.html
  441.                     </th>
  442.                     <td>
  443.                       3,985
  444.                     </td>
  445.                     <td>
  446.                       319
  447.                     </td>
  448.                     <td>
  449.                       <i class="fas fa-arrow-down text-warning mr-3"></i> 46,53%
  450.                     </td>
  451.                   </tr>
  452.                   <tr>
  453.                     <th scope="row">
  454.                       /argon/charts.html
  455.                     </th>
  456.                     <td>
  457.                       3,513
  458.                     </td>
  459.                     <td>
  460.                       294
  461.                     </td>
  462.                     <td>
  463.                       <i class="fas fa-arrow-down text-warning mr-3"></i> 36,49%
  464.                     </td>
  465.                   </tr>
  466.                   <tr>
  467.                     <th scope="row">
  468.                       /argon/tables.html
  469.                     </th>
  470.                     <td>
  471.                       2,050
  472.                     </td>
  473.                     <td>
  474.                       147
  475.                     </td>
  476.                     <td>
  477.                       <i class="fas fa-arrow-up text-success mr-3"></i> 50,87%
  478.                     </td>
  479.                   </tr>
  480.                   <tr>
  481.                     <th scope="row">
  482.                       /argon/profile.html
  483.                     </th>
  484.                     <td>
  485.                       1,795
  486.                     </td>
  487.                     <td>
  488.                       190
  489.                     </td>
  490.                     <td>
  491.                       <i class="fas fa-arrow-down text-danger mr-3"></i> 46,53%
  492.                     </td>
  493.                   </tr>
  494.                 </tbody>
  495.               </table>
  496.             </div>
  497.           </div>
  498.         </div>
  499.         <div class="col-xl-4">
  500.           <div class="card shadow">
  501.             <div class="card-header border-0">
  502.               <div class="row align-items-center">
  503.                 <div class="col">
  504.                   <h3 class="mb-0">Social traffic</h3>
  505.                 </div>
  506.                 <div class="col text-right">
  507.                   <a href="#!" class="btn btn-sm btn-primary">See all</a>
  508.                 </div>
  509.               </div>
  510.             </div>
  511.             <div class="table-responsive">
  512.               <!-- Projects table -->
  513.               <table class="table align-items-center table-flush">
  514.                 <thead class="thead-light">
  515.                   <tr>
  516.                     <th scope="col">Referral</th>
  517.                     <th scope="col">Visitors</th>
  518.                     <th scope="col"></th>
  519.                   </tr>
  520.                 </thead>
  521.                 <tbody>
  522.                   <tr>
  523.                     <th scope="row">
  524.                       Facebook
  525.                     </th>
  526.                     <td>
  527.                       1,480
  528.                     </td>
  529.                     <td>
  530.                       <div class="d-flex align-items-center">
  531.                         <span class="mr-2">60%</span>
  532.                         <div>
  533.                           <div class="progress">
  534.                             <div class="progress-bar bg-gradient-danger" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"></div>
  535.                           </div>
  536.                         </div>
  537.                       </div>
  538.                     </td>
  539.                   </tr>
  540.                   <tr>
  541.                     <th scope="row">
  542.                       Facebook
  543.                     </th>
  544.                     <td>
  545.                       5,480
  546.                     </td>
  547.                     <td>
  548.                       <div class="d-flex align-items-center">
  549.                         <span class="mr-2">70%</span>
  550.                         <div>
  551.                           <div class="progress">
  552.                             <div class="progress-bar bg-gradient-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
  553.                           </div>
  554.                         </div>
  555.                       </div>
  556.                     </td>
  557.                   </tr>
  558.                   <tr>
  559.                     <th scope="row">
  560.                       Google
  561.                     </th>
  562.                     <td>
  563.                       4,807
  564.                     </td>
  565.                     <td>
  566.                       <div class="d-flex align-items-center">
  567.                         <span class="mr-2">80%</span>
  568.                         <div>
  569.                           <div class="progress">
  570.                             <div class="progress-bar bg-gradient-primary" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>
  571.                           </div>
  572.                         </div>
  573.                       </div>
  574.                     </td>
  575.                   </tr>
  576.                   <tr>
  577.                     <th scope="row">
  578.                       Instagram
  579.                     </th>
  580.                     <td>
  581.                       3,678
  582.                     </td>
  583.                     <td>
  584.                       <div class="d-flex align-items-center">
  585.                         <span class="mr-2">75%</span>
  586.                         <div>
  587.                           <div class="progress">
  588.                             <div class="progress-bar bg-gradient-info" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div>
  589.                           </div>
  590.                         </div>
  591.                       </div>
  592.                     </td>
  593.                   </tr>
  594.                   <tr>
  595.                     <th scope="row">
  596.                       twitter
  597.                     </th>
  598.                     <td>
  599.                       2,645
  600.                     </td>
  601.                     <td>
  602.                       <div class="d-flex align-items-center">
  603.                         <span class="mr-2">30%</span>
  604.                         <div>
  605.                           <div class="progress">
  606.                             <div class="progress-bar bg-gradient-warning" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%;"></div>
  607.                           </div>
  608.                         </div>
  609.                       </div>
  610.                     </td>
  611.                   </tr>
  612.                 </tbody>
  613.               </table>
  614.             </div>
  615.           </div>
  616.         </div>
  617.       </div>
  618.       <!-- Footer -->
  619.       <footer class="footer">
  620.         <div class="row align-items-center justify-content-xl-between">
  621.           <div class="col-xl-6">
  622.             <div class="copyright text-center text-xl-left text-muted">
  623.               &copy; 2018 <a href="https://www.creative-tim.com" class="font-weight-bold ml-1" target="_blank">Creative Tim</a>
  624.             </div>
  625.           </div>
  626.           <div class="col-xl-6">
  627.             <ul class="nav nav-footer justify-content-center justify-content-xl-end">
  628.               <li class="nav-item">
  629.                 <a href="https://www.creative-tim.com" class="nav-link" target="_blank">Creative Tim</a>
  630.               </li>
  631.               <li class="nav-item">
  632.                 <a href="https://www.creative-tim.com/presentation" class="nav-link" target="_blank">About Us</a>
  633.               </li>
  634.               <li class="nav-item">
  635.                 <a href="http://blog.creative-tim.com" class="nav-link" target="_blank">Blog</a>
  636.               </li>
  637.               <li class="nav-item">
  638.                 <a href="https://github.com/creativetimofficial/argon-dashboard/blob/master/LICENSE.md" class="nav-link" target="_blank">MIT License</a>
  639.               </li>
  640.             </ul>
  641.           </div>
  642.         </div>
  643.       </footer>
  644.     </div>
  645.   </div>
  646.   <!--   Core   -->
  647.   <script src="<?php echo base_url() ?>assets/js/plugins/jquery/dist/jquery.min.js"></script>
  648.   <script src="<?php echo base_url() ?>assets/js/plugins/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  649.   <!--   Optional JS   -->
  650.   <script src="<?php echo base_url() ?>assets/js/plugins/chart.js/dist/Chart.min.js"></script>
  651.   <script src="<?php echo base_url() ?>assets/js/plugins/chart.js/dist/Chart.extension.js"></script>
  652.   <!--   Argon JS   -->
  653.   <script src="<?php echo base_url() ?>assets/js/argon-dashboard.min.js?v=1.1.0"></script>
  654.   <script src="https://cdn.trackjs.com/agent/v3/latest/t.js"></script>
  655.   <script>
  656.     window.TrackJS &&
  657.       TrackJS.install({
  658.         token: "ee6fab19c5a04ac1a32a645abde4613a",
  659.         application: "argon-dashboard-free"
  660.       });
  661.   </script>
  662. </body>
  663.  
  664. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!