<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bootstrap Linked List Group with Custom Content</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> </head> <body> <div class="m-4"> <div class="list-group"> <a href="#" class="list-group-item list-group-item-action"> <div class="d-flex w-100 justify-content-between"> <h4>Asteroid detected near earth</h4> <small>1 days ago</small> </div> <p>An asteroid the size of a football field has been found close to Planet by researchers. Although it is challenging to follow, the asteroid is not dangerous to the world.</p> </a> <a href="#" class="list-group-item list-group-item-action active"> <div class="d-flex w-100 justify-content-between"> <h4>Scientists found massive black hole</h4> <small>2 days ago</small> </div> <p>At the heart of a far-off galaxies, researchers have discovered an ultra-bright, supermassive black hole with a mass that is around a million times that of the Sun.</p> </a> <a href="#" class="list-group-item list-group-item-action"> <div class="d-flex w-100 justify-content-between"> <h4>NASA launches solar probe</h4> <small>3 days ago</small> </div> <p>In 2018, NASA sent the Parker space probe into orbit with the purpose of studying the Sun's outer corona. This mission is the first to ever "touch" the Sun.</p> </a> </div> </div> </body> </html>