Code Snippets
Captions
Blockquote
<div class="d-flex justify-content-center">
<div class="card border-0 bg-secondary mt-2 mb-5" style="max-width: 800px;">
<div class="card-body">
<figure>
<blockquote class="blockquote"><p>Ut pellentesque bibendum dignissim a molestie ultrices diam ut vel neque tincidunt eget sed ut quis sit semper nunc at etiam lacinia quam laoreet eget id sapien a pharetra, ornare diam dignissim neque tincidunt.</p></blockquote>
<figcaption class="blockquote-footer">Darlene Darbyberry</figcaption>
</figure>
</div>
</div>
</div>
Square/Rounded/Circle
<div class="row my-5">
<div class="col-xl-2 col-lg-4 col-md-4">
<img src="https://news.kern.org/wp-content/uploads/2023/05/1646354324627.jpg" class="w-100" alt="Square image">
</div>
<div class="col-xl-2 col-lg-4 col-md-4">
<img src="https://news.kern.org/wp-content/uploads/2023/05/1646354324627.jpg" class="rounded-5 w-100" alt="Rounded image">>
</div>
<div class="col-xl-2 col-lg-4 col-md-4">
<img src="https://news.kern.org/wp-content/uploads/2023/05/1646354324627.jpg" class="rounded-circle w-100" alt="Circle image">
</div>
</div>
Links slides out with content
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor
Thumbnail