Payload
Preview
Source

Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.

<div class="accordion" data-usb-keep-open="false" id="accordion-153205753"> <div class="accordion-item"> <h2 class="accordion-header" id="heading--accordion-item-1081494470"> <button aria-controls="accordion-item-1081494470" aria-expanded="true" class="accordion-button" data-bs-target="#accordion-item-1081494470" data-bs-toggle="collapse" type="button"> Accordion Item #1 </button> </h2> <div aria-labelledby="heading--accordion-item-1081494470" class="accordion-collapse collapse js-accordion-keep-open show" id="accordion-item-1081494470"> <div class="accordion-body"> <p>Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.</p></div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading--accordion-item--577027688"> <button aria-controls="accordion-item--577027688" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#accordion-item--577027688" data-bs-toggle="collapse" type="button"> Accordion Item #2 </button> </h2> <div aria-labelledby="heading--accordion-item--577027688" class="accordion-collapse collapse js-accordion-keep-open" id="accordion-item--577027688"> <div class="accordion-body"> <p>Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.</p></div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading--accordion-item-57253262"> <button aria-controls="accordion-item-57253262" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#accordion-item-57253262" data-bs-toggle="collapse" type="button"> Accordion Item #3 </button> </h2> <div aria-labelledby="heading--accordion-item-57253262" class="accordion-collapse collapse js-accordion-keep-open" id="accordion-item-57253262"> <div class="accordion-body"> <p>Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.</p></div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading--accordion-item-1882503489"> <button aria-controls="accordion-item-1882503489" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#accordion-item-1882503489" data-bs-toggle="collapse" type="button"> Accordion Item #4 </button> </h2> <div aria-labelledby="heading--accordion-item-1882503489" class="accordion-collapse collapse js-accordion-keep-open" id="accordion-item-1882503489"> <div class="accordion-body"> <p>Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.</p></div> </div> </div> </div> <div class="accordion-flush accordion" data-usb-keep-open="false" id="accordion--243290598"> <div class="accordion-item"> <h2 class="accordion-header" id="heading--accordion-item--904814837"> <button aria-controls="accordion-item--904814837" aria-expanded="true" class="accordion-button" data-bs-target="#accordion-item--904814837" data-bs-toggle="collapse" type="button"> Accordion Item #1 </button> </h2> <div aria-labelledby="heading--accordion-item--904814837" class="accordion-collapse collapse js-accordion-keep-open show" id="accordion-item--904814837"> <div class="accordion-body"> <p>Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.</p></div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading--accordion-item--2133225853"> <button aria-controls="accordion-item--2133225853" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#accordion-item--2133225853" data-bs-toggle="collapse" type="button"> Accordion Item #2 </button> </h2> <div aria-labelledby="heading--accordion-item--2133225853" class="accordion-collapse collapse js-accordion-keep-open" id="accordion-item--2133225853"> <div class="accordion-body"> <p>Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.</p></div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading--accordion-item-1394567447"> <button aria-controls="accordion-item-1394567447" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#accordion-item-1394567447" data-bs-toggle="collapse" type="button"> Accordion Item #3 </button> </h2> <div aria-labelledby="heading--accordion-item-1394567447" class="accordion-collapse collapse js-accordion-keep-open" id="accordion-item-1394567447"> <div class="accordion-body"> <p>Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.</p></div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="heading--accordion-item--832085657"> <button aria-controls="accordion-item--832085657" aria-expanded="false" class="accordion-button collapsed" data-bs-target="#accordion-item--832085657" data-bs-toggle="collapse" type="button"> Accordion Item #4 </button> </h2> <div aria-labelledby="heading--accordion-item--832085657" class="accordion-collapse collapse js-accordion-keep-open" id="accordion-item--832085657"> <div class="accordion-body"> <p>Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.</p></div> </div> </div> </div>

Payload
Preview
Source

Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.

<div class="accordion-item"> <h2 class="accordion-header" id="heading--accordion-item--1262087366"> <button aria-controls="accordion-item--1262087366" aria-expanded="true" class="accordion-button" data-bs-target="#accordion-item--1262087366" data-bs-toggle="collapse" type="button"> Item title </button> </h2> <div aria-labelledby="heading--accordion-item--1262087366" class="accordion-collapse collapse js-accordion-keep-open show" id="accordion-item--1262087366"> <div class="accordion-body"> <p>Mollis pretium lorem primis senectus habitasse lectus scelerisque donec, ultricies tortor suspendisse adipiscing fusce morbi volutpat pellentesque, consectetur mi risus molestie curae malesuada cum. Dignissim lacus convallis massa mauris enim ad mattis magnis senectus montes, mollis taciti phasellus accumsan bibendum semper blandit suspendisse faucibus nibh est, metus lobortis morbi cras magna vivamus per risus fermentum.</p></div> </div> </div>

Payload
Preview
Source

Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit Submit

<a href="https://example.com" role="button">Submit</a> <a class="btn-primary btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-secondary btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-success btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-danger btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-warning btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-info btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-light btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-dark btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-link btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-primary btn" href="https://example.com" role="button">Submit</a> <a class="btn-secondary btn" href="https://example.com" role="button">Submit</a> <a class="btn-success btn" href="https://example.com" role="button">Submit</a> <a class="btn-danger btn" href="https://example.com" role="button">Submit</a> <a class="btn-warning btn" href="https://example.com" role="button">Submit</a> <a class="btn-info btn" href="https://example.com" role="button">Submit</a> <a class="btn-light btn" href="https://example.com" role="button">Submit</a> <a class="btn-dark btn" href="https://example.com" role="button">Submit</a> <a class="btn-link btn" href="https://example.com" role="button">Submit</a> <a class="btn-primary btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-secondary btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-success btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-danger btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-warning btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-info btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-light btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-dark btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-link btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-primary btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-secondary btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-success btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-danger btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-warning btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-info btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-light btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-dark btn-sm btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-primary btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-secondary btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-success btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-danger btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-warning btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-info btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-light btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-dark btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-primary btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-secondary btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-success btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-danger btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-warning btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-info btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-light btn-lg btn" href="https://example.com" role="button">Submit</a> <a class="btn-outline-dark btn-lg btn" href="https://example.com" role="button">Submit</a>

Payload
Preview
Source

<div aria-label="Basic example" class="btn-group-sm btn-group" role="group"> <button class="btn-secondary btn" type="button">First </button> <button class="btn-secondary btn" type="button">Second </button> <button class="btn-secondary btn" type="button">Third </button> </div> <div aria-label="Basic example" class="btn-group" role="group"> <button class="btn-secondary btn" type="button">First </button> <button class="btn-secondary btn" type="button">Second </button> <button class="btn-secondary btn" type="button">Third </button> </div> <div aria-label="Basic example" class="btn-group-lg btn-group" role="group"> <button class="btn-secondary btn" type="button">First </button> <button class="btn-secondary btn" type="button">Second </button> <button class="btn-secondary btn" type="button">Third </button> </div> <div aria-label="Basic example" class="btn-group-vertical" role="group"> <button class="btn-secondary btn" type="button">First </button> <button class="btn-secondary btn" type="button">Second </button> <button class="btn-secondary btn" type="button">Third </button> </div>

Payload
Preview
Source

<div aria-label="Toolbar with button groups" class="btn-toolbar" role="toolbar"> <div aria-label="Basic example" class="me-2 btn-group" role="group"> <button class="btn-secondary btn" type="button">First </button> <button class="btn-secondary btn" type="button">Second </button> <button class="btn-secondary btn" type="button">Third </button> </div> <div aria-label="Basic example" class="me-2 btn-group" role="group"> <button class="btn-secondary btn" type="button">First </button> <button class="btn-secondary btn" type="button">Second </button> <button class="btn-secondary btn" type="button">Third </button> </div> <div aria-label="Basic example" class="btn-group" role="group"> <button class="btn-secondary btn" type="button">First </button> <button class="btn-secondary btn" type="button">Second </button> <button class="btn-secondary btn" type="button">Third </button> </div> </div>

Payload
Preview
Source

Payload
Preview
Source

Featured

Card title

Card subtitle

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Card link

2 days ago

Featured

Card title

Card subtitle

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Card link

