Folder organiser

<div class="container-fluid text-center">
    <!-- row starts here --><div class = "card-deck mb-2" style = "color:black;">
        <!--card 1 starts here--><div class = "card" style = "background:url(https://i.imgur.com/uJlxKm7.png); background-position: center; background-size: cover;">
            <a style="text-white" href="LINK TO TAG">
                <div class="card-title p-2" style = "background-color:#333; color:#eee;text-decoration:none;font-size:16pt;">TITLE</div>
            </a>
            <div class="card-body m-4 p-2 rounded" style="background:rgba(255,255,255,0.9)">
                    <div class = "badge badge-primary">NUMBER characters in this tag</div>
                    <p class="card-text">DESCRIPTION</p>
            </div>
        </div>

        <!--card 2 starts here--><div class = "card" style = "background-image:url(IMAGE); background-position: center; background-size: cover;">
            <a style="text-white" href="LINK TO TAG">
                <div class="card-title p-2" style = "background-color:#333; color:#eee; font-size:16pt;">TITLE</div>
            </a>
            <div class="card-body m-4 p-2 rounded" style="background:rgba(255,255,255,0.9)">
                    <div class = "badge badge-primary">NUMBER characters in this tag</div>
                    <p class="card-text">
                        DESCRIPTION
                    </p>
                </div>
            </div>
        </div><!-- row ends here -->

    <!-- row starts here --><div class = "card-deck mb-2" style = "color:black;">
        <!--card 1 starts here--><div class = "card" style = "background:url(https://i.imgur.com/uJlxKm7.png); background-position: center; background-size: cover;">
            <a style="text-white" href="LINK TO TAG">
                <div class="card-title p-2" style = "background-color:#333; color:#eee;text-decoration:none;font-size:16pt;">TITLE</div>
            </a>
            <div class="card-body m-4 p-2 rounded" style="background:rgba(255,255,255,0.9)">
                    <div class = "badge badge-primary">NUMBER characters in this tag</div>
                    <p class="card-text">DESCRIPTION</p>
            </div>
        </div>

        <!--card 2 starts here--><div class = "card" style = "background-image:url(IMAGE); background-position: center; background-size: cover;">
            <a style="text-white" href="LINK TO TAG">
                <div class="card-title p-2" style = "background-color:#333; color:#eee; font-size:16pt;">TITLE</div>
            </a>
            <div class="card-body m-4 p-2 rounded" style="background:rgba(255,255,255,0.9)">
                    <div class = "badge badge-primary">NUMBER characters in this tag</div>
                    <p class="card-text">
                        DESCRIPTION
                    </p>
                </div>
            </div>
        </div><!-- row ends here -->
</div>

<hr>

<h2 class="text-center">Helpful tags</h2>
<p class="text-center">
  <a class="btn btn-primary" href="LINK TO TAG">TITLE OF TAG</a>
  <a class="btn btn-primary" href="LINK TO TAG">TITLE OF TAG</a>
  <a class="btn btn-primary" href="LINK TO TAG">TITLE OF TAG</a>
</p>

<p class="text-right" style="font-size:8pt">Template &copy; <a href="https://toyhou.se/~forums/16.htmlcss-graphics/75580.circlejourney-s-code-free-">Circlejourney</a></p>