Stars Storage (Storage Template)

<!-- html -->
<!-- NO TOUCHING -->
<div class="container">
    <div class="card-block rounded bg-faded">
        <div class="row">
            <div class="col-12 mb-2">
<!-- body -->
<!-- Ok, touch away -->

<!-------------------- TITLE SECTION ------------------------------->
<h1 class="mt-4 text-muted" style="letter-spacing:2px;font-size: 2em; font-family: georgia, serif;">
  <i class="fas fa-clipboard-list"></i>
  STARS
  </h1>
   <p>Storage and Inventory</p>
      </div>
<div class="row mb-1">
  <!-------------- START GREEN SECTION ------------------------------------------------------------>
   <div class="col-lg-3 mb-2">
      <div class="card card-block h-100">
        <a class="btn btn-success btn-block mb-3"><i class="fas fa-pencil-alt mr-2"></i>
        LEVEL & EXP
        <i class="fas fa-pencil-alt mr-2"></i></a>
<!-------------- 

Use the following code

<p><b class="text-success">TITLE</b>
<ul class="mb-0">
    <li>item</li>
    <li>item</li>
    <li>item</li>
</ul>
</p>
     <br><br>


---------------->


<p><b class="text-success">LEVEL 0</b>
<ul class="mb-0">
    <li>xp 0/0</li>
</ul>
</p>
     <br><br>
     
     <p><b class="text-success">STARDUST</b>
<ul class="mb-0">
    <li>0 stardust</li>
</ul>
</p>
     <br><br>
     
      <p><b class="text-success">HONORABLE MENTIONS</b>
<ul class="mb-0">
    <li>0</li>
</ul>
</p>
     <br><br>





</div>
</div>

  <!-------------- START BLUE SECTION ------------------------------------------------------------>
   <div class="col-lg-3 mb-2">
      <div class="card card-block h-100">
        <a class="btn btn-info btn-block mb-3"><i class="fas fa-pen-fancy"></i>
        FOOD STORAGE
        <i class="fas fa-pen-fancy"></i></a>
        
<!-------------- 

Use the following code

<p><b class="text-info">TITLE</b>
<ul class="mb-0">
    <li>item</li>
    <li>item</li>
    <li>item</li>
</ul>
</p>
     <br><br>

---------------->


    <p><b class="text-info">1 FP</b>
<ul class="mb-0">
    <li>food | x1</li>
    <li>food | x1</li>
    <li>food | x1</li>
</ul>
</p>
     <br><br>
     
     <p><b class="text-info">2 FP</b>
<ul class="mb-0">
    <li>food | x1</li>
    <li>food | x1</li>
    <li>food | x1</li>
</ul>
</p>
     <br><br>
     
     <p><b class="text-info">3 FP</b>
<ul class="mb-0">
    <li>food | x1</li>
    <li>food | x1</li>
    <li>food | x1</li>
</ul>
</p>
     <br><br>




</div>
</div>
  <!-------------- START YELLOW SECTION ------------------------------------------------------------>
   <div class="col-lg-3 mb-2">
      <div class="card card-block h-100">
        <a class="btn btn-warning btn-block mb-3"><i class="fas fa-palette"></i>
        HERBS & PLANTS
        <i class="fas fa-palette"></i></a>
<!-------------- 

Use the following code

<p><b class="text-warning">TITLE</b>
<ul class="mb-0">
    <li>item</li>
    <li>item</li>
    <li>item</li>
</ul>
</p>
     <br><br>


---------------->


<p><b class="text-warning">HERBS</b>
<ul class="mb-0">
    <li>herb | x1 | use</li>
    <li>herb | x1 | use</li>
    <li>herb | x1 | use</li>
    <li>herb | x1 | use</li>
    <li>herb | x1 | use</li>
    <li>herb | x1 | use</li>
</ul>
</p>
     <br><br>




</div>
</div>
  <!-------------- START RED SECTION ------------------------------------------------------------>
   <div class="col-lg-3 mb-2">
      <div class="card card-block h-100">
        <a class="btn btn-danger btn-block mb-3 text-light"><i class="fas fa-paint-brush"></i>
        OTHER ITEMS
        <i class="fas fa-paint-brush"></i></a>
<!-------------- 

Use the following code

<p><b class="text-danger">TITLE</b>
<ul class="mb-0">
    <li>item</li>
    <li>item</li>
    <li>item</li>
</ul>
</p>
     <br><br>


---------------->


<p><b class="text-danger">MYOs</b>
<ul class="mb-0">
    <li>myo type x1</li>
    <li>myo type x1</li>
    <li>myo type x1</li>
</ul>
</p>
     <br><br>
     
<p><b class="text-danger">EDIT ITEMS</b>
<ul class="mb-0">
    <li>item (description)</li>
    <li>item (description)</li>
    <li>item (description)</li>
</ul>
</p>     
      <br><br>
     
<p><b class="text-danger">OTHER ITEMS</b>
<ul class="mb-0">
    <li>item (description)</li>
    <li>item (description)</li>
    <li>item (description)</li>
</ul>
</p>
     




</div>
</div></div>

<!--------------

Notes section


</div>
<p><b class="text-primary">Notes:</b><br>
                  <ul class="mb-0">
                     <li>I usually have a turnaround time of X days/weeks</li>
                     <li>If you want to get ahold of me try my discord/email/etc</li>

                  </ul>



<!-- /body -->
<!-- NO TOUCHING -->
<br><br>
</div></div></div>
<hr>
<p class="text-right small"><a href="https://toyhou.se/3075395.codes/3334385."><i class="fas fa-code"></i></a> by <a href="https://toyhou.se/VairaSmythe">VairaSmythe</a>
</p>
</div>
<!-- /html -->