2 days ago

<div class="card"> <img alt="© 2017 John Smith photography" class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAxLjEyNXJlbTsgdGV4dC1hbmNob3I6IG1pZGRsZTsgdXNlci1zZWxlY3Q6IG5vbmU7IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEltYWdlIGNhcCI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjODY4ZTk2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiNkZWUyZTYiIGR5PSIuM2VtIj5JbWFnZSBjYXA8L3RleHQ+PC9zdmc+Cg==" /> <div class="card-header">Featured</div> <div class="card-body"> <h5 class="card-title">Card title</h5> <h6 class="card-subtitle">Card subtitle</h6> <p class="card-text">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <button class="btn-primary btn" type="button">Go somewhere </button> <a class="card-link" href="#">Card link</a> </div> <div class="card-footer"> <span>2 days ago</span></div> </div> <div class="card"> <div class="row g-0"> <div class="col-md-4"> <img alt="© 2017 John Smith photography" class="img-fluid rounded-start" src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAxLjEyNXJlbTsgdGV4dC1hbmNob3I6IG1pZGRsZTsgdXNlci1zZWxlY3Q6IG5vbmU7IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEltYWdlIGNhcCI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjODY4ZTk2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiNkZWUyZTYiIGR5PSIuM2VtIj5JbWFnZSBjYXA8L3RleHQ+PC9zdmc+Cg==" /></div> <div class="col-md-8"> <div class="card-header">Featured</div> <div class="card-body"> <h5 class="card-title">Card title</h5> <h6 class="card-subtitle">Card subtitle</h6> <p class="card-text">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <button class="btn-primary btn" type="button">Go somewhere </button> <a class="card-link" href="#">Card link</a> </div> <div class="card-footer"> <span>2 days ago</span></div> </div> </div> </div>

Payload
Preview
Source

Card title

Card subtitle

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Card link

<div class="card-body"> <h5 class="card-title">Card title</h5> <h6 class="card-subtitle">Card subtitle</h6> <p class="card-text">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <button class="btn-primary btn" type="button">Go somewhere </button> <a class="card-link" href="#">Card link</a> </div>

Payload
Preview
Source

Featured

Card title

Card subtitle

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Card link

2 days ago

Featured

Card title

Card subtitle

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Card link

2 days ago

Featured

Card title

Card subtitle

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Card link

2 days ago

<div class="card-group"> <div class="card"> <img alt="© 2017 John Smith photography" class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAxLjEyNXJlbTsgdGV4dC1hbmNob3I6IG1pZGRsZTsgdXNlci1zZWxlY3Q6IG5vbmU7IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEltYWdlIGNhcCI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjODY4ZTk2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiNkZWUyZTYiIGR5PSIuM2VtIj5JbWFnZSBjYXA8L3RleHQ+PC9zdmc+Cg==" /> <div class="card-header">Featured</div> <div class="card-body"> <h5 class="card-title">Card title</h5> <h6 class="card-subtitle">Card subtitle</h6> <p class="card-text">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <button class="btn-primary btn" type="button">Go somewhere </button> <a class="card-link" href="#">Card link</a> </div> <div class="card-footer"> <span>2 days ago</span></div> </div> <div class="card"> <img alt="© 2017 John Smith photography" class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAxLjEyNXJlbTsgdGV4dC1hbmNob3I6IG1pZGRsZTsgdXNlci1zZWxlY3Q6IG5vbmU7IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEltYWdlIGNhcCI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjODY4ZTk2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiNkZWUyZTYiIGR5PSIuM2VtIj5JbWFnZSBjYXA8L3RleHQ+PC9zdmc+Cg==" /> <div class="card-header">Featured</div> <div class="card-body"> <h5 class="card-title">Card title</h5> <h6 class="card-subtitle">Card subtitle</h6> <p class="card-text">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <button class="btn-primary btn" type="button">Go somewhere </button> <a class="card-link" href="#">Card link</a> </div> <div class="card-footer"> <span>2 days ago</span></div> </div> <div class="card"> <img alt="© 2017 John Smith photography" class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAxLjEyNXJlbTsgdGV4dC1hbmNob3I6IG1pZGRsZTsgdXNlci1zZWxlY3Q6IG5vbmU7IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEltYWdlIGNhcCI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjODY4ZTk2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiNkZWUyZTYiIGR5PSIuM2VtIj5JbWFnZSBjYXA8L3RleHQ+PC9zdmc+Cg==" /> <div class="card-header">Featured</div> <div class="card-body"> <h5 class="card-title">Card title</h5> <h6 class="card-subtitle">Card subtitle</h6> <p class="card-text">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <button class="btn-primary btn" type="button">Go somewhere </button> <a class="card-link" href="#">Card link</a> </div> <div class="card-footer"> <span>2 days ago</span></div> </div> </div>

Payload
Preview
Source

First slide label

Nulla vitae elit libero, a pharetra augue mollis interdum.

Second slide label

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Third slide label

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

First slide label

Nulla vitae elit libero, a pharetra augue mollis interdum.

Second slide label

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Third slide label

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

First slide label

Nulla vitae elit libero, a pharetra augue mollis interdum.

Second slide label

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Third slide label

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

First slide label

Nulla vitae elit libero, a pharetra augue mollis interdum.

Second slide label

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Third slide label

Praesent commodo cursus magna, vel scelerisque nisl consectetur.

