<div class="d-inline-block px-3 py-2 rounded-pill sm-heading title-fade-dark">Dark</div>
<div class="d-inline-block px-3 py-2 rounded-pill sm-heading title-fade-gradient-1 text-gradient-1">Gradient 1</div>
<div class="d-inline-block px-3 py-2 rounded-pill sm-heading title-fade-gradient-2 text-gradient-2">Gradient 2</div>
<div class="d-inline-block px-3 py-2 rounded-pill sm-heading title-fade-gradient-3 text-gradient-3">Gradient 3</div>
<div class="d-inline-block px-3 py-2 rounded-pill sm-heading title-fade-gradient-4 text-gradient-4">Gradient 4</div>
<div class="d-inline-block px-3 py-2 rounded-pill sm-heading title-fade-gradient-5 text-gradient-5">Gradient 5</div>