lemansky

Untitled

Nov 25th, 2021
554
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Document</title>
  7.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
  8. </head>
  9. <body>
  10.     <div class="container">
  11.         <div class="row">
  12.             <div class="col">
  13.                 <div class="display-2">Dashboard</div>
  14.                 <div class="text-muted">Sales overview & summary</div>
  15.             </div>
  16.         </div>
  17.         <div class="row text-white mt-5 g-5">
  18.             <div class="col-md-6 col-xxl-3">
  19.                 <div class="card bg-primary">
  20.                     <div class="card-body">
  21.                         <div class="display-2">
  22.                             101.1k
  23.                         </div>
  24.                         <div>
  25.                             Downloads
  26.                         </div>
  27.                     </div>
  28.                 </div>
  29.             </div>
  30.             <div class="col-md-6 col-xxl-3">
  31.                 <div class="card bg-warning">
  32.                     <div class="card-body">
  33.                         <div class="display-2">
  34.                             12.2k
  35.                         </div>
  36.                         <div>
  37.                             Purchases
  38.                         </div>
  39.                     </div>
  40.                 </div>
  41.             </div>
  42.             <div class="col-md-6 col-xxl-3">
  43.                 <div class="card bg-secondary">
  44.                     <div class="card-body">
  45.                         <div class="display-2">
  46.                             5.3k
  47.                         </div>
  48.                         <div>
  49.                             Customers
  50.                         </div>
  51.                     </div>
  52.                 </div>
  53.             </div>
  54.             <div class="col-md-6 col-xxl-3">
  55.                 <div class="card bg-info">
  56.                     <div class="card-body">
  57.                         <div class="display-2">
  58.                             7
  59.                         </div>
  60.                         <div>
  61.                             Channels
  62.                         </div>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.         </div>
  67.         <div class="row mt-5">
  68.             <div class="col">
  69.                 <div class="card">
  70.                     <div class="card-header bg-primary text-white">
  71.                         <div class="d-flex justify-content-between align-items-center">
  72.                             <div>
  73.                                 <h2 class="card-title">Orders</h2>
  74.                                 <div class="card-subtitle">Details and history</div>
  75.                             </div>
  76.                             <div>
  77.                                 <button class="btn btn-outline-light">Download</button>
  78.                                 <button class="btn btn-outline-light">Print</button>
  79.                             </div>
  80.                         </div>
  81.                     </div>
  82.                     <div class="card-body pt-4 ps-4 pe-4">
  83.                         <table class="table table-bordered">
  84.                             <tr class="bg-light">
  85.                                 <td class="fw-bold">item 1</td>
  86.                                 <td>item 2</td>
  87.                                 <td>item 3</td>
  88.                                 <td>item 4</td>
  89.                             </tr>
  90.                             <tr class="table-active">
  91.                                 <td class="fw-bold">item 1</td>
  92.                                 <td>item 2</td>
  93.                                 <td>item 3</td>
  94.                                 <td>item 4</td>
  95.                             </tr>
  96.                             <tr>
  97.                                 <td class="fw-bold">item 1</td>
  98.                                 <td>item 2</td>
  99.                                 <td>item 3</td>
  100.                                 <td>item 4</td>
  101.                             </tr>
  102.                             <tr class="bg-light">
  103.                                 <td class="fw-bold">item 1</td>
  104.                                 <td>item 2</td>
  105.                                 <td>item 3</td>
  106.                                 <td>item 4</td>
  107.                             </tr>
  108.                             <tr class="table-active">
  109.                                 <td class="fw-bold">item 1</td>
  110.                                 <td>item 2</td>
  111.                                 <td>item 3</td>
  112.                                 <td>item 4</td>
  113.                             </tr>
  114.                             <tr>
  115.                                 <td class="fw-bold">item 1</td>
  116.                                 <td>item 2</td>
  117.                                 <td>item 3</td>
  118.                                 <td>item 4</td>
  119.                             </tr>
  120.                         </table>
  121.                     </div>
  122.  
  123.  
  124.                 </div>
  125.             </div>
  126.         </div>
  127.     </div>
  128. </body>
  129. </html>
RAW Paste Data