<div class="carousel slide" data-bs-interval="5000" data-bs-ride="carousel" data-bs-touch="false" id="carousel-1527827777"> <div class="carousel-indicators"> <button type="button" data-bs-target="#carousel-1527827777" data-bs-slide-to="0" aria-label="Slide @slide_number" class="active" aria-current="true"></button> <button type="button" data-bs-target="#carousel-1527827777" data-bs-slide-to="1" aria-label="Slide @slide_number" ></button> <button type="button" data-bs-target="#carousel-1527827777" data-bs-slide-to="2" aria-label="Slide @slide_number" ></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEZpcnN0IHNsaWRlIj48dGl0bGU+UGxhY2Vob2xkZXI8L3RpdGxlPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM3NzciPjwvcmVjdD48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZmlsbD0iIzU1NSIgZHk9Ii4zZW0iPkZpcnN0IHNsaWRlPC90ZXh0Pjwvc3ZnPgo=" /> <div class="carousel-caption"> <h5>First slide label</h5> <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p></div> </div> <div class="carousel-item"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IFNlY29uZCBzbGlkZSI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjNjY2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiM0NDQiIGR5PSIuM2VtIj5TZWNvbmQgc2xpZGU8L3RleHQ+PC9zdmc+Cg==" /> <div class="carousel-caption"> <h5>Second slide label</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> </div> <div class="carousel-item"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IFRoaXJkIHNsaWRlIj48dGl0bGU+UGxhY2Vob2xkZXI8L3RpdGxlPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM1NTUiPjwvcmVjdD48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZmlsbD0iIzMzMyIgZHk9Ii4zZW0iPlRoaXJkIHNsaWRlPC90ZXh0Pjwvc3ZnPgo=" /> <div class="carousel-caption"> <h5>Third slide label</h5> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p></div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carousel-1527827777" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carousel-1527827777" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> <div class="carousel-fade carousel slide" data-bs-interval="5000" data-bs-ride="carousel" data-bs-touch="false" id="carousel-1010877832"> <div class="carousel-indicators"> <button type="button" data-bs-target="#carousel-1010877832" data-bs-slide-to="0" aria-label="Slide @slide_number" class="active" aria-current="true"></button> <button type="button" data-bs-target="#carousel-1010877832" data-bs-slide-to="1" aria-label="Slide @slide_number" ></button> <button type="button" data-bs-target="#carousel-1010877832" data-bs-slide-to="2" aria-label="Slide @slide_number" ></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEZpcnN0IHNsaWRlIj48dGl0bGU+UGxhY2Vob2xkZXI8L3RpdGxlPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM3NzciPjwvcmVjdD48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZmlsbD0iIzU1NSIgZHk9Ii4zZW0iPkZpcnN0IHNsaWRlPC90ZXh0Pjwvc3ZnPgo=" /> <div class="carousel-caption"> <h5>First slide label</h5> <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p></div> </div> <div class="carousel-item"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IFNlY29uZCBzbGlkZSI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjNjY2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiM0NDQiIGR5PSIuM2VtIj5TZWNvbmQgc2xpZGU8L3RleHQ+PC9zdmc+Cg==" /> <div class="carousel-caption"> <h5>Second slide label</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> </div> <div class="carousel-item"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IFRoaXJkIHNsaWRlIj48dGl0bGU+UGxhY2Vob2xkZXI8L3RpdGxlPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM1NTUiPjwvcmVjdD48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZmlsbD0iIzMzMyIgZHk9Ii4zZW0iPlRoaXJkIHNsaWRlPC90ZXh0Pjwvc3ZnPgo=" /> <div class="carousel-caption"> <h5>Third slide label</h5> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p></div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carousel-1010877832" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carousel-1010877832" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> <div class="carousel-dark carousel slide" data-bs-interval="5000" data-bs-ride="carousel" data-bs-touch="false" id="carousel-699230106"> <div class="carousel-indicators"> <button type="button" data-bs-target="#carousel-699230106" data-bs-slide-to="0" aria-label="Slide @slide_number" class="active" aria-current="true"></button> <button type="button" data-bs-target="#carousel-699230106" data-bs-slide-to="1" aria-label="Slide @slide_number" ></button> <button type="button" data-bs-target="#carousel-699230106" data-bs-slide-to="2" aria-label="Slide @slide_number" ></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEZpcnN0IHNsaWRlIj48dGl0bGU+UGxhY2Vob2xkZXI8L3RpdGxlPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM3NzciPjwvcmVjdD48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZmlsbD0iIzU1NSIgZHk9Ii4zZW0iPkZpcnN0IHNsaWRlPC90ZXh0Pjwvc3ZnPgo=" /> <div class="carousel-caption"> <h5>First slide label</h5> <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p></div> </div> <div class="carousel-item"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IFNlY29uZCBzbGlkZSI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjNjY2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiM0NDQiIGR5PSIuM2VtIj5TZWNvbmQgc2xpZGU8L3RleHQ+PC9zdmc+Cg==" /> <div class="carousel-caption"> <h5>Second slide label</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> </div> <div class="carousel-item"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IFRoaXJkIHNsaWRlIj48dGl0bGU+UGxhY2Vob2xkZXI8L3RpdGxlPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM1NTUiPjwvcmVjdD48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZmlsbD0iIzMzMyIgZHk9Ii4zZW0iPlRoaXJkIHNsaWRlPC90ZXh0Pjwvc3ZnPgo=" /> <div class="carousel-caption"> <h5>Third slide label</h5> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p></div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carousel-699230106" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carousel-699230106" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div> <div class="carousel-fade carousel-dark carousel slide" data-bs-interval="5000" data-bs-ride="carousel" data-bs-touch="false" id="carousel--917596014"> <div class="carousel-indicators"> <button type="button" data-bs-target="#carousel--917596014" data-bs-slide-to="0" aria-label="Slide @slide_number" class="active" aria-current="true"></button> <button type="button" data-bs-target="#carousel--917596014" data-bs-slide-to="1" aria-label="Slide @slide_number" ></button> <button type="button" data-bs-target="#carousel--917596014" data-bs-slide-to="2" aria-label="Slide @slide_number" ></button> </div> <div class="carousel-inner"> <div class="carousel-item active"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEZpcnN0IHNsaWRlIj48dGl0bGU+UGxhY2Vob2xkZXI8L3RpdGxlPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM3NzciPjwvcmVjdD48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZmlsbD0iIzU1NSIgZHk9Ii4zZW0iPkZpcnN0IHNsaWRlPC90ZXh0Pjwvc3ZnPgo=" /> <div class="carousel-caption"> <h5>First slide label</h5> <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p></div> </div> <div class="carousel-item"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IFNlY29uZCBzbGlkZSI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjNjY2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiM0NDQiIGR5PSIuM2VtIj5TZWNvbmQgc2xpZGU8L3RleHQ+PC9zdmc+Cg==" /> <div class="carousel-caption"> <h5>Second slide label</h5> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></div> </div> <div class="carousel-item"> <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IFRoaXJkIHNsaWRlIj48dGl0bGU+UGxhY2Vob2xkZXI8L3RpdGxlPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM1NTUiPjwvcmVjdD48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZmlsbD0iIzMzMyIgZHk9Ii4zZW0iPlRoaXJkIHNsaWRlPC90ZXh0Pjwvc3ZnPgo=" /> <div class="carousel-caption"> <h5>Third slide label</h5> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p></div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#carousel--917596014" data-bs-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" type="button" data-bs-target="#carousel--917596014" data-bs-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div>

Payload
Preview
Source

Slide label

Nulla vitae elit libero, a pharetra augue mollis interdum.

<div > <img src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAzLjVyZW07IHRleHQtYW5jaG9yOiBtaWRkbGU7IHVzZXItc2VsZWN0OiBub25lIiB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEZpcnN0IHNsaWRlIj48dGl0bGU+UGxhY2Vob2xkZXI8L3RpdGxlPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM3NzciPjwvcmVjdD48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZmlsbD0iIzU1NSIgZHk9Ii4zZW0iPkZpcnN0IHNsaWRlPC90ZXh0Pjwvc3ZnPgo=" /> <div class="carousel-caption"> <h5>Slide label</h5> <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p></div> </div>

Payload
Preview
Source

<div aria-hidden="true" aria-labelledby="label_modal--2122513394" class="modal fade" id="modal--2122513394" tabindex="-1"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title" id="label_modal--2122513394">Modal title</h1> <button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"> </button> </div> <div class="modal-body">Modal body text goes here.</div> <div class="modal-footer"> <button class="btn-secondary btn-sm btn" data-bs-dismiss="modal" type="button">Close </button> <button class="btn-primary btn-sm btn" type="button">Save changes </button> </div> </div> </div> </div> <div aria-hidden="true" aria-labelledby="label_modal-1165413197" class="modal fade" id="modal-1165413197" tabindex="-1"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title" id="label_modal-1165413197">Modal title</h1> <button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"> </button> </div> <div class="modal-body">Modal body text goes here.</div> <div class="modal-footer"> <button class="btn-secondary btn-sm btn" data-bs-dismiss="modal" type="button">Close </button> <button class="btn-primary btn-sm btn" type="button">Save changes </button> </div> </div> </div> </div> <div aria-hidden="true" aria-labelledby="label_modal--1287061580" class="modal fade" id="modal--1287061580" tabindex="-1"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title" id="label_modal--1287061580">Modal title</h1> <button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"> </button> </div> <div class="modal-body">Modal body text goes here.</div> <div class="modal-footer"> <button class="btn-secondary btn-sm btn" data-bs-dismiss="modal" type="button">Close </button> <button class="btn-primary btn-sm btn" type="button">Save changes </button> </div> </div> </div> </div> <div aria-hidden="true" aria-labelledby="label_modal-757565440" class="modal fade" id="modal-757565440" tabindex="-1"> <div class="modal-dialog modal-xl"> <div class="modal-content"> <div class="modal-header"> <h1 class="modal-title" id="label_modal-757565440">Modal title</h1> <button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"> </button> </div> <div class="modal-body">Modal body text goes here.</div> <div class="modal-footer"> <button class="btn-secondary btn-sm btn" data-bs-dismiss="modal" type="button">Close </button> <button class="btn-primary btn-sm btn" type="button">Save changes </button> </div> </div> </div> </div>

Payload
Preview
Source

Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.

<div aria-labelledby="label_offcanvas-1687550750" class="offcanvas-start offcanvas" id="offcanvas-1687550750" tabindex="-1"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="label_offcanvas-1687550750">Offcanvas</h5> <button aria-label="Close" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#offcanvas-1687550750" type="button"> </button> </div> <div class="offcanvas-body">Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.</div> </div> <div aria-labelledby="label_offcanvas-1138979039" class="offcanvas-end offcanvas" id="offcanvas-1138979039" tabindex="-1"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="label_offcanvas-1138979039">Offcanvas</h5> <button aria-label="Close" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#offcanvas-1138979039" type="button"> </button> </div> <div class="offcanvas-body">Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.</div> </div> <div aria-labelledby="label_offcanvas--678045369" class="offcanvas-top offcanvas" id="offcanvas--678045369" tabindex="-1"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="label_offcanvas--678045369">Offcanvas</h5> <button aria-label="Close" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#offcanvas--678045369" type="button"> </button> </div> <div class="offcanvas-body">Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.</div> </div> <div aria-labelledby="label_offcanvas--699225256" class="offcanvas-bottom offcanvas" id="offcanvas--699225256" tabindex="-1"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="label_offcanvas--699225256">Offcanvas</h5> <button aria-label="Close" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#offcanvas--699225256" type="button"> </button> </div> <div class="offcanvas-body">Content for the offcanvas goes here. You can place just about any Bootstrap component or custom elements here.</div> </div>

