Code Snippets

New page template

Captions

Blockquote

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.



    <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

First slide

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque varius pulvinar dui eu ullamcorper. Donec a nisl sed felis pretium posuere ut vitae arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque varius pulvinar dui eu ullamcorper. Donec a nisl sed felis pretium posuere ut vitae arcu.

Second slide

Third slide

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor