<h4 class="section-title">Featured Planets</h4>
    <div class="row">
      <div class="col-md-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Earth</h5>
            <p class="card-text">Our home planet — the only one known to have life!</p>
            <a href="#" class="btn btn-primary">Explore</a>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Mars</h5>
            <p class="card-text">The red planet — one day humans may live here!</p>
            <a href="#" class="btn btn-danger">Explore</a>
          </div>
        </div>
      </div>
      <div class="col-md-4">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Jupiter</h5>
            <p class="card-text">The biggest planet — its giant storm never stops!</p>
            <a href="#" class="btn btn-warning">Explore</a>
          </div>
        </div>
      </div>
    </div>
    <!-- TOPIC 4: PAGINATION -->
    <h4 class="section-title">Browse More Planets</h4>
    <ul class="pagination">
      <li class="page-item"><a class="page-link" href="#">Previous</a></li>
      <li class="page-item"><a class="page-link" href="#">1</a></li>
      <li class="page-item"><a class="page-link" href="#">2</a></li>
      <li class="page-item"><a class="page-link" href="#">3</a></li>
      <li class="page-item"><a class="page-link" href="#">Next</a></li>
    </ul>
  </div>
  <script src="https://[Log in to view URL]"></script>
</body>
</html>