Payload
Preview
Source

<div class="btn-group dropdown"> <a class="btn-primary btn" href="/" id="dropdown-1575904629" role="button">Button</a> <button aria-expanded="false" class="dropdown-toggle dropdown-toggle-split btn-primary btn" data-bs-auto-close="true" data-bs-toggle="dropdown" type="button"> <span class="visually-hidden">Toggle dropdown</span> </button> <ul class="dropdown-menu" aria-labelledby="dropdown-1575904629"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </div> <div class="btn-group dropdown-center"> <a class="btn-primary btn" href="/" id="dropdown-1294934403" role="button">Button</a> <button aria-expanded="false" class="dropdown-toggle dropdown-toggle-split btn-primary btn" data-bs-auto-close="true" data-bs-toggle="dropdown" type="button"> <span class="visually-hidden">Toggle dropdown</span> </button> <ul class="dropdown-menu" aria-labelledby="dropdown-1294934403"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </div> <div class="btn-group dropup"> <a class="btn-primary btn" href="/" id="dropdown-941523029" role="button">Button</a> <button aria-expanded="false" class="dropdown-toggle dropdown-toggle-split btn-primary btn" data-bs-auto-close="true" data-bs-toggle="dropdown" type="button"> <span class="visually-hidden">Toggle dropdown</span> </button> <ul class="dropdown-menu" aria-labelledby="dropdown-941523029"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </div> <div class="btn-group dropup-center"> <a class="btn-primary btn" href="/" id="dropdown--861237086" role="button">Button</a> <button aria-expanded="false" class="dropdown-toggle dropdown-toggle-split btn-primary btn" data-bs-auto-close="true" data-bs-toggle="dropdown" type="button"> <span class="visually-hidden">Toggle dropdown</span> </button> <ul class="dropdown-menu" aria-labelledby="dropdown--861237086"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </div> <div class="btn-group dropend"> <a class="btn-primary btn" href="/" id="dropdown--17005593" role="button">Button</a> <button aria-expanded="false" class="dropdown-toggle dropdown-toggle-split btn-primary btn" data-bs-auto-close="true" data-bs-toggle="dropdown" type="button"> <span class="visually-hidden">Toggle dropdown</span> </button> <ul class="dropdown-menu" aria-labelledby="dropdown--17005593"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </div> <div class="btn-group dropstart"> <a class="btn-primary btn" href="/" id="dropdown-1651509663" role="button">Button</a> <button aria-expanded="false" class="dropdown-toggle dropdown-toggle-split btn-primary btn" data-bs-auto-close="true" data-bs-toggle="dropdown" type="button"> <span class="visually-hidden">Toggle dropdown</span> </button> <ul class="dropdown-menu" aria-labelledby="dropdown-1651509663"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </div>

Payload
Preview
Source

Featured

Card title

Card subtitle

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Card link

2 days ago

Featured

Card title

Card subtitle

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Card link

2 days ago

Featured

Card title

Card subtitle

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Card link

2 days ago

Featured

Card title

Card subtitle

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

Card link

2 days ago

<div class="g-0 row"> <div class=" col-md-3 "> <div class="card"> <img alt="© 2017 John Smith photography" class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAxLjEyNXJlbTsgdGV4dC1hbmNob3I6IG1pZGRsZTsgdXNlci1zZWxlY3Q6IG5vbmU7IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEltYWdlIGNhcCI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjODY4ZTk2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiNkZWUyZTYiIGR5PSIuM2VtIj5JbWFnZSBjYXA8L3RleHQ+PC9zdmc+Cg==" /> <div class="card-header">Featured</div> <div class="card-body"> <h5 class="card-title">Card title</h5> <h6 class="card-subtitle">Card subtitle</h6> <p class="card-text">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <button class="btn-primary btn" type="button">Go somewhere </button> <a class="card-link" href="#">Card link</a> </div> <div class="card-footer"> <span>2 days ago</span></div> </div> </div> <div class=" col-md-3 "> <div class="card"> <img alt="© 2017 John Smith photography" class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAxLjEyNXJlbTsgdGV4dC1hbmNob3I6IG1pZGRsZTsgdXNlci1zZWxlY3Q6IG5vbmU7IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEltYWdlIGNhcCI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjODY4ZTk2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiNkZWUyZTYiIGR5PSIuM2VtIj5JbWFnZSBjYXA8L3RleHQ+PC9zdmc+Cg==" /> <div class="card-header">Featured</div> <div class="card-body"> <h5 class="card-title">Card title</h5> <h6 class="card-subtitle">Card subtitle</h6> <p class="card-text">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <button class="btn-primary btn" type="button">Go somewhere </button> <a class="card-link" href="#">Card link</a> </div> <div class="card-footer"> <span>2 days ago</span></div> </div> </div> <div class=" col-md-3 "> <div class="card"> <img alt="© 2017 John Smith photography" class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAxLjEyNXJlbTsgdGV4dC1hbmNob3I6IG1pZGRsZTsgdXNlci1zZWxlY3Q6IG5vbmU7IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEltYWdlIGNhcCI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjODY4ZTk2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiNkZWUyZTYiIGR5PSIuM2VtIj5JbWFnZSBjYXA8L3RleHQ+PC9zdmc+Cg==" /> <div class="card-header">Featured</div> <div class="card-body"> <h5 class="card-title">Card title</h5> <h6 class="card-subtitle">Card subtitle</h6> <p class="card-text">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <button class="btn-primary btn" type="button">Go somewhere </button> <a class="card-link" href="#">Card link</a> </div> <div class="card-footer"> <span>2 days ago</span></div> </div> </div> <div class=" col-md-3 "> <div class="card"> <img alt="© 2017 John Smith photography" class="card-img-top" src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAxLjEyNXJlbTsgdGV4dC1hbmNob3I6IG1pZGRsZTsgdXNlci1zZWxlY3Q6IG5vbmU7IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEltYWdlIGNhcCI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjODY4ZTk2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiNkZWUyZTYiIGR5PSIuM2VtIj5JbWFnZSBjYXA8L3RleHQ+PC9zdmc+Cg==" /> <div class="card-header">Featured</div> <div class="card-body"> <h5 class="card-title">Card title</h5> <h6 class="card-subtitle">Card subtitle</h6> <p class="card-text">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <button class="btn-primary btn" type="button">Go somewhere </button> <a class="card-link" href="#">Card link</a> </div> <div class="card-footer"> <span>2 days ago</span></div> </div> </div> </div>

Payload
Preview
Source

The current link item A second link item A third link item A fourth link item, with a link The disabled link item

<div class="list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-flush list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-numbered list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-horizontal list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-horizontal-sm list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-horizontal-md list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-horizontal-lg list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-horizontal-xl list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-horizontal-xxl list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-numbered list-group-horizontal list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-numbered list-group-horizontal-sm list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-numbered list-group-horizontal-md list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-numbered list-group-horizontal-lg list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-numbered list-group-horizontal-xl list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div> <div class="list-group-numbered list-group-horizontal-xxl list-group"> <span aria-current="true" class="list-group-item active">The current link item</span> <span class="list-group-item">A second link item</span> <span class="list-group-item">A third link item</span> <a class="list-group-item list-group-item-action" href="https://example.com">A fourth link item, with a link</a> <span aria-disabled="true" class="list-group-item disabled">The disabled link item</span> </div>

Payload
Preview
Source

An item An item An item An item An item An item An item An item An item

Payload
Preview
Source

