<div class="bg-primary">Background Primary <strong class="text-primary">strong</strong> <a href="#">link</a></div>
<div class="bg-primary bg-texture">Background Primary with texture <strong>strong</strong> <a href="#">link</a></div>
<div class="bg-secondary">Background Secondary <strong class="text-secondary">strong</strong> <a href="#">link</a></div>
<div class="bg-dark">Background Dark <strong>strong</strong> <a href="#">link</a></div>
<div class="bg-grey-dark">Background Dark Grey <strong>strong</strong> <a href="#">link</a></div>
<div class="bg-grey-light">Background Dark Grey <strong>strong</strong> <a href="#">link</a></div>
<div class="bg-secondary bg-waves">Background Secondary with Wave texture <strong class="text-secondary">strong</strong> <a href="#">link</a></div>

<div class="text-primary">.text-primary</div>
<div class="text-secondary bg-dark">.text-secondary (Only to be used on dark background for ada contrast)</div>
<div class="text-success">.text-success</div>
<div class="text-danger">.text-danger</div>
<div class="text-warning">.text-warning</div>
<div class="text-info">.text-info</div>
<div class="text-light bg-dark">.text-light</div>
<div class="text-dark">.text-dark</div>
<div class="text-muted">.text-muted</div>
<div class="text-white bg-dark">.text-white</div>