Cacher is the code snippet organizer for pro developers

    <!-- TEXT COLORS -->
        <p class="text-primary">Text Primary Color</p>
        <p class="text-secondary">Text Secondary Color</p>
        <p class="text-success">Text Success Color</p>
        <p class="text-info">Text Info Color</p>
        <p class="text-warning">Text Warning Color</p>
        <p class="text-danger">Text Danger Color</p>
        <p class="text-light">Text Light Color</p>
        <p class="text-dark">Text Dark Color</p>
        <p class="text-white">Text White Color</p>
        <p class="text-muted">Text Muted</p>
        <!-- annab 50% mustast -->
        <p class="text-black-50">Text Black 50</p>
        <!-- annab 50% valgest -->
        <p class="text-white-50">Text White 50</p>

        <br>
        <br>

        <!-- LINK COLORS -->
        <p>
            <a class="text-primary" href="#">Primary link</a>
        </p>
        <p>
            <a class="text-secondary" href="#">Secondary link</a>
        </p>
        <p>
            <a href="#">Success link</a>
        </p>
        <p>
            <a href="#">Info link</a>
        </p>
        <p>
            <a href="#">Warning link</a>
        </p>
        <p>
            <a href="#">Danger link</a>
        </p>
        <p>
            <a href="#">Light link</a>
        </p>
        <p>
            <a href="#">Dark link</a>
        </p>
        <p>
            <a href="#">Muted link</a>
        </p>
        <p>
            <a href="#">White link</a>
        </p>

        <br>
        <br>

        <!-- BACKGROUND COLORS -->
        <div class="bg-primary text-white">Background Primary Color</div>
        <div>Background Secondary Color</div>
        <div>Background Success Color</div>
        <div>Background Info Color</div>
        <div>Background Warning Color</div>
        <div>Background Danger Color</div>
        <div>Background Light Color</div>
        <div>Background Dark Color</div>
        <div>Background White Color</div>
        <div>Background Transparent</div>

        <!-- INVISIBLE -->
        <!-- muudab elemendi nähtamatuks -->
        <p>Element below has class invisible</p>
        <p class="invisible">Hello</p>