<nav class="navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar--761499271" aria-controls="navbar--761499271" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar--761499271"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown--1955261033-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown--1955261033-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav> <nav class="navbar-expand-sm navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-549993434" aria-controls="navbar-549993434" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-549993434"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown--1150369215-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown--1150369215-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav> <nav class="navbar-expand-md navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-1380151028" aria-controls="navbar-1380151028" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-1380151028"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-1062819744-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown-1062819744-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav> <nav class="navbar-expand-lg navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar--1261236064" aria-controls="navbar--1261236064" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar--1261236064"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-1761418374-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown-1761418374-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav> <nav class="navbar-expand-xl navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-338005964" aria-controls="navbar-338005964" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-338005964"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-564766930-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown-564766930-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav> <nav class="navbar-expand-xxl navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar--1057418148" aria-controls="navbar--1057418148" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar--1057418148"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown--225254806-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown--225254806-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav> <nav class="navbar-dark navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-2144928031" aria-controls="navbar-2144928031" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-2144928031"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown--686646635-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown--686646635-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav> <nav class="navbar-dark navbar-expand-sm navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-2118928709" aria-controls="navbar-2118928709" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-2118928709"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-2022381211-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown-2022381211-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav> <nav class="navbar-dark navbar-expand-md navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-1706538388" aria-controls="navbar-1706538388" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar-1706538388"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown--1017552485-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown--1017552485-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav> <nav class="navbar-dark navbar-expand-lg navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar--1070851726" aria-controls="navbar--1070851726" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar--1070851726"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-535031264-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown-535031264-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav> <nav class="navbar-dark navbar-expand-xl navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar--161619720" aria-controls="navbar--161619720" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar--161619720"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-1113207339-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown-1113207339-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav> <nav class="navbar-dark navbar-expand-xxl navbar"> <div class="container-fluid"> <img class="navbar-brand" height="32px" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MTIiIGhlaWdodD0iNDA4Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYSIgeDE9Ijc2LjA3OSIgeDI9IjUyMy40OCIgeTE9IjEwLjc5OCIgeTI9IjM2NS45NDUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjOTAxM2ZlIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNjYxMGYyIi8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImJzLWxvZ28tYiIgeDE9IjE5My41MDgiIHgyPSIyOTMuNTE0IiB5MT0iMTA5Ljc0IiB5Mj0iMjc4Ljg3MiIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIHN0b3AtY29sb3I9IiNmZmYiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMWU1ZmMiLz48L2xpbmVhckdyYWRpZW50PjxmaWx0ZXIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBpZD0iYnMtbG9nby1jIiB3aWR0aD0iMTk3IiBoZWlnaHQ9IjI0OSIgeD0iMTYxLjkwMSIgeT0iODMuNDU3IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9IjQiLz48ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI4Ii8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjE1IDAiLz48ZmVCbGVuZCBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3ciLz48ZmVCbGVuZCBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2Ryb3BTaGFkb3ciIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48L2RlZnM+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWEpIiBkPSJNNTYuNDgxIDUzLjMyQzU1LjUxNSAyNS41OCA3Ny4xMjggMCAxMDYuMzQyIDBoMjk5LjM1M2MyOS4yMTQgMCA1MC44MjcgMjUuNTggNDkuODYxIDUzLjMyLS45MjggMjYuNjQ3LjI3NyA2MS4xNjUgOC45NjQgODkuMzEgOC43MTUgMjguMjMyIDIzLjQxMSA0Ni4wNzcgNDcuNDggNDguMzd2MjZjLTI0LjA2OSAyLjI5My0zOC43NjUgMjAuMTM4LTQ3LjQ4IDQ4LjM3LTguNjg3IDI4LjE0NS05Ljg5MiA2Mi42NjMtOC45NjQgODkuMzExLjk2NiAyNy43MzktMjAuNjQ3IDUzLjMxOS00OS44NjEgNTMuMzE5SDEwNi4zNDJjLTI5LjIxNCAwLTUwLjgyNy0yNS41OC00OS44Ni01My4zMTkuOTI3LTI2LjY0OC0uMjc4LTYxLjE2Ni04Ljk2Ni04OS4zMTFDMzguODAyIDIzNy4xMzggMjQuMDcgMjE5LjI5MyAwIDIxN3YtMjZjMjQuMDY5LTIuMjkzIDM4LjgwMi0yMC4xMzggNDcuNTE2LTQ4LjM3IDguNjg4LTI4LjE0NSA5Ljg5My02Mi42NjMgOC45NjUtODkuMzF6Ii8+PHBhdGggZmlsbD0idXJsKCNicy1sb2dvLWIpIiBmaWx0ZXI9InVybCgjYnMtbG9nby1jKSIgc3Ryb2tlPSIjZmZmIiBkPSJNMjY3LjEwMyAzMTIuNDU3YzQ3LjI5NyAwIDc1Ljc5OC0yMy4xNTggNzUuNzk4LTYxLjM1NSAwLTI4Ljg3My0yMC4zMzYtNDkuNzc2LTUwLjUzMi01My4wODV2LTEuMjAzYzIyLjE4NS0zLjYwOSAzOS41OTQtMjQuMjExIDM5LjU5NC00Ny4yMTkgMC0zMi43ODMtMjUuODgyLTU0LjEzOC02NS4zMjItNTQuMTM4aC04OC43NHYyMTdoODkuMjAyem0tNTQuNjkyLTE4OS40OGg0NS45MTFjMjQuOTU4IDAgMzkuMTMxIDExLjEyOCAzOS4xMzEgMzEuMjc5IDAgMjEuNTA1LTE2LjQ4NCAzMy41MzUtNDYuMzcyIDMzLjUzNWgtMzguNjd2LTY0LjgxNHptMCAxNjEuOTYxdi03MS40MzFoNDUuNjAyYzMyLjY2MSAwIDQ5LjYwOCAxMi4wMyA0OS42MDggMzUuNDkgMCAyMy40NTktMTYuNDg0IDM1Ljk0MS00Ny42MDUgMzUuOTQxaC00Ny42MDV6Ii8+PC9zdmc+Cg==" width="40px" /> <span class="navbar-text">Text</span> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar--991642502" aria-controls="navbar--991642502" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbar--991642502"> <ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-1895030514-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown-1895030514-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> </div> </div> </nav>

Payload
Preview
Source

<ul class="navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown--1980110202-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown--1980110202-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul> <ul class="navbar-nav-scroll navbar-nav"> <li > <a class="nav-link" href="https://example.com">Home</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-1494116210-2" type="button">Library </button> <ul class="dropdown-menu" aria-labelledby="dropdown-1494116210-2"> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> <li > <hr class="dropdown-divider"> </li> </ul> </li> <li > <a class="nav-link" href>Data</a> </li> </ul>

Payload
Preview
Source

<nav aria-label="You are here:"> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="#">Home</a> </li> <li class="breadcrumb-item"> <a href="#">Library</a> </li> <li class="breadcrumb-item active" aria-current="page">Data</li> </ol> </nav>

Payload
Preview
Source

« First
‹ Previous
Current page4
5
6
Next ›
Last »

« First
‹ Previous
Current page4
5
6
Next ›
Last »

« First
‹ Previous
Current page4
5
6
Next ›
Last »

<nav aria-label="Pagination"> <ul class="pagination-sm pagination"> <li class="page-item"> <a class="page-link" href="#"> « First </a> </li> <li class="page-item"> <a class="page-link" href="#"> ‹ Previous </a> </li> <li class="page-item active" aria-current="page"> <span class="page-link"> <span class="visually-hidden">Current page</span>4</span> </li> <li class="page-item"> <a class="page-link" href="#"> 5 </a> </li> <li class="page-item"> <a class="page-link" href="#"> 6 </a> </li> <li class="page-item"> <a class="page-link" href="#"> Next › </a> </li> <li class="page-item"> <a class="page-link" href="#"> Last » </a> </li> </ul> </nav> <nav aria-label="Pagination"> <ul class="pagination"> <li class="page-item"> <a class="page-link" href="#"> « First </a> </li> <li class="page-item"> <a class="page-link" href="#"> ‹ Previous </a> </li> <li class="page-item active" aria-current="page"> <span class="page-link"> <span class="visually-hidden">Current page</span>4</span> </li> <li class="page-item"> <a class="page-link" href="#"> 5 </a> </li> <li class="page-item"> <a class="page-link" href="#"> 6 </a> </li> <li class="page-item"> <a class="page-link" href="#"> Next › </a> </li> <li class="page-item"> <a class="page-link" href="#"> Last » </a> </li> </ul> </nav> <nav aria-label="Pagination"> <ul class="pagination-lg pagination"> <li class="page-item"> <a class="page-link" href="#"> « First </a> </li> <li class="page-item"> <a class="page-link" href="#"> ‹ Previous </a> </li> <li class="page-item active" aria-current="page"> <span class="page-link"> <span class="visually-hidden">Current page</span>4</span> </li> <li class="page-item"> <a class="page-link" href="#"> 5 </a> </li> <li class="page-item"> <a class="page-link" href="#"> 6 </a> </li> <li class="page-item"> <a class="page-link" href="#"> Next › </a> </li> <li class="page-item"> <a class="page-link" href="#"> Last » </a> </li> </ul> </nav>

