Created
November 28, 2023 06:45
-
-
Save GeoZac/638d43c8730019cd53d2fda56bdc4dca to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <title>Bootstrap Example</title> | |
| <!-- Bootstrap CSS --> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css"> | |
| </head> | |
| <body> | |
| <div class="container mt-5"> | |
| <h1 class="display-4">Bootstrap Example</h1> | |
| <p class="lead">A simple HTML page using Bootstrap.</p> | |
| <div class="row"> | |
| <div class="col-md-6"> | |
| <div class="card"> | |
| <div class="card-body"> | |
| <h5 class="card-title">Card Title</h5> | |
| <p class="card-text">Some quick example text to build on the card title and make up the bulk of | |
| the card's content.</p> | |
| <a href="#" class="btn btn-primary">Go somewhere</a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="col-md-6"> | |
| <ul class="list-group"> | |
| <li class="list-group-item">Item 1</li> | |
| <li class="list-group-item">Item 2</li> | |
| <li class="list-group-item">Item 3</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="container mt-5"> | |
| <h1>Example heading <span class="badge bg-secondary">New</span></h1> | |
| <h2>Example heading <span class="badge bg-secondary">New</span></h2> | |
| <h3>Example heading <span class="badge bg-secondary">New</span></h3> | |
| <h4>Example heading <span class="badge bg-secondary">New</span></h4> | |
| <h5>Example heading <span class="badge bg-secondary">New</span></h5> | |
| <h6>Example heading <span class="badge bg-secondary">New</span></h6> | |
| <div class="dropdown"> | |
| <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton1" | |
| data-bs-toggle="dropdown" aria-expanded="false"> | |
| Dropdown button | |
| </button> | |
| <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1"> | |
| <li><a class="dropdown-item" href="#">Action</a></li> | |
| <li><a class="dropdown-item" href="#">Another action</a></li> | |
| <li><a class="dropdown-item" href="#">Something else here</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <!-- Bootstrap JS (optional, if you need Bootstrap JavaScript features) --> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment