Untitled

<!---------- default highlight color is #999 -- use find & replace to quick swap out color ----->
<!---------- container ---------- do not use this HTML with premium css layouts ---------------->
<div class="card border-0 container-fluid p-0 rounded-0" style="z-index: 100; margin-top: -30px; margin-bottom: -110px;">
 
  <!---- set background pattern here ---------------->
    <div style="background-image:url('https://www.gamepur.com/wp-content/uploads/2022/09/10111313/splatoon_3_alterna.jpg?w=1200');" 
    class="px-lg-4 px-md-2 px-1 pt-5 pb-4 mb-2">
 
        <div class="container-fluid px-0" style="max-width: 1450px;">
            <div class="row">
 
              <!-------- start block ----------------------->
              <div class="col-lg-4 col-md-6 mb-4">
                <!---- set background color & font color here ------>
                <div style="background-color:rgba(255,255,255,.9); color: #222; box-shadow: 0px 0px 10px rgba(0,0,0,.3); font-size: 10.5pt;">
 
                  <!----- banner image--- will scale and crop with screen size -- focus in the CENTER of the image --->
                  <div style="background-image:url(https://media.tenor.com/B57t-CXUwiYAAAAd/callie-callie-splatoon.gif);
                  height: 250px; background-size:cover; background-position:center;"></div>
 
                      <div class="card-block">
                      <!---- set folder link & name here ---------->
                        <a href="https://toyhou.se/squidsodaz/characters/folder:4614550" 
                        style="background: #999; color: #fff; letter-spacing: 1px; font-size: 1.2em;" class="d-block text-center text-uppercase p-1 mb-2">
                       🦑 Other 🦑</a>
 
                        <!----- write folder description here ----------->
<p>Stuff that isn't characters! Stuff like free art, moodboards in future, etc!</p>
                        <!----- adjective labels -- for genre & other descriptive labels ------->
                        <p class="text-center">
                            <span style="background: #999; letter-spacing: .5px; font-size: .9em;" class="badge">
                            F2E </span>
                            <span style="background: #999; letter-spacing: .5px; font-size: .9em;" class="badge">
                            Free art</span>
                            <span style="background: #999; letter-spacing: .5px; font-size: .9em;" class="badge">
                            For you </span>
                        </p>
                    </div></div>
                </div> <!---- end block ----->
 
                <!-------- start block ----------------------->
              <div class="col-lg-4 col-md-6 mb-4">
                <!---- set background color & font color here ------>
                <div style="background-color:rgba(255,255,255,.9); color: #222; box-shadow: 0px 0px 10px rgba(0,0,0,.3); font-size: 10.5pt;">
 
                  <!----- banner image--- will scale and crop with screen size -- focus in the CENTER of the image --->
                  <div style="background-image:url(https://media.tenor.com/ikTv7hVkBiIAAAAd/splatoon-splatoon3.gif);
                  height: 250px; background-size:cover; background-position:center;"></div>
 
                      <div class="card-block">
                      <!---- set folder link & name here ---------->
                        <a href="https://toyhou.se/squidsodaz/characters/folder:4614549" 
                        style="background: #999; color: #fff; letter-spacing: 1px; font-size: 1.2em;" class="d-block text-center text-uppercase p-1 mb-2">
                       🦑 UFO 🦑</a>
 
                        <!----- write folder description here ----------->
<p>Characters for offers! Will look at trades, money offers, art, etc!</p>
                        <!----- adjective labels -- for genre & other descriptive labels ------->
                        <p class="text-center">
                            <span style="background: #999; letter-spacing: .5px; font-size: .9em;" class="badge">
                            Characters</span>
                            <span style="background: #999; letter-spacing: .5px; font-size: .9em;" class="badge">
                            For trade</span>
                            <span style="background: #999; letter-spacing: .5px; font-size: .9em;" class="badge">
                            For offers</span>
                        </p>
                    </div></div>
                </div> <!---- end block ----->
 
                <!-------- start block ----------------------->
              <div class="col-lg-4 col-md-6 mb-4">
                <!---- set background color & font color here ------>
                <div style="background-color:rgba(255,255,255,.9); color: #222; box-shadow: 0px 0px 10px rgba(0,0,0,.3); font-size: 10.5pt;">
 
                  <!----- banner image--- will scale and crop with screen size -- focus in the CENTER of the image --->
                  <div style="background-image:url(https://media.tenor.com/6g46g1bs0zAAAAAd/splatoon3-splatoon.gif);
                  height: 250px; background-size:cover; background-position:center;"></div>
 
                      <div class="card-block">
                      <!---- set folder link & name here ---------->
                        <a href="https://toyhou.se/squidsodaz/characters/folder:4614547" 
                        style="background: #999; color: #fff; letter-spacing: 1px; font-size: 1.2em;" class="d-block text-center text-uppercase p-1 mb-2">
                          🦑 Mains 🦑</a>
 
                        <!----- write folder description here ----------->
<p>My characters! Do not offer on anyone in this folder without permission</p>
                        <!----- adjective labels -- for genre & other descriptive labels ------->
                        <p class="text-center">
                            <span style="background: #999; letter-spacing: .5px; font-size: .9em;" class="badge">
                            Characters</span>
                            <span style="background: #999; letter-spacing: .5px; font-size: .9em;" class="badge">
                            NFO</span>
                            <span style="background: #999; letter-spacing: .5px; font-size: .9em;" class="badge">
                            Don't offer </span>
                        </p>
                    </div></div>
                </div> <!---- end block ----->
            </div>
        </div>
    </div>
 
  <p class="mt-2 small text-right">HTML by @Pinky & icon from pinterest</p>
</div>