Payload
Preview
Source

Active
- Dropdown header
- Action
- Dropdown item text
- Another action
- Something else here
- Separated link
- Something else here (text)
Much longer nav link
Disabled

Active
- Dropdown header
- Action
- Dropdown item text
- Another action
- Something else here
- Separated link
- Something else here (text)
Much longer nav link
Disabled

Active
- Dropdown header
- Action
- Dropdown item text
- Another action
- Something else here
- Separated link
- Something else here (text)
Much longer nav link
Disabled

Active
- Dropdown header
- Action
- Dropdown item text
- Another action
- Something else here
- Separated link
- Something else here (text)
Much longer nav link
Disabled

Active
- Dropdown header
- Action
- Dropdown item text
- Another action
- Something else here
- Separated link
- Something else here (text)
Much longer nav link
Disabled

Active
- Dropdown header
- Action
- Dropdown item text
- Another action
- Something else here
- Separated link
- Something else here (text)
Much longer nav link
Disabled

Active
- Dropdown header
- Action
- Dropdown item text
- Another action
- Something else here
- Separated link
- Something else here (text)
Much longer nav link
Disabled

Active
- Dropdown header
- Action
- Dropdown item text
- Another action
- Something else here
- Separated link
- Something else here (text)
Much longer nav link
Disabled

<ul class="nav"> <li class="nav-item"> <a class="active nav-link" href="https://example.com">Active</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-1559942949" type="button">Dropdown </button> <ul class="dropdown-menu" aria-labelledby="dropdown-1559942949"> <li > <h6 class="dropdown-header">Dropdown header</h6> </li> <li > <a class="dropdown-item" href="#">Action</a> </li> <li > <span class="dropdown-item-text">Dropdown item text</span> </li> <li > <a class="dropdown-item" href="#">Another action</a> </li> <li > <a class="dropdown-item" href="#">Something else here</a> </li> <li foo="bar"> <hr class="dropdown-divider"> </li> <li > <a class="dropdown-item" href="#">Separated link</a> </li> <li > <button class="dropdown-item" type="button">Action (button) </button> </li> <li > <button class="dropdown-item" type="button">Another action (button) </button> </li> <li > <span class="dropdown-item-text">Something else here (text)</span> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="https://example.com">Much longer nav link</a> </li> <li class="nav-item"> <a class="disabled nav-link" href="https://example.com">Disabled</a> </li> </ul> <ul class="nav-tabs nav"> <li class="nav-item"> <a class="active nav-link" href="https://example.com">Active</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-1558569167" type="button">Dropdown </button> <ul class="dropdown-menu" aria-labelledby="dropdown-1558569167"> <li > <h6 class="dropdown-header">Dropdown header</h6> </li> <li > <a class="dropdown-item" href="#">Action</a> </li> <li > <span class="dropdown-item-text">Dropdown item text</span> </li> <li > <a class="dropdown-item" href="#">Another action</a> </li> <li > <a class="dropdown-item" href="#">Something else here</a> </li> <li foo="bar"> <hr class="dropdown-divider"> </li> <li > <a class="dropdown-item" href="#">Separated link</a> </li> <li > <button class="dropdown-item" type="button">Action (button) </button> </li> <li > <button class="dropdown-item" type="button">Another action (button) </button> </li> <li > <span class="dropdown-item-text">Something else here (text)</span> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="https://example.com">Much longer nav link</a> </li> <li class="nav-item"> <a class="disabled nav-link" href="https://example.com">Disabled</a> </li> </ul> <ul class="nav-tabs nav-fill nav"> <li class="nav-item"> <a class="active nav-link" href="https://example.com">Active</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-550030858" type="button">Dropdown </button> <ul class="dropdown-menu" aria-labelledby="dropdown-550030858"> <li > <h6 class="dropdown-header">Dropdown header</h6> </li> <li > <a class="dropdown-item" href="#">Action</a> </li> <li > <span class="dropdown-item-text">Dropdown item text</span> </li> <li > <a class="dropdown-item" href="#">Another action</a> </li> <li > <a class="dropdown-item" href="#">Something else here</a> </li> <li foo="bar"> <hr class="dropdown-divider"> </li> <li > <a class="dropdown-item" href="#">Separated link</a> </li> <li > <button class="dropdown-item" type="button">Action (button) </button> </li> <li > <button class="dropdown-item" type="button">Another action (button) </button> </li> <li > <span class="dropdown-item-text">Something else here (text)</span> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="https://example.com">Much longer nav link</a> </li> <li class="nav-item"> <a class="disabled nav-link" href="https://example.com">Disabled</a> </li> </ul> <ul class="nav-tabs nav-justified nav"> <li class="nav-item"> <a class="active nav-link" href="https://example.com">Active</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-70118484" type="button">Dropdown </button> <ul class="dropdown-menu" aria-labelledby="dropdown-70118484"> <li > <h6 class="dropdown-header">Dropdown header</h6> </li> <li > <a class="dropdown-item" href="#">Action</a> </li> <li > <span class="dropdown-item-text">Dropdown item text</span> </li> <li > <a class="dropdown-item" href="#">Another action</a> </li> <li > <a class="dropdown-item" href="#">Something else here</a> </li> <li foo="bar"> <hr class="dropdown-divider"> </li> <li > <a class="dropdown-item" href="#">Separated link</a> </li> <li > <button class="dropdown-item" type="button">Action (button) </button> </li> <li > <button class="dropdown-item" type="button">Another action (button) </button> </li> <li > <span class="dropdown-item-text">Something else here (text)</span> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="https://example.com">Much longer nav link</a> </li> <li class="nav-item"> <a class="disabled nav-link" href="https://example.com">Disabled</a> </li> </ul> <ul class="nav-pills nav"> <li class="nav-item"> <a class="active nav-link" href="https://example.com">Active</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown--1307747936" type="button">Dropdown </button> <ul class="dropdown-menu" aria-labelledby="dropdown--1307747936"> <li > <h6 class="dropdown-header">Dropdown header</h6> </li> <li > <a class="dropdown-item" href="#">Action</a> </li> <li > <span class="dropdown-item-text">Dropdown item text</span> </li> <li > <a class="dropdown-item" href="#">Another action</a> </li> <li > <a class="dropdown-item" href="#">Something else here</a> </li> <li foo="bar"> <hr class="dropdown-divider"> </li> <li > <a class="dropdown-item" href="#">Separated link</a> </li> <li > <button class="dropdown-item" type="button">Action (button) </button> </li> <li > <button class="dropdown-item" type="button">Another action (button) </button> </li> <li > <span class="dropdown-item-text">Something else here (text)</span> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="https://example.com">Much longer nav link</a> </li> <li class="nav-item"> <a class="disabled nav-link" href="https://example.com">Disabled</a> </li> </ul> <ul class="nav-pills nav-fill nav"> <li class="nav-item"> <a class="active nav-link" href="https://example.com">Active</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-901637000" type="button">Dropdown </button> <ul class="dropdown-menu" aria-labelledby="dropdown-901637000"> <li > <h6 class="dropdown-header">Dropdown header</h6> </li> <li > <a class="dropdown-item" href="#">Action</a> </li> <li > <span class="dropdown-item-text">Dropdown item text</span> </li> <li > <a class="dropdown-item" href="#">Another action</a> </li> <li > <a class="dropdown-item" href="#">Something else here</a> </li> <li foo="bar"> <hr class="dropdown-divider"> </li> <li > <a class="dropdown-item" href="#">Separated link</a> </li> <li > <button class="dropdown-item" type="button">Action (button) </button> </li> <li > <button class="dropdown-item" type="button">Another action (button) </button> </li> <li > <span class="dropdown-item-text">Something else here (text)</span> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="https://example.com">Much longer nav link</a> </li> <li class="nav-item"> <a class="disabled nav-link" href="https://example.com">Disabled</a> </li> </ul> <ul class="nav-pills nav-justified nav"> <li class="nav-item"> <a class="active nav-link" href="https://example.com">Active</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown--927918717" type="button">Dropdown </button> <ul class="dropdown-menu" aria-labelledby="dropdown--927918717"> <li > <h6 class="dropdown-header">Dropdown header</h6> </li> <li > <a class="dropdown-item" href="#">Action</a> </li> <li > <span class="dropdown-item-text">Dropdown item text</span> </li> <li > <a class="dropdown-item" href="#">Another action</a> </li> <li > <a class="dropdown-item" href="#">Something else here</a> </li> <li foo="bar"> <hr class="dropdown-divider"> </li> <li > <a class="dropdown-item" href="#">Separated link</a> </li> <li > <button class="dropdown-item" type="button">Action (button) </button> </li> <li > <button class="dropdown-item" type="button">Another action (button) </button> </li> <li > <span class="dropdown-item-text">Something else here (text)</span> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="https://example.com">Much longer nav link</a> </li> <li class="nav-item"> <a class="disabled nav-link" href="https://example.com">Disabled</a> </li> </ul> <ul class="nav-underline nav"> <li class="nav-item"> <a class="active nav-link" href="https://example.com">Active</a> </li> <li class="nav-item dropdown"> <button aria-expanded="false" class="nav-link dropdown-toggle btn-link btn" data-bs-auto-close="true" data-bs-toggle="dropdown" id="dropdown-1697518004" type="button">Dropdown </button> <ul class="dropdown-menu" aria-labelledby="dropdown-1697518004"> <li > <h6 class="dropdown-header">Dropdown header</h6> </li> <li > <a class="dropdown-item" href="#">Action</a> </li> <li > <span class="dropdown-item-text">Dropdown item text</span> </li> <li > <a class="dropdown-item" href="#">Another action</a> </li> <li > <a class="dropdown-item" href="#">Something else here</a> </li> <li foo="bar"> <hr class="dropdown-divider"> </li> <li > <a class="dropdown-item" href="#">Separated link</a> </li> <li > <button class="dropdown-item" type="button">Action (button) </button> </li> <li > <button class="dropdown-item" type="button">Another action (button) </button> </li> <li > <span class="dropdown-item-text">Something else here (text)</span> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="https://example.com">Much longer nav link</a> </li> <li class="nav-item"> <a class="disabled nav-link" href="https://example.com">Disabled</a> </li> </ul>

