Moodboard Revisited

<!--
    TOU:
    -Don't remove credit/links at the bottom (explanation below)
    -Frankensteining is okay, as long as the other creator allows it. It'd be nice if you credit both creators visibly.
    -Free to use as reference, credit in this case isn't required but appreciated!
    -Use on Toyhou.se only, do not redistribute.
    CODE INFO BELOW
    -Go to https://toyhou.se/6614375.useful-websites for more resources and https://toyhou.se/2621177.color-references-bs-pkmn- for colors (for changing the faded/dark backgrounds).
    !!-The images are <div>'s, but you can change them into <img src="url">.
    -In this template they automatically resize/adjust to 250x250, but if you change to <img>, it won't happen.!!
    -For changing the focus of the image, put the side you want (top, bottom, center, left, right, or pixels in the format 'Xpx Ypx').
    -Remember, TH requires links to the source of the pictures used, which is why I put links on the bottom. A good website to use for pictures is Unsplash!

    -placeholder image URL is //via.placeholder.com/200x200 - press ctrl+F to find all placeholders!
    -SparklyCodes
-->
<div class="justify-content-center m-1">
    <div class="mx-auto card rounded-0 border-0 bg-faded p-2">
        <!-- NAME -->
        <div class="card-header rounded-0 border-0 bg-faded justify-content-center text-primary">
            <h2 style="text-shadow: #A3A3A3 3px 3px 4px;">
                NAME
            </h2>
        </div>
        <!-- IMAGES BELOW -->
        <div class="card rounded-0 border-0 p-1">
            <!-- ROW 1 -->
            <div class="row no-gutters mx-auto">
                <!-- IMG 1 -->
                <div class="col-md m-1 justify-content-center">
                    <div class="card bg-dark rounded-0 border-0 p-1">
                        <div style="background-image: url(//via.placeholder.com/200x200); background-size: cover; background-position: center; height: 200px; width: 200px;" class="img-thumbnail rounded-0 border-0"></div>
                    </div>
                </div>
                <!-- IMG 2 -->
                <div class="col-md m-1 justify-content-center">
                    <div class="card bg-dark rounded-0 border-0 p-1">
                        <div style="background-image: url(//via.placeholder.com/200x200); background-size: cover; background-position: center; height: 200px; width: 200px;" class="img-thumbnail rounded-0 border-0"></div>
                    </div>
                </div>
                <!-- IMG 3 -->
                <div class="col-md m-1 justify-content-center">
                    <div class="card bg-dark rounded-0 border-0 p-1">
                        <div style="background-image: url(//via.placeholder.com/200x200); background-size: cover; background-position: right; height: 200px; width: 200px;" class="img-thumbnail rounded-0 border-0"></div>
                    </div>
                </div>
            </div> <!-- END ROW 1 -->
            <!-- ROW 2 -->
            <div class="row no-gutters mx-auto">
                <!-- IMG 4 -->
                <div class="col-md m-1 justify-content-center">
                    <div class="card bg-secondary rounded-0 border-0 p-1">
                        <div style="background-image: url(//via.placeholder.com/200x200); background-size: cover; background-position: center; height: 200px; width: 200px;" class="img-thumbnail rounded-0 border-0"></div>
                    </div>
                </div>
                <!-- IMG 5 -->
                <div class="col-md m-1 justify-content-center">
                    <div class="card bg-secondary rounded-0 border-0 p-1">
                        <div style="background-image: url(//via.placeholder.com/200x200); background-size: cover; background-position: center; height: 200px; width: 200px;" class="img-thumbnail rounded-0 border-0"></div>
                    </div>
                </div>
                <!-- IMG 6 -->
                <div class="col-md m-1 justify-content-center">
                    <div class="card bg-secondary rounded-0 border-0 p-1">
                        <div style="background-image: url(//via.placeholder.com/200x200); background-size: cover; background-position: center; height: 200px; width: 200px;" class="img-thumbnail rounded-0 border-0"></div>
                    </div>
                </div>
            </div> <!-- END ROW 2 -->
            <!-- ROW 3 -->
            <div class="row no-gutters mx-auto">
                <!-- IMG 7 -->
                <div class="col-md m-1 justify-content-center">
                    <div class="card bg-dark rounded-0 border-0 p-1">
                        <div style="background-image: url(//via.placeholder.com/200x200); background-size: cover; background-position: center; height: 200px; width: 200px;" class="img-thumbnail rounded-0 border-0"></div>
                    </div>
                </div>
                <!-- IMG 8 -->
                <div class="col-md m-1 justify-content-center">
                    <div class="card bg-dark rounded-0 border-0 p-1">
                        <div style="background-image: url(//via.placeholder.com/200x200); background-size: cover; background-position: right; height: 200px; width: 200px;" class="img-thumbnail rounded-0 border-0"></div>
                    </div>
                </div>
                <!-- IMG 9 -->
                <div class="col-md m-1 justify-content-center">
                    <div class="card bg-dark rounded-0 border-0 p-1">
                        <div style="background-image: url(//via.placeholder.com/200x200); background-size: cover; background-position: center; height: 200px; width: 200px;" class="img-thumbnail rounded-0 border-0"></div>
                    </div>
                </div>
            </div> <!-- END ROW 3 -->

            <!-- PUT MORE ROWS HERE IF YOU WANT TO -->
        </div> <!-- END IMG BOX - STOP HERE -->
    </div>
</div>
<div class="text-muted font-italic text-center">
    <p>
    <a href="LINK">1</a><a href="LINK">2</a><a href="LINK">3</a> |
    <a href="LINK">4</a><a href="LINK">5</a><a href="LINK">6</a> |
    <a href="LINK">7</a><a href="LINK">8</a><a href="LINK">9</a>
    </p>
    <p><a data-toggle="tooltip" title="SparklyCodes" href="/SparklyCodes"><i class="far fa-code"></i></a></p>
</div>