Adopt Profile (custom)

<div class="container-fluid my-4" style="color:#ffffff;max-width:570px;">
  <div class="container">
  <div class="card card-block bg-faded" style="background-color:#0e0e2a;">

<div class="card card-block bg-faded" style="background-color:#272776;">
  <p style="text-align: center;"><span style="font-size: 30px;"><strong>FOR SALE</strong></span></p>
  </div>
<div class="card rounded p-1 my-3" style="background-color:#c238dc;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Price</strong> (price)</div>
</div>
<div class="card rounded p-1" style="background-color:#c238dc;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Trades</strong> (art/design)</div>
</div>
<div class="card rounded p-1 my-3" style="background-color:#9021df;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Value</strong></strong> (how much is it worth)</div>
</div>
<div class="card rounded p-1" style="background-color:#9021df;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Designer</strong></strong> (creator of design)</div>
</div>

<a data-toggle="collapse" href="#collapse1" class="col-12 btn btn-lg text-center p-3"><i class="far fa-arrow-circle-down"></i> DETAILS <i class="far fa-arrow-circle-down"></i></a>
<div id="collapse1" class="w-100 panel-collpase collapse">
<div class="card rounded p-1 my-3" style="background-color:#1a1a51;">
  <p style="text-align: center;"><span style="font-size: 30px;"><strong>INFO</strong></span></p>
  </div>
  <div class="card rounded p-1 my-3" style="background-color:#50229e;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Name</strong> (character name)</div>
</div>
<div class="card rounded p-1" style="background-color:#50229e;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Species</strong> (character species)</div>
</div>
<div class="card rounded p-1 my-3" style="background-color:#50229e;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Aesthetic</strong></strong> (what's the character based on)</div>
</div>
<div class="card rounded p-1 my-3" style="background-color:#5b27b6;"><div style="text-align: center;">Details about the character go here. Maybe design notes or whatever. You decide .3.
</div>
</div>
</div>


<div class="card rounded p-1 my-3" style="background-color:#c238dc;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Current status</strong></strong> (On hold, closed)</div>
</div>

<a data-toggle="collapse" href="#collapse2" class="col-12 btn btn-lg text-center p-3"><i class="far fa-arrow-circle-down"></i> CONTACT <i class="far fa-arrow-circle-down"></i></a>
<div id="collapse2" class="w-100 panel-collpase collapse">
<div class="card rounded p-1 my-3" style="background-color:#1a1a51;">
  <p style="text-align: center;"><span style="font-size: 30px;"><strong>INFO</strong></span></p>
  </div>
  <div class="card rounded p-1 my-3" style="background-color:#50229e;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Message VIA</strong> (email/phone/comments)</div>
</div>
<div class="card rounded p-1" style="background-color:#50229e;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Currency</strong> (USD, Euro, etc)</div>
</div>
<div class="card rounded p-1 my-3" style="background-color:#50229e;"><div class="col-12 justify-content-between" style="text-align: center;"><strong>Pay VIA</strong></strong> (Paypal, DA, etc)</div>
</div>
</div>
</div>
<p style="text-align: right;"><a href="https://toyhou.se/MCDogWarrior" id=""><span style="font-size: 9px;">Code by MCDogWarrior</span></a></p>
</div>