Payload
Preview
Source

Link

Payload
Preview
Source

Well done!

A simple alert. Check it out!

Well done!

A simple alert. Check it out!

Well done!

A simple alert. Check it out!

Well done!

A simple alert. Check it out!

Well done!

A simple alert. Check it out!

Well done!

A simple alert. Check it out!

Well done!

A simple alert. Check it out!

Well done!

A simple alert. Check it out!

<div class="alert-primary alert-dismissible fade show alert" role="alert"> <h4 class="alert-heading">Well done!</h4> A simple alert. Check it out! <button aria-label="Close" class="btn-close" data-bs-dismiss="alert" type="button"> </button> </div> <div class="alert-secondary alert-dismissible fade show alert" role="alert"> <h4 class="alert-heading">Well done!</h4> A simple alert. Check it out! <button aria-label="Close" class="btn-close" data-bs-dismiss="alert" type="button"> </button> </div> <div class="alert-success alert-dismissible fade show alert" role="alert"> <h4 class="alert-heading">Well done!</h4> A simple alert. Check it out! <button aria-label="Close" class="btn-close" data-bs-dismiss="alert" type="button"> </button> </div> <div class="alert-danger alert-dismissible fade show alert" role="alert"> <h4 class="alert-heading">Well done!</h4> A simple alert. Check it out! <button aria-label="Close" class="btn-close" data-bs-dismiss="alert" type="button"> </button> </div> <div class="alert-warning alert-dismissible fade show alert" role="alert"> <h4 class="alert-heading">Well done!</h4> A simple alert. Check it out! <button aria-label="Close" class="btn-close" data-bs-dismiss="alert" type="button"> </button> </div> <div class="alert-info alert-dismissible fade show alert" role="alert"> <h4 class="alert-heading">Well done!</h4> A simple alert. Check it out! <button aria-label="Close" class="btn-close" data-bs-dismiss="alert" type="button"> </button> </div> <div class="alert-light alert-dismissible fade show alert" role="alert"> <h4 class="alert-heading">Well done!</h4> A simple alert. Check it out! <button aria-label="Close" class="btn-close" data-bs-dismiss="alert" type="button"> </button> </div> <div class="alert-dark alert-dismissible fade show alert" role="alert"> <h4 class="alert-heading">Well done!</h4> A simple alert. Check it out! <button aria-label="Close" class="btn-close" data-bs-dismiss="alert" type="button"> </button> </div>

Payload
Preview
Source

New

Payload
Preview
Source

<figure class="figure"> <img alt="© 2017 John Smith photography" class="figure-img" src="data:image/svg+xml;base64,PHN2ZyBzdHlsZT0iZm9udC1zaXplOiAxLjEyNXJlbTsgdGV4dC1hbmNob3I6IG1pZGRsZTsgdXNlci1zZWxlY3Q6IG5vbmU7IiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyNTQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgc2xpY2UiIGZvY3VzYWJsZT0iZmFsc2UiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGxhY2Vob2xkZXI6IEltYWdlIGNhcCI+PHRpdGxlPlBsYWNlaG9sZGVyPC90aXRsZT48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjODY4ZTk2Ij48L3JlY3Q+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZpbGw9IiNkZWUyZTYiIGR5PSIuM2VtIj5JbWFnZSBjYXA8L3RleHQ+PC9zdmc+Cg==" /> <figcaption class="text-end figure-caption"> A caption for the above image. </figcaption> </figure>

Payload
Preview
Source

Label

<div class="progress"> <div aria-label="Progress bar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="50" class="progress-bar" role="progressbar" style="width: 50%"> Label </div> </div> <div class="progress"> <div aria-label="Progress bar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="50" class="progress-bar-striped progress-bar" role="progressbar" style="width: 50%"> Label </div> </div> <div class="progress"> <div aria-label="Progress bar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="50" class="progress-bar-striped progress-bar-animated progress-bar" role="progressbar" style="width: 50%"> Label </div> </div>

Payload
Preview
Source

<div class="spinner-border spinner-border-sm" role="status"> <span class="visually-hidden">Loading...</span> </div> <div class="spinner-border" role="status"> <span class="visually-hidden">Loading...</span> </div> <div class="spinner-grow spinner-grow-sm" role="status"> <span class="visually-hidden">Loading...</span> </div> <div class="spinner-grow" role="status"> <span class="visually-hidden">Loading...</span> </div>

Payload
Preview
Source

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

Example table (caption)
Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head	Table head
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Cell 1	Cell 2	Cell 3	Cell 4	Cell 5	Cell 6	Cell 7	Cell 8	Cell 9	Cell 10	Cell 11	Cell 12	Cell 13	Cell 14	Cell 15	Cell 16	Cell 17	Cell 18	Cell 19	Cell 20	Cell 21	Cell 22	Cell 23	Cell 24	Cell 25	Cell 26	Cell 27	Cell 28	Cell 29	Cell 30	Cell 31	Cell 32	Cell 33	Cell 34	Cell 35
Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer	Footer

