[F2U] Value Tracker (CODE)

<!--
        RESOURCE // Value Tracker      @Raichurules
        
        » A simple code inspired by carbon copy invoice books to help keep track of the value of all the art/literature for a character
        
        » DEFAULTS
          ♪ Border/Shadow Color: #A92D32
          ♫ Table Header: #D9534F
          ♪ User Links: U_URL_HERE
          ♫ Image Links: I_URL_HERE

        ♥ Do NOT remove the credit, thank you!
-->


<div class="container mx-auto my-5 px-4 bg-faded" style="max-width:750px; border-radius:35px; border:1px solid #5A5354; ">
<hr class="mb-4" style="border-top: 1px dashed #5A5354;">
<!-----  // HEADER //
  » The number next to value log is just for appearance. Personally I use the character's id number found in the address link on their profile.
----->
  <div class="justify-content-between" style="font-size:25px; font-family: Courier New, monospace; color:#A92D32;"><span><b>
    Value Log</b></span>
    000001
  </div>
  
  <div class="card mb-4 p-3" style="border-radius:25px; border:1px solid #A92D32; box-shadow:5px 5px #A92D32;">
    <div class="row no-gutters">
    <div class="col-sm-2 col-5">
      Character:</div><div class="col-sm-10 col-7">
      Character Name</div></div>
  <hr class="w-100">
    <div class="row no-gutters">
    <div class="col-sm-2 col-5">
      Obtained via:</div><div class="col-sm-10 col-7">
      Adopt / Trade / Gift</div></div>
  </div>
  
<!-----  // TABLE //
----->
  <div class="card mb-3" style="border-radius:25px; border:1px solid #A92D32; box-shadow:5px 5px #A92D32; overflow:hidden;">
    
  <table class="table-striped">
    <tr style="background:#D9534F;">
      <td class="text-center"><b>User</b></td>
      <td class="text-center"><b>Link</b></td>
      <td class="text-center"><b>Description</b></td>
      <td class="text-center"><b>Price</b></td>
    </tr>
  
<!-----  // ITEM 1 //  ----->
    <tr class="text-center">
      <td><a href="U_URL_HERE"><i class="fa-solid fa-user"></i></a></td>
      <td><a href="I_URL_HERE"><i class="fa-solid fa-image"></i></a></td>
      <td class="text-left">
        Commission - Description</td>
      <td>
        $0</td>
    </tr>
      
<!-----  // ITEM 2 //  ----->
    <tr class="text-center">
      <td><a href="U_URL_HERE"><i class="fa-solid fa-user"></i></a></td>
      <td><a href="I_URL_HERE"><i class="fa-solid fa-image"></i></a></td>
      <td class="text-left">
        Gift</td>
      <td>
        N/A</td>
    </tr>
      
<!-----  // ITEM 3 //  ----->
    <tr class="text-center">
      <td><a href="U_URL_HERE"><i class="fa-solid fa-user"></i></a></td>
      <td><a href="I_URL_HERE"><i class="fa-solid fa-book"></i></a></td>
      <td class="text-left">
        Commission - Writing</td>
      <td>
        $0</td>
    </tr>
    

<!-----  // ^ Insert more items above ^ //  ----->
  </table>
  </div>
  
<!-----  // TOTAL //
----->
  <div class="row no-gutters mb-4">
    <div class="col-sm-8 col-4"></div>
    <div class="col-sm-4 col-8">
      <div class="card modal-open" style="box-shadow:5px 5px #A92D32; border-radius:15px; border:1px solid #A92D32; max-width:300px;">
      <div class="row no-gutters"><div class="col-sm-4 col-4"><div class="card rounded-0" style="background-color:#D9534F; height:100%;">
        <div class="text-center my-auto"><b>
          Total:</b></div></div></div>
        <div class="col-sm-8 col-8"><div class="card p-2 border-0"><p>
          $55 USD</p>
        </div></div>
      </div>
      </div>
    </div>
  </div>


<!--  // CREDIT - DO NOT REMOVE //  -->
<p class="text-right fixed-bottom p-4"><a href="https://toyhou.se/Raichurules"><img src="https://f2.toyhou.se/file/f2-toyhou-se/images/18089582_24W5VINALADgLEB.png"></a></p>
</div>