MODULAR: List R 1.0-ReColor

<!-- MISC LIST R START -->
<div class="row">
  <!-- SPLASH START -->
  <div class="col-lg-3 col-xs-2 col-md-2 col-2 p-2">
    <div class="p-2 h-100" style="background: url(IMG HERE);
                                  background-size: cover;
                                  background-position: center;
                                  background-attachment: fixed;
                                  background-color:#E1DDE3">
    </div>
  </div>
  <!-- SPLASH END -->
  <!-- LIST START -->
  <div class="col-lg-9 col-xs-10 col-md-10 col-10 p-2">
    <div style="background-color:#F1DAC4" class="p-3">
      <div class="text-uppercase d-flex justify-content-between" style="letter-spacing:3px; font-size:20px; color:#0D0C1D">
        Trivia
      </div>
      <hr style="border-color: #474973;" class="w-100">
      <div class="table-responsive p-1"  style="color:#707EC2">
        <p>
        <ul>
          <li><div style="color:#161B33">big long item one that is very big and long </div></li>
          <li><div style="color:#161B33">two</div></li>
          <ul><li><div style="color:#161B33">indented three</div></li></ul>
          <li><div style="color:#161B33">four</div></li>
        </ul>
        </p>
    </div>
  </div>
</div>
<!-- LIST END -->
</div>
<!-- MISC LIST R END -->