<div class="table-responsive"> <table class="table table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-sm table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-primary table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-secondary table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-success table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-danger table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-warning table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-info table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-light table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-dark table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-primary table-sm table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-secondary table-sm table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-success table-sm table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-danger table-sm table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-warning table-sm table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-info table-sm table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-light table-sm table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div> <div class="table-responsive"> <table class="table table-dark table-sm table-hover"> <caption>Example table (caption)</caption> <thead class="table-light"> <tr> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> <th>Table head</th> </tr> </thead> <tbody class="table-group-divider"> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> <tr > <td>Cell 1</td> <td>Cell 2</td> <td>Cell 3</td> <td>Cell 4</td> <td>Cell 5</td> <td>Cell 6</td> <td>Cell 7</td> <td>Cell 8</td> <td>Cell 9</td> <td>Cell 10</td> <td>Cell 11</td> <td>Cell 12</td> <td>Cell 13</td> <td>Cell 14</td> <td>Cell 15</td> <td>Cell 16</td> <td>Cell 17</td> <td>Cell 18</td> <td>Cell 19</td> <td>Cell 20</td> <td>Cell 21</td> <td>Cell 22</td> <td>Cell 23</td> <td>Cell 24</td> <td>Cell 25</td> <td>Cell 26</td> <td>Cell 27</td> <td>Cell 28</td> <td>Cell 29</td> <td>Cell 30</td> <td>Cell 31</td> <td>Cell 32</td> <td>Cell 33</td> <td>Cell 34</td> <td>Cell 35</td> </tr> </tbody> <tfoot > <tr > <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> <td>Footer</td> </tr> </tfoot> </table> </div>

Payload
Preview
Source

Hello, world! This is a toast message.

<div aria-atomic="true" aria-live="assertive" class="toast" data-bs-delay="5000" role="alert"> <div class="toast-header"> <img class="rounded me-2" src="data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmQtcGxhY2Vob2xkZXItaW1nIHJvdW5kZWQgbWUtMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSIgZm9jdXNhYmxlPSJmYWxzZSI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzAwN2FmZiI+PC9yZWN0Pjwvc3ZnPg==" /> <strong class="me-auto">Bootstrap</strong> <small>11 mins ago</small> <button aria-label="Close" class="btn-close" data-bs-dismiss="toast" type="button"> </button> </div> <div class="toast-body">Hello, world! This is a toast message.</div> </div>

Payload
Preview
Source

See? Just like this.

Heads up, toasts will stack automatically

Hello, world! This is a toast message.

<div class="toast-container"> <div aria-atomic="true" aria-live="assertive" class="show toast" data-bs-delay="5000" role="alert"> <div class="toast-header"> <img class="rounded me-2" src="data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmQtcGxhY2Vob2xkZXItaW1nIHJvdW5kZWQgbWUtMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSIgZm9jdXNhYmxlPSJmYWxzZSI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzAwN2FmZiI+PC9yZWN0Pjwvc3ZnPg==" /> <strong class="me-auto">Bootstrap</strong> <small class="text-muted">just now</small> <button aria-label="Close" class="btn-close" data-bs-dismiss="toast" type="button"> </button> </div> <div class="toast-body">See? Just like this.</div> </div> <div aria-atomic="true" aria-live="assertive" class="show toast" data-bs-delay="5000" role="alert"> <div class="toast-header"> <img class="rounded me-2" src="data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iYmQtcGxhY2Vob2xkZXItaW1nIHJvdW5kZWQgbWUtMiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBzbGljZSIgZm9jdXNhYmxlPSJmYWxzZSI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iIzAwN2FmZiI+PC9yZWN0Pjwvc3ZnPg==" /> <strong class="me-auto">Bootstrap</strong> <small class="text-muted">2 seconds ago</small> <button aria-label="Close" class="btn-close" data-bs-dismiss="toast" type="button"> </button> </div> <div class="toast-body">Heads up, toasts will stack automatically</div> </div> <div aria-atomic="true" aria-live="assertive" class="show toast" data-bs-delay="5000" role="alert"> <div class="d-flex"> <div class="toast-body">Hello, world! This is a toast message.</div> <button aria-label="Close" class="me-2 m-auto btn-close" data-bs-dismiss="toast" type="button"> </button> </div> </div> <div aria-atomic="true" aria-live="assertive" class="show toast" data-bs-delay="5000" role="alert"> <div class="toast-body">Hello, world! This is a toast message. <div class="mt-2 pt-2 border-top"></div> <button class="btn-primary btn-sm btn" type="button">Take action </button> <button class="btn-secondary btn-sm btn" data-bs-dismiss="toast" type="button">Close </button> </div> </div> <div aria-atomic="true" aria-live="assertive" class="align-items-center text-bg-primary border-0 show toast" data-bs-delay="5000" role="alert"> <div class="d-flex"> <div class="toast-body">Hello, world! This is a toast message.</div> <button aria-label="Close" class="me-2 m-auto btn-close-white btn-close" data-bs-dismiss="toast" type="button"> </button> </div> </div> </div>

Payload
Preview
Source

A well-known quote, contained in a blockquote element.

<figure > <blockquote class="blockquote"> <p>A well-known quote, contained in a blockquote element.</p> </blockquote> <figcaption class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite></figcaption> </figure>

Payload
Preview
Source

Lorem ipsum
Phasellus iaculis
Nulla volutpat

Lorem ipsum
Phasellus iaculis
Nulla volutpat

Lorem ipsum
Phasellus iaculis
Nulla volutpat

<ul> <li> <span>Lorem ipsum</span></li> <li> <span>Phasellus iaculis</span></li> <li> <span>Nulla volutpat</span></li> </ul> <ul class="list-unstyled"> <li> <span>Lorem ipsum</span></li> <li> <span>Phasellus iaculis</span></li> <li> <span>Nulla volutpat</span></li> </ul> <ul class="list-inline"> <li class="list-inline-item"> <span>Lorem ipsum</span></li> <li class="list-inline-item"> <span>Phasellus iaculis</span></li> <li class="list-inline-item"> <span>Nulla volutpat</span></li> </ul>

Accordion (accordion)

Accordion Item #1

Accordion Item #2

Accordion Item #3

Accordion Item #4

Accordion Item #1

Accordion Item #2

Accordion Item #3

Accordion Item #4

(Accordion item) (accordion_item)

Item title

Button (button)

Button Group (button_group)

Button Toolbar (button_toolbar)

Close button (close_button)

Card (card)

Card title

Card subtitle

Card title

Card subtitle

(Card body) (card_body)

Card title

Card subtitle

Card Layout (card_layout)

Card title

Card subtitle

Card title

Card subtitle

Card title

Card subtitle

Carousel (carousel)

First slide label

Second slide label

Third slide label

First slide label

Second slide label

Third slide label

First slide label

Second slide label

Third slide label

First slide label

Second slide label

Third slide label

(Carousel Item) (carousel_item)

Slide label

Modal (modal)

Offcanvas (offcanvas)

Offcanvas

Offcanvas

Offcanvas

Offcanvas

Dropdown (dropdown)

Grid Row (grid_row)

Card title

Card subtitle

Card title

Card subtitle

Card title

Card subtitle

Card title

Card subtitle

List Group (list_group)

(List Group Item) (list_group_item)

Navbar (navbar)

(Navbar nav) (navbar_nav)

Breadcrumb (breadcrumb)

Pagination (pagination)

Nav (nav)

Dropdown header

Dropdown header

Dropdown header

Dropdown header

Dropdown header

Dropdown header

Dropdown header

Dropdown header

(Nav item) (nav_item)

Alert (alert)

Well done!

Well done!

Accordion (`accordion`)

(Accordion item) (`accordion_item`)

Button (`button`)

Button Group (`button_group`)

Button Toolbar (`button_toolbar`)

Close button (`close_button`)

Card (`card`)

(Card body) (`card_body`)

Card Layout (`card_layout`)

Carousel (`carousel`)

(Carousel Item) (`carousel_item`)

Modal (`modal`)

Offcanvas (`offcanvas`)

Dropdown (`dropdown`)

Grid Row (`grid_row`)

List Group (`list_group`)

(List Group Item) (`list_group_item`)

Navbar (`navbar`)

(Navbar nav) (`navbar_nav`)

Breadcrumb (`breadcrumb`)

Pagination (`pagination`)

Nav (`nav`)

(Nav item) (`nav_item`)

Alert (`alert`)

Badge (`badge`)

Figure (`figure`)

Progress (`progress`)

Spinner (`spinner`)

Table (`table`)

Toast (`toast`)

Toast container (`toast_container`)

Blockquote (`blockquote`)

List (`list`)