| <!doctype html> |
| <html lang="en"> |
| <head> |
| <!-- Required meta tags --> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| |
| <!-- Bootstrap CSS --> |
| <link href="../../../dist/css/bootstrap.min.css" rel="stylesheet"> |
| |
| <title>Hello, world!</title> |
| </head> |
| <body> |
| <div class="container py-4"> |
| <h1>Hello, world!</h1> |
| |
| <div class="mt-5"> |
| <button type="button" class="btn-outline theme-secondary mb-3" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top"> |
| Tooltip on top |
| </button> |
| |
| <div id="carouselExampleIndicators" class="carousel slide mt-2" data-bs-autoplay="true"> |
| <div class="carousel-inner"> |
| <div class="carousel-item"> |
| <img class="d-block w-100" alt="First slide" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800%22%20height%3D%22400%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%20800%20400%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M0%200h800v400H0z%22%2F%3E%3Ctext%20x%3D%22285.922%22%20y%3D%22217.7%22%20fill%3D%22%23555%22%20font-family%3D%22Helvetica%2Cmonospace%22%20font-size%3D%2240pt%22%20font-weight%3D%22400%22%3EFirst%20slide%3C%2Ftext%3E%3C%2Fsvg%3E"> |
| </div> |
| <div class="carousel-item active"> |
| <img class="d-block w-100" alt="Second slide" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800%22%20height%3D%22400%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%20800%20400%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M0%200h800v400H0z%22%2F%3E%3Ctext%20x%3D%22285.922%22%20y%3D%22217.7%22%20fill%3D%22%23555%22%20font-family%3D%22Helvetica%2Cmonospace%22%20font-size%3D%2240pt%22%20font-weight%3D%22400%22%3ESecond%20slide%3C%2Ftext%3E%3C%2Fsvg%3E"> |
| </div> |
| <div class="carousel-item"> |
| <img class="d-block w-100" alt="Third slide" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22800%22%20height%3D%22400%22%20preserveAspectRatio%3D%22none%22%20viewBox%3D%220%200%20800%20400%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M0%200h800v400H0z%22%2F%3E%3Ctext%20x%3D%22285.922%22%20y%3D%22217.7%22%20fill%3D%22%23555%22%20font-family%3D%22Helvetica%2Cmonospace%22%20font-size%3D%2240pt%22%20font-weight%3D%22400%22%3EThird%20slide%3C%2Ftext%3E%3C%2Fsvg%3E"> |
| </div> |
| </div> |
| |
| <div class="d-flex justify-content-between align-items-center mt-2"> |
| <div class="carousel-indicators"> |
| <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" aria-label="Slide 1"></button> |
| <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" class="active" aria-current="true" aria-label="Slide 2"></button> |
| <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button> |
| </div> |
| <div> |
| <button class="btn-icon btn-sm carousel-control-play-pause" type="button" data-bs-target="#carouselExampleIndicators" aria-label="Pause" data-bs-pause-label="Pause" data-bs-play-label="Play"> |
| <span class="carousel-icon-pause" aria-hidden="true"></span> |
| <span class="carousel-icon-play" aria-hidden="true"></span> |
| </button> |
| <button class="btn-icon btn-sm" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev"> |
| <span class="carousel-icon-prev" aria-hidden="true"></span> |
| <span class="visually-hidden">Previous</span> |
| </button> |
| <button class="btn-icon btn-sm" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next"> |
| <span class="carousel-icon-next" aria-hidden="true"></span> |
| <span class="visually-hidden">Next</span> |
| </button> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <script src="../../coverage/bundle.js"></script> |
| </body> |
| </html> |
