<h1>h1 heading</h1>
<p class="lead">Lead paragraph.</p>
<p class="text-muted">Muted text</p>
<p class="text-primary">Primary text</p>

<button class="btn btn-primary">Primary</button>
<button class="btn btn-outline-primary">Outline</button>
<span class="badge bg-primary">Badge</span>

<div class="alert alert-primary">Alert</div>
<div class="card"><div class="card-body"><h5 class="card-title">Card</h5><p class="card-text">Content</p></div></div>

<input type="text" class="form-control" placeholder="Input">
<select class="form-select"><option>Option 1</option></select>
<div class="form-check"><input class="form-check-input" type="checkbox"><label class="form-check-label">Checkbox</label></div>

<div class="accordion" id="accordionDemo">
  <div class="accordion-item">
    <h2 class="accordion-header"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#acc1">Item 1</button></h2>
    <div id="acc1" class="accordion-collapse collapse show" data-bs-parent="#accordionDemo"><div class="accordion-body">Content</div></div>
  </div>
</div>

<button type="button" data-bs-toggle="modal" data-bs-target="#modalDemo">Open Modal</button>
<div class="modal fade" id="modalDemo" tabindex="-1">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header"><h5 class="modal-title">Title</h5><button type="button" class="btn-close" data-bs-dismiss="modal"></button></div>
      <div class="modal-body">Body</div>
      <div class="modal-footer"><button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button></div>
    </div>
  </div>
</div>

<div class="progress"><div class="progress-bar" style="width:70%">70%</div></div>
<table class="table table-striped"><thead><tr><th>Col 1</th></tr></thead><tbody><tr><td>Cell</td></tr></tbody></table>