<div class="container my-5">
    <div class="row pt-5 justify-content-center">
        <div class="col-9">
            <h2 class="h1 lh-sm fw-semibold">Why Secretic?</h2>
        </div>
    </div>
    <div class="row my-4 py-2 pt-md-2 justify-content-center">
        <div class="col-3">
            <i class="bi bi-shield-check text-secondary" style="font-size: 32px; color: #ff0000;"></i>

            <h4 class="mb-3 mt-2">Source code on Github</h4>

            <span class="placeholder col-9 bg-secondary"></span>
            <span class="placeholder col-10 bg-secondary"></span>
            <span class="placeholder col-8 bg-secondary"></span>
        </div>

        <div class="col-3">
            <i class="bi bi-piggy-bank text-secondary" style="font-size: 32px; color: #ff0000;"></i>

            <h4 class="mb-3 mt-2">Argument 2</h4>

            <span class="placeholder col-9 bg-secondary"></span>
            <span class="placeholder col-10 bg-secondary"></span>
            <span class="placeholder col-8 bg-secondary"></span>
        </div>

        <div class="col-3">
            <i class="bi bi-megaphone text-secondary" style="font-size: 32px; color: #ff0000;"></i>

            <h4 class="mb-3 mt-2">Argument 3</h4>

            <span class="placeholder col-9 bg-secondary"></span>
            <span class="placeholder col-10 bg-secondary"></span>
            <span class="placeholder col-8 bg-secondary"></span>
        </div>
    </div>
</div>
