Facebook
From Jdkdj, 1 Year ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 111
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4.     <meta charset="utf-8" />
  5.     <link rel="apple-touch-icon" sizes="76x76" href="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/img/apple-icon.png">
  6.     <link rel="icon" type="image/png" href="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/img/favicon.ico">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  8.     <title>Light Bootstrap Dashboard - Free Bootstrap 4 Admin Template by Creative Tim</title>
  9.     <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no' name='viewport' />
  10.     <!-- Canonical SEO  -->
  11.     <link rel="canonical" href="https://www.creative-tim.com/product/light-bootstrap-dashboard">
  12.     <!--  Social tags      -->
  13.     <meta name="keywords" content="creative tim, html dashboard, html css dashboard, web dashboard, freebie, free bootstrap dashboard, bootstrap, css3 dashboard, bootstrap admin, light bootstrap dashboard, frontend, responsive bootstrap dashboard, bootstrap 4 admin, bootstrap 4 template, bootstrap 4 dashboard, bootstrap 4, free bootstrap 4">
  14.     <meta name="description" content="A bootstrap 4 admin dashboard template designed to be simple and beautiful.">
  15.     <!-- Schema.org markup for Google+ -->
  16.     <meta itemprop="name" content="Light Bootstrap Dashboard - Free Bootstrap 4 Admin Template by Creative Tim">
  17.     <meta itemprop="description" content="A bootstrap 4 admin dashboard template designed to be simple and beautiful.">
  18.     <meta itemprop="image" content="https://s3.amazonaws.com/creativetim_bucket/products/32/original/opt_lbd_thumbnail.jpg">
  19.     <!-- Twitter Card data -->
  20.     <meta name="twitter:card" content="product">
  21.     <meta name="twitter:site" content="@creativetim">
  22.     <meta name="twitter:title" content="Light Bootstrap Dashboard - Free Bootstrap 4 Admin Template by Creative Tim">
  23.     <meta name="twitter:description" content="A bootstrap 4 admin dashboard template designed to be simple and beautiful.">
  24.     <meta name="twitter:creator" content="@creativetim">
  25.     <meta name="twitter:image" content="https://s3.amazonaws.com/creativetim_bucket/products/32/original/opt_lbd_thumbnail.jpg">
  26.     <meta name="twitter:data1" content="Light Bootstrap Dashboard - Free Bootstrap 4 Admin Template by Creative Tim">
  27.     <meta name="twitter:label1" content="Product Type">
  28.     <meta name="twitter:data2" content="Free">
  29.     <meta name="twitter:label2" content="Price">
  30.     <!-- Open Graph data -->
  31.     <meta property="fb:app_id" content="655968634437471">
  32.     <meta property="og:title" content="Light Bootstrap Dashboard - Free Bootstrap 4 Admin Template by Creative Tim">
  33.     <meta property="og:type" content="article">
  34.     <meta property="og:url" content="https://demos.creative-tim.com/light-bootstrap-dashboard/dashboard">
  35.     <meta property="og:image" content="https://s3.amazonaws.com/creativetim_bucket/products/32/original/opt_lbd_thumbnail.jpg">
  36.     <meta property="og:description" content="A bootstrap 4 admin dashboard template designed to be simple and beautiful.">
  37.     <meta property="og:site_name" content="Creative Tim">
  38.     <!-- Fonts and icons     -->
  39.     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
  40.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" />
  41.     <!-- CSS Files -->
  42.     <link href="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/css/bootstrap.min.css" rel="stylesheet" />
  43.     <link href="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/css/light-bootstrap-dashboard.css?v=2.0.1" rel="stylesheet" />
  44.     <!-- CSS Just for demo purpose, don't include it in your project -->
  45.     <link href="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/css/demo.css" rel="stylesheet" />
  46.     <!-- Google Tag Manager -->
  47.     <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  48.     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  49.     j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  50.     'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  51.     })(window,document,'script','dataLayer','GTM-NKDMSK6');</script>
  52.     <!-- End Google Tag Manager -->
  53.     </head>
  54.  
  55.     <body>
  56.       <!-- Google Tag Manager (noscript) -->
  57.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKDMSK6"
  58.    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  59.     <!-- End Google Tag Manager (noscript) -->
  60.     <div class="wrapper">
  61.         <div class="sidebar" data-image="../assets/img/sidebar-5.jpg">
  62.             <!--
  63.        Tip 1: You can change the color of the sidebar using: data-color="purple | blue | green | orange | red"
  64.  
  65.        Tip 2: you can also add an image using data-image tag
  66.    -->
  67.             <div class="sidebar-wrapper">
  68.                 <div class="logo">
  69.                     <a href="https://www.creative-tim.com" class="simple-text">
  70.                         Creative Tim
  71.                     </a>
  72.                 </div>
  73.                 <ul class="nav">
  74.                     <li class="nav-item active">
  75.                         <a class="nav-link" href="dashboard.html">
  76.                             <i class="nc-icon nc-chart-pie-35"></i>
  77.                             <p>Dashboard</p>
  78.                         </a>
  79.                     </li>
  80.                     <li>
  81.                         <a class="nav-link" href="./user.html">
  82.                             <i class="nc-icon nc-circle-09"></i>
  83.                             <p>User Profile</p>
  84.                         </a>
  85.                     </li>
  86.                     <li>
  87.                         <a class="nav-link" href="./table.html">
  88.                             <i class="nc-icon nc-notes"></i>
  89.                             <p>Table List</p>
  90.                         </a>
  91.                     </li>
  92.                     <li>
  93.                         <a class="nav-link" href="./typography.html">
  94.                             <i class="nc-icon nc-paper-2"></i>
  95.                             <p>Typography</p>
  96.                         </a>
  97.                     </li>
  98.                     <li>
  99.                         <a class="nav-link" href="./icons.html">
  100.                             <i class="nc-icon nc-atom"></i>
  101.                             <p>Icons</p>
  102.                         </a>
  103.                     </li>
  104.                     <li>
  105.                         <a class="nav-link" href="./maps.html">
  106.                             <i class="nc-icon nc-pin-3"></i>
  107.                             <p>Maps</p>
  108.                         </a>
  109.                     </li>
  110.                     <li>
  111.                         <a class="nav-link" href="./notifications.html">
  112.                             <i class="nc-icon nc-bell-55"></i>
  113.                             <p>Notifications</p>
  114.                         </a>
  115.                     </li>
  116.                     <li class="nav-item active active-pro">
  117.                         <a class="nav-link active" href="upgrade.html">
  118.                             <i class="nc-icon nc-alien-33"></i>
  119.                             <p>Upgrade to PRO</p>
  120.                         </a>
  121.                     </li>
  122.                 </ul>
  123.             </div>
  124.         </div>
  125.         <div class="main-panel">
  126.             <!-- fixed plugin  -->
  127.             <div class="fixed-plugin">
  128.                 <div class="dropdown show-dropdown">
  129.                     <a href="#" data-toggle="dropdown">
  130.                         <i class="fa fa-cog fa-2x"> </i>
  131.                     </a>
  132.                     <ul class="dropdown-menu">
  133.                         <li class="header-title"> Sidebar Style</li>
  134.                         <li class="adjustments-line">
  135.                             <a href="javascript:void(0)" class="switch-trigger">
  136.                                 <p>Background Image</p>
  137.                                 <label class="switch">
  138.                                     <input type="checkbox" data-toggle="switch" checked="" data-on-color="primary" data-off-color="primary">
  139.                                     <span class="toggle"></span>
  140.                                 </label>
  141.                                 <div class="clearfix"></div>
  142.                             </a>
  143.                         </li>
  144.                         <li class="adjustments-line">
  145.                             <a href="javascript:void(0)" class="switch-trigger background-color">
  146.                                 <p>Filters</p>
  147.                                 <div class="pull-right">
  148.                                     <span class="badge filter badge-black" data-color="black"></span>
  149.                                     <span class="badge filter badge-azure" data-color="azure"></span>
  150.                                     <span class="badge filter badge-green" data-color="green"></span>
  151.                                     <span class="badge filter badge-orange" data-color="orange"></span>
  152.                                     <span class="badge filter badge-red" data-color="red"></span>
  153.                                     <span class="badge filter badge-purple active" data-color="purple"></span>
  154.                                 </div>
  155.                                 <div class="clearfix"></div>
  156.                             </a>
  157.                         </li>
  158.                         <li class="header-title">Sidebar Images</li>
  159.                         <li class="active">
  160.                             <a class="img-holder switch-trigger" href="javascript:void(0)">
  161.                                 <img src="../assets/img/sidebar-1.jpg" alt="" />
  162.                             </a>
  163.                         </li>
  164.                         <li>
  165.                             <a class="img-holder switch-trigger" href="javascript:void(0)">
  166.                                 <img src="../assets/img/sidebar-3.jpg" alt="" />
  167.                             </a>
  168.                         </li>
  169.                         <li>
  170.                             <a class="img-holder switch-trigger" href="javascript:void(0)">
  171.                                 <img src="../assets/img/sidebar-4.jpg" alt="" />
  172.                             </a>
  173.                         </li>
  174.                         <li>
  175.                             <a class="img-holder switch-trigger" href="javascript:void(0)">
  176.                                 <img src="../assets/img/sidebar-5.jpg" alt="" />
  177.                             </a>
  178.                         </li>
  179.                         <li class="button-container">
  180.                             <div class="">
  181.                                 <a href="https://www.creative-tim.com/product/light-bootstrap-dashboard" target="_blank" class="btn btn-info btn-block btn-fill">Download, it's free!</a>
  182.                             </div>
  183.                         </li>
  184.                         <li class="button-container">
  185.                             <div class="">
  186.                                 <a href="https://demos.creative-tim.com/light-bootstrap-dashboard/documentation/tutorial-components.html" target="_blank" class="btn btn-default btn-block btn-fill">Viee Documentation</a>
  187.                             </div>
  188.                         </li>
  189.                         <li class="header-title pro-title text-center">Want more components?</li>
  190.                         <li class="button-container">
  191.                             <div class="">
  192.                                 <a href="https://www.creative-tim.com/product/light-bootstrap-dashboard-pro" target="_blank" class="btn btn-warning btn-block btn-fill">Get The PRO Version!</a>
  193.                             </div>
  194.                         </li>
  195.                         <li class="header-title" id="sharrreTitle">Thank you for sharing!</li>
  196.                         <li class="button-container">
  197.                             <button id="twitter" class="btn btn-social btn-outline btn-twitter btn-round sharrre twitter-sharrre"><i class="fa fa-twitter"></i> ¬∑ 256</button>
  198.                             <button id="facebook" class="btn btn-social btn-outline btn-facebook btn-round sharrre facebook-sharrre"><i class="fa fa-facebook-square"></i> ¬∑ 426</button>
  199.                         </li>
  200.                     </ul>
  201.                 </div>
  202.             </div>
  203.             <!-- Navbar -->
  204.             <nav class="navbar navbar-expand-lg " color-on-scroll="500">
  205.                 <div class=" container-fluid  ">
  206.                     <a class="navbar-brand" href="#pablo"> Dashboard </a>
  207.                     <button href="" class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation">
  208.                         <span class="navbar-toggler-bar burger-lines"></span>
  209.                         <span class="navbar-toggler-bar burger-lines"></span>
  210.                         <span class="navbar-toggler-bar burger-lines"></span>
  211.                     </button>
  212.                     <div class="collapse navbar-collapse justify-content-end" id="navigation">
  213.                         <ul class="nav navbar-nav mr-auto">
  214.                             <li class="nav-item">
  215.                                 <a href="#" class="nav-link" data-toggle="dropdown">
  216.                                     <i class="nc-icon nc-palette"></i>
  217.                                     <span class="d-lg-none">Dashboard</span>
  218.                                 </a>
  219.                             </li>
  220.                             <li class="dropdown nav-item">
  221.                                 <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">
  222.                                     <i class="nc-icon nc-planet"></i>
  223.                                     <span class="notification">5</span>
  224.                                     <span class="d-lg-none">Notification</span>
  225.                                 </a>
  226.                                 <ul class="dropdown-menu">
  227.                                     <a class="dropdown-item" href="#">Notification 1</a>
  228.                                     <a class="dropdown-item" href="#">Notification 2</a>
  229.                                     <a class="dropdown-item" href="#">Notification 3</a>
  230.                                     <a class="dropdown-item" href="#">Notification 4</a>
  231.                                     <a class="dropdown-item" href="#">Another notification</a>
  232.                                 </ul>
  233.                             </li>
  234.                             <li class="nav-item">
  235.                                 <a href="#" class="nav-link">
  236.                                     <i class="nc-icon nc-zoom-split"></i>
  237.                                     <span class="d-lg-block">&nbsp;Search</span>
  238.                                 </a>
  239.                             </li>
  240.                         </ul>
  241.                         <ul class="navbar-nav ml-auto">
  242.                             <li class="nav-item">
  243.                                 <a class="nav-link" href="#pablo">
  244.                                     <span class="no-icon">Account</span>
  245.                                 </a>
  246.                             </li>
  247.                             <li class="nav-item dropdown">
  248.                                 <a class="nav-link dropdown-toggle" href="https://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  249.                                     <span class="no-icon">Dropdown</span>
  250.                                 </a>
  251.                                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
  252.                                     <a class="dropdown-item" href="#">Action</a>
  253.                                     <a class="dropdown-item" href="#">Another action</a>
  254.                                     <a class="dropdown-item" href="#">Something</a>
  255.                                     <a class="dropdown-item" href="#">Something else here</a>
  256.                                     <div class="divider"></div>
  257.                                     <a class="dropdown-item" href="#">Separated link</a>
  258.                                 </div>
  259.                             </li>
  260.                             <li class="nav-item">
  261.                                 <a class="nav-link" href="#pablo">
  262.                                     <span class="no-icon">Log out</span>
  263.                                 </a>
  264.                             </li>
  265.                         </ul>
  266.                     </div>
  267.                 </div>
  268.             </nav>
  269.             <!-- End Navbar -->
  270.             <div class="content">
  271.                 <div class="container-fluid">
  272.                     <div class="row">
  273.                         <div class="col-md-4">
  274.                             <div class="card ">
  275.                                 <div class="card-header ">
  276.                                     <h4 class="card-title">Email Statistics</h4>
  277.                                     <p class="card-category">Last Campaign Performance</p>
  278.                                 </div>
  279.                                 <div class="card-body ">
  280.                                     <div id="chartPreferences" class="ct-chart ct-perfect-fourth"></div>
  281.                                 </div>
  282.                                 <div class="card-footer ">
  283.                                     <div class="legend">
  284.                                         <i class="fa fa-circle text-info"></i> Open
  285.                                         <i class="fa fa-circle text-danger"></i> Bounce
  286.                                         <i class="fa fa-circle text-warning"></i> Unsubscribe
  287.                                     </div>
  288.                                     <hr>
  289.                                     <div class="stats">
  290.                                         <i class="fa fa-clock-o"></i> Campaign sent 2 days ago
  291.                                     </div>
  292.                                 </div>
  293.                             </div>
  294.                         </div>
  295.                         <div class="col-md-8">
  296.                             <div class="card ">
  297.                                 <div class="card-header ">
  298.                                     <h4 class="card-title">Users Behavior</h4>
  299.                                     <p class="card-category">24 Hours performance</p>
  300.                                 </div>
  301.                                 <div class="card-body ">
  302.                                     <div id="chartHours" class="ct-chart"></div>
  303.                                 </div>
  304.                                 <div class="card-footer ">
  305.                                     <div class="legend">
  306.                                         <i class="fa fa-circle text-info"></i> Open
  307.                                         <i class="fa fa-circle text-danger"></i> Click
  308.                                         <i class="fa fa-circle text-warning"></i> Click Second Time
  309.                                     </div>
  310.                                     <hr>
  311.                                     <div class="stats">
  312.                                         <i class="fa fa-history"></i> Updated 3 minutes ago
  313.                                     </div>
  314.                                 </div>
  315.                             </div>
  316.                         </div>
  317.                     </div>
  318.                     <div class="row">
  319.                         <div class="col-md-6">
  320.                             <div class="card ">
  321.                                 <div class="card-header ">
  322.                                     <h4 class="card-title">2017 Sales</h4>
  323.                                     <p class="card-category">All products including Taxes</p>
  324.                                 </div>
  325.                                 <div class="card-body ">
  326.                                     <div id="chartActivity" class="ct-chart"></div>
  327.                                 </div>
  328.                                 <div class="card-footer ">
  329.                                     <div class="legend">
  330.                                         <i class="fa fa-circle text-info"></i> Tesla Model S
  331.                                         <i class="fa fa-circle text-danger"></i> BMW 5 Series
  332.                                     </div>
  333.                                     <hr>
  334.                                     <div class="stats">
  335.                                         <i class="fa fa-check"></i> Data information certified
  336.                                     </div>
  337.                                 </div>
  338.                             </div>
  339.                         </div>
  340.                         <div class="col-md-6">
  341.                             <div class="card  card-tasks">
  342.                                 <div class="card-header ">
  343.                                     <h4 class="card-title">Tasks</h4>
  344.                                     <p class="card-category">Backend development</p>
  345.                                 </div>
  346.                                 <div class="card-body ">
  347.                                     <div class="table-full-width">
  348.                                         <table class="table">
  349.                                             <tbody>
  350.                                                 <tr>
  351.                                                     <td>
  352.                                                         <div class="form-check">
  353.                                                             <label class="form-check-label">
  354.                                                                 <input class="form-check-input" type="checkbox" value="">
  355.                                                                 <span class="form-check-sign"></span>
  356.                                                             </label>
  357.                                                         </div>
  358.                                                     </td>
  359.                                                     <td>Sign contract for "What are conference organizers afraid of?"</td>
  360.                                                     <td class="td-actions text-right">
  361.                                                         <button type="button" rel="tooltip" title="Edit Task" class="btn btn-info btn-simple btn-link">
  362.                                                             <i class="fa fa-edit"></i>
  363.                                                         </button>
  364.                                                         <button type="button" rel="tooltip" title="Remove" class="btn btn-danger btn-simple btn-link">
  365.                                                             <i class="fa fa-times"></i>
  366.                                                         </button>
  367.                                                     </td>
  368.                                                 </tr>
  369.                                                 <tr>
  370.                                                     <td>
  371.                                                         <div class="form-check">
  372.                                                             <label class="form-check-label">
  373.                                                                 <input class="form-check-input" type="checkbox" value="" checked>
  374.                                                                 <span class="form-check-sign"></span>
  375.                                                             </label>
  376.                                                         </div>
  377.                                                     </td>
  378.                                                     <td>Lines From Great Russian Literature? Or E-mails From My Boss?</td>
  379.                                                     <td class="td-actions text-right">
  380.                                                         <button type="button" rel="tooltip" title="Edit Task" class="btn btn-info btn-simple btn-link">
  381.                                                             <i class="fa fa-edit"></i>
  382.                                                         </button>
  383.                                                         <button type="button" rel="tooltip" title="Remove" class="btn btn-danger btn-simple btn-link">
  384.                                                             <i class="fa fa-times"></i>
  385.                                                         </button>
  386.                                                     </td>
  387.                                                 </tr>
  388.                                                 <tr>
  389.                                                     <td>
  390.                                                         <div class="form-check">
  391.                                                             <label class="form-check-label">
  392.                                                                 <input class="form-check-input" type="checkbox" value="" checked>
  393.                                                                 <span class="form-check-sign"></span>
  394.                                                             </label>
  395.                                                         </div>
  396.                                                     </td>
  397.                                                     <td>Flooded: One year later, assessing what was lost and what was found when a ravaging rain swept through metro Detroit
  398.                                                     </td>
  399.                                                     <td class="td-actions text-right">
  400.                                                         <button type="button" rel="tooltip" title="Edit Task" class="btn btn-info btn-simple btn-link">
  401.                                                             <i class="fa fa-edit"></i>
  402.                                                         </button>
  403.                                                         <button type="button" rel="tooltip" title="Remove" class="btn btn-danger btn-simple btn-link">
  404.                                                             <i class="fa fa-times"></i>
  405.                                                         </button>
  406.                                                     </td>
  407.                                                 </tr>
  408.                                                 <tr>
  409.                                                     <td>
  410.                                                         <div class="form-check">
  411.                                                             <label class="form-check-label">
  412.                                                                 <input class="form-check-input" type="checkbox" checked>
  413.                                                                 <span class="form-check-sign"></span>
  414.                                                             </label>
  415.                                                         </div>
  416.                                                     </td>
  417.                                                     <td>Create 4 Invisible User Experiences you Never Knew About</td>
  418.                                                     <td class="td-actions text-right">
  419.                                                         <button type="button" rel="tooltip" title="Edit Task" class="btn btn-info btn-simple btn-link">
  420.                                                             <i class="fa fa-edit"></i>
  421.                                                         </button>
  422.                                                         <button type="button" rel="tooltip" title="Remove" class="btn btn-danger btn-simple btn-link">
  423.                                                             <i class="fa fa-times"></i>
  424.                                                         </button>
  425.                                                     </td>
  426.                                                 </tr>
  427.                                                 <tr>
  428.                                                     <td>
  429.                                                         <div class="form-check">
  430.                                                             <label class="form-check-label">
  431.                                                                 <input class="form-check-input" type="checkbox" value="">
  432.                                                                 <span class="form-check-sign"></span>
  433.                                                             </label>
  434.                                                         </div>
  435.                                                     </td>
  436.                                                     <td>Read "Following makes Medium better"</td>
  437.                                                     <td class="td-actions text-right">
  438.                                                         <button type="button" rel="tooltip" title="Edit Task" class="btn btn-info btn-simple btn-link">
  439.                                                             <i class="fa fa-edit"></i>
  440.                                                         </button>
  441.                                                         <button type="button" rel="tooltip" title="Remove" class="btn btn-danger btn-simple btn-link">
  442.                                                             <i class="fa fa-times"></i>
  443.                                                         </button>
  444.                                                     </td>
  445.                                                 </tr>
  446.                                                 <tr>
  447.                                                     <td>
  448.                                                         <div class="form-check">
  449.                                                             <label class="form-check-label">
  450.                                                                 <input class="form-check-input" type="checkbox" value="" disabled>
  451.                                                                 <span class="form-check-sign"></span>
  452.                                                             </label>
  453.                                                         </div>
  454.                                                     </td>
  455.                                                     <td>Unfollow 5 enemies from twitter</td>
  456.                                                     <td class="td-actions text-right">
  457.                                                         <button type="button" rel="tooltip" title="Edit Task" class="btn btn-info btn-simple btn-link">
  458.                                                             <i class="fa fa-edit"></i>
  459.                                                         </button>
  460.                                                         <button type="button" rel="tooltip" title="Remove" class="btn btn-danger btn-simple btn-link">
  461.                                                             <i class="fa fa-times"></i>
  462.                                                         </button>
  463.                                                     </td>
  464.                                                 </tr>
  465.                                             </tbody>
  466.                                         </table>
  467.                                     </div>
  468.                                 </div>
  469.                                 <div class="card-footer ">
  470.                                     <hr>
  471.                                     <div class="stats">
  472.                                         <i class="now-ui-icons loader_refresh spin"></i> Updated 3 minutes ago
  473.                                     </div>
  474.                                 </div>
  475.                             </div>
  476.                         </div>
  477.                     </div>
  478.                 </div>
  479.             </div>
  480.             <footer class="footer">
  481.                 <div class="container">
  482.                     <nav>
  483.                         <ul class="footer-menu">
  484.                             <li>
  485.                                 <a href="#">
  486.                                     Home
  487.                                 </a>
  488.                             </li>
  489.                             <li>
  490.                                 <a href="#">
  491.                                     Company
  492.                                 </a>
  493.                             </li>
  494.                             <li>
  495.                                 <a href="#">
  496.                                     Portfolio
  497.                                 </a>
  498.                             </li>
  499.                             <li>
  500.                                 <a href="#">
  501.                                     Blog
  502.                                 </a>
  503.                             </li>
  504.                         </ul>
  505.                         <p class="copyright text-center">
  506.                             ¬©
  507.                             <script>
  508.                                 document.write(new Date().getFullYear())
  509.                             </script>
  510.                             <a href="https://www.creative-tim.com">Creative Tim</a>, made with love for a better web
  511.                         </p>
  512.                     </nav>
  513.                 </div>
  514.             </footer>
  515.         </div>
  516.     </div>
  517. </body>
  518. <!--   Core JS Files   -->
  519. <script src="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/js/core/jquery.3.2.1.min.js" type="text/javascript"></script>
  520. <script src="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/js/core/popper.min.js" type="text/javascript"></script>
  521. <script src="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/js/core/bootstrap.min.js" type="text/javascript"></script>
  522. <!--  Plugin for Switches, full documentation here: https://www.jque.re/plugins/version3/bootstrap.switch/ -->
  523. <script src="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/js/plugins/bootstrap-switch.js"></script>
  524. <!--  Google Maps Plugin    -->
  525. <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB2Yno10-YTnLjjn_Vtk0V8cdcY5lC4plU"></script>
  526. <!--  Chartist Plugin  -->
  527. <script src="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/js/plugins/chartist.min.js"></script>
  528. <!--  Share Plugin -->
  529. <script src="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/js/plugins/jquery.sharrre.js"></script>
  530. <!--  Notifications Plugin    -->
  531. <script src="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/js/plugins/bootstrap-notify.js"></script>
  532. <!-- Control Center for Light Bootstrap Dashboard: scripts for the example pages etc -->
  533. <script src="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/js/light-bootstrap-dashboard.js?v=2.0.1" type="text/javascript"></script>
  534. <!-- Light Bootstrap Dashboard DEMO methods, don't include it in your project! -->
  535. <script src="https://demos.creative-tim.com/light-bootstrap-dashboard/assets/js/demo.js"></script>
  536. <script type="text/javascript">
  537.     $(document).ready(function() {
  538.         // Javascript method's body can be found in assets/js/demos.js
  539.         demo.initDashboardPageCharts();
  540.  
  541.         demo.showNotification();
  542.  
  543.     });
  544.  
  545. </html>
  546.