Display Headings

<div class="row">
    <div class="col">
        <h3>Display headings</h3>
        <div class="card">
            <!-- Display headings -->
            <h1 class="display-1">Display 1</h1>
            <h1 class="display-2">Display 2</h1>
            <h1 class="display-3">Display 3</h1>
            <h1 class="display-4">Display 4</h1>
            <h1 class="display-5">Display 5</h1>
            <h1 class="display-6">Display 6</h1>
        </div>
    </div>

</div>