Moodboard Code

Standard 3x3 Format

<div class="col container-fluid card rounded-0" style="background-color: #FFFFFF; border:5px solid #FFFFFF; max-width: 484px;">
<!--change background color to whatever you want by replacing both the #FFFFFF-->
   <div class="row">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
   </div>
   <div class="row">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
   </div>
   <div class="row">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
   </div>
   <p class="text-center" style="color: #787878;"><a href="https://toyhou.se/3169274.moodboard-boxes">template by nightlustrous</a><br>
   <span style="vertical-align: super; font-size: larger;">SOURCES: [
   <a href="source">①</a> <a href="source">②</a> <a href="source">③</a>
   <a href="source">④</a> <a href="source">⑤</a> <a href="source">⑥</a>
   <a href="source">⑦</a> <a href="source">⑧</a> <a href="source">⑨</a> ]</span>
   <!--DO NOT REMOVE THE SOURCES. Toyhouse's rules require sourcing of all external images. It's not worth getting in trouble.-->
   </p>
</div>

----------

Alternate 2x2 Format

<div class="col container-fluid card rounded-0" style="background-color: #FFFFFF; border:5px solid #FFFFFF; max-width: 326px;">
<!--change background color to whatever you want by replacing both the #FFFFFF-->
   <div class="row">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
   </div>
   <div class="row">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
     <img src="https://via.placeholder.com/150" width="150" height="150" class="m-1">
   </div>
   <p class="text-center" style="color: #787878;"><a href="https://toyhou.se/3169274.moodboard-boxes">template by nightlustrous</a><br>
   <span style="vertical-align: super; font-size: larger;">SOURCES: [
   <a href="source">①</a> <a href="source">②</a>
   <a href="source">③</a> <a href="source">④</a> ]</span>
   <!--DO NOT REMOVE THE SOURCES. Toyhouse's rules require sourcing of all external images. It's not worth getting in trouble.-->
   </p>
</div>