JiriZubrycky

Untitled

Jun 17th, 2021
1,078
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!doctype html>
  2. <html lang="en">
  3.   <head>
  4.     <!-- Required meta tags -->
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.  
  8.     <!-- Bootstrap CSS -->
  9.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  10.  
  11.     <title>Hello, world!</title>
  12.   </head>
  13.   <body>
  14.     <div class="list-group">
  15.   <a href="#" class="list-group-item list-group-item-action flex-column align-items-start active">
  16.     <div class="d-flex w-100 justify-content-between">
  17.       <h5 class="mb-1">List group item heading</h5>
  18.       <small>3 days ago</small>
  19.     </div>
  20.     <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
  21.     <small>Donec id elit non mi porta.</small>
  22.   </a>
  23.   <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
  24.     <div class="d-flex w-100 justify-content-between">
  25.       <h5 class="mb-1">List group item heading</h5>
  26.       <small class="text-muted">3 days ago</small>
  27.     </div>
  28.     <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
  29.     <small class="text-muted">Donec id elit non mi porta.</small>
  30.   </a>
  31.   <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
  32.     <div class="d-flex w-100 justify-content-between">
  33.       <h5 class="mb-1">List group item heading</h5>
  34.       <small class="text-muted">3 days ago</small>
  35.     </div>
  36.     <p class="mb-1">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
  37.     <small class="text-muted">Donec id elit non mi porta.</small>
  38.   </a>
  39. </div>
  40.  
  41.     <!-- Optional JavaScript -->
  42.     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  43.     <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  44.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  45.     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  46.   </body>
  47. </html>
  48.  
RAW Paste Data