---
layout: default
title: ' Sample Project for Jekyll+BS5'
---
<div class="row">
    <div class="col">
        <h1>Welcome to Sample Project for Jekyll+BS5</h1>
        <p>This is a test page for the root landing page.</p>
        <button type="button" class="btn btn-primary">Primary</button>
        <button type="button" class="btn btn-secondary">Secondary</button>
        <button type="button" class="btn btn-success">Success</button>
        <button type="button" class="btn btn-danger">Danger</button>
        <button type="button" class="btn btn-warning">Warning</button>
        <button type="button" class="btn btn-info">Info</button>
        <button type="button" class="btn btn-light">Light</button>
        <button type="button" class="btn btn-dark">Dark</button>

        <button type="button" class="btn btn-link">Link</button>
    </div>
</div>
<div class="row mt-3">
    <div class="col">
        <div class="card" style="width: 18rem;">
            <img src="https://dummyimage.com/300" class="card-img-top" alt="...">
            <div class="card-body">
                <h5 class="card-title">Card title</h5>
                <p class="card-text">Some quick example text to build on the card title and make up the bulk of the
                    card’s content.</p>
                <a href="#" class="btn btn-primary">Go somewhere</a>
            </div>
        </div>
    </div>
</div>
<div class="row mt-3">
    <div class="col">
        <p class="text-primary">.text-primary</p>
        <p class="text-primary-emphasis">.text-primary-emphasis</p>
        <p class="text-secondary">.text-secondary</p>
        <p class="text-secondary-emphasis">.text-secondary-emphasis</p>
        <p class="text-success">.text-success</p>
        <p class="text-success-emphasis">.text-success-emphasis</p>
        <p class="text-danger">.text-danger</p>
        <p class="text-danger-emphasis">.text-danger-emphasis</p>
        <p class="text-warning bg-dark">.text-warning</p>
        <p class="text-warning-emphasis">.text-warning-emphasis</p>
        <p class="text-info bg-dark">.text-info</p>
        <p class="text-info-emphasis">.text-info-emphasis</p>
        <p class="text-light bg-dark">.text-light</p>
        <p class="text-light-emphasis">.text-light-emphasis</p>
        <p class="text-dark bg-white">.text-dark</p>
        <p class="text-dark-emphasis">.text-dark-emphasis</p>

        <p class="text-body">.text-body</p>
        <p class="text-body-emphasis">.text-body-emphasis</p>
        <p class="text-body-secondary">.text-body-secondary</p>
        <p class="text-body-tertiary">.text-body-tertiary</p>

        <p class="text-black bg-white">.text-black</p>
        <p class="text-white bg-dark">.text-white</p>
        <p class="text-black-50 bg-white">.text-black-50</p>
        <p class="text-white-50 bg-dark">.text-white-50</p>
    </div>
</div>