[F2U] Trade Thread

<!-- F2U Code Trade Thread

    Free to use & free to edit
    Ripping and "Frankenstein-ing" code is allowed
    Credit not necessary but appreciated
    Feel free to message me for any help/ questions

  Made by CanineKing
-->
<div class="container-fluid">
  <!-- header -->
  <div class="row justify-content-center">
    <div class="col-lg-12">
      <div class="card border-0 rounded-0 bg-primary justify-content-center">
        <h1 class="text-center font-weight-bold text-uppercase p-3" style="font-size:38px;"><i class="fas fa-exchange-alt mr-2"></i>Username's Sale & Trade Thread<i class="fas fa-dollar-sign ml-2"></i></h1>
      </div>
    </div>
  </div>
  <!-- header END -->

  <div class="row justify-content-center">
    <!-- Left column -->
    <!-- Rules/ info -->
    <div class="col-lg-4 ">
      <div class="card border-0 rounded-0 bg-faded p-3 mt-2 h-100">
        <h1 class="font-weight-light text-primary"><i class="fas fa-info-circle mr-2"></i>Rules/ Information</h1>
        <ul class="mb-1">
          <li>Put some general rules/ information about your trades/ sales here</li>
          <li>Note: NONE of the sections will scroll, so keep your info short and to the point</li>
          <li>such as best way to contact you</li>
          <li>how often you're online</li>
          <li>what you're willing to work with</li>
          <li>or any other special rule of your liking</li>
          <!-- add more above here -->
        </ul>
        <!-- message link
          Be sure to put /your username/ (ex. CanineKing) in 'PUT_YOUR_USERNAME_HERE', located in the url. feel free to change the subject line
        -->
        <a class="btn btn-outline-primary btn-block my-2 font-weight-bold" target="_blank" href="https://toyhou.se/~messages/create/PUT_YOUR_USERNAME_HERE?subject=character%20offer" style="font-size:18px;"><i class="far fa-envelope mr-2"></i>Send Offer</a>
        <!-- message link END -->
        <!-- highlights -->
        <div class="card border-0 rounded-0 bg-transparent mt-2">
          <h1 class="font-weight-light text-primary"><i class="fas fa-star mr-2"></i>Highlights</h1>
          <div class="container-fluid">
            <div class="row justify-content-center">
              <!-- character -->
              <div class="col-lg-6 text-center">
                <a href="URL"><img class="d-inline-block m-1 img-thumbnail" src="IMGURL">
                <p class="text-center text-muted">Designer ($0.00)</p></a>
              </div>
              <!-- character END-->
              <!-- character -->
              <div class="col-lg-6 text-center">
                <a href="URL"><img class="d-inline-block m-1 img-thumbnail" src="IMGURL">
                <p class="text-center text-muted">Designer ($0.00)</p></a>
              </div>
              <!-- character END-->
              <!--

              Add the following code to add another character to highlight in your offers

              <div class="col-lg-6 text-center">
                <a href="URL"><img class="d-inline-block m-1 img-thumbnail" src="https://cdn.discordapp.com/attachments/498852129893646337/549320185153060895/unknown.png">
                <p class="text-center text-muted">Designer ($0.00)</p></a>
              </div>
              -->
            </div>
          </div>
        </div>
        <!-- highlights END -->
      </div>
    </div>
    <!-- left column END -->
    <!-- right column-->
    <div class="col-lg-8">
      <div class="card border-0 rounded-0 bg-faded p-3 mt-2 h-100">
        <!--interests-->
        <div class="container-fluid">
          <div class="row">
            <!--Looking for -->
            <div class="col-lg-6">
              <h1 class="font-weight-light text-success"><i class="far fa-heart mr-2"></i>Looking for</h1>
              <ul class="mb-1">
                <li>put what you're interested in/ looking for in adopts</li>
                <li>Lorem ipsum dolor sit amet</li>
                <li>pconsectetur adipiscing elit</li>
                <li>Phasellus libero</li>
                <li>turpis finibus nec dui sed</li>
                <!-- add more above here -->
              </ul>
            </div>
            <!--Looking for END -->
            <!--Not Looking for -->
            <div class="col-lg-6">
              <h1 class="font-weight-light text-danger"><i class="fas fa-heart-broken mr-2"></i>Not looking for</h1>
              <ul class="mb-1">
                <li>put what you're NOT interested in/ looking for in adopts</li>
                <li>Lorem ipsum dolor sit amet</li>
                <li>pconsectetur adipiscing elit</li>
                <li>Phasellus libero</li>
                <li>turpis finibus nec dui sed</li>
                <!-- add more above here -->
              </ul>
            </div>
            <!--Not Looking for END -->
          </div>
        </div>
        <!-- interests END -->
        <!-- offering -->
        <div class="card border-0 rounded-0 bg-transparent">
          <h1 class="font-weight-light text-primary"><i class="fas fa-exchange-alt mr-2"></i>Offering</h1>
            <ul class="mb-2">
              <li>put what you're offering for adopts</li>
              <li>or maybe some specific rules about your offers here</li>
              <!-- add more above here -->
            </ul>
            <!-- specific offer types
            Note: don't forget to fix the 'col-lg' section when adding or taking away types
            -->
            <div class="container-fluid">
              <div class="row justify-content-center">
                <!-- money offer info -->
                <div class="col-lg-4 mx-0">
                  <h3 class="text-primary text-center font-weight-light">Money</h3>
                    <ul class="pl-4 mb-1">
                      <li>put specific rules/ info about section here</li>
                      <li>such as your budget/ limit</li>
                      <li>currency type (paypal, dA points, etc.)</li>
                      <li>or maybe vouchers</li>
                      <!-- add more above here -->
                    </ul>
                </div>
                <!-- money offer info -->
                <!-- character offer info -->
                <div class="col-lg-4 mx-0">
                  <h3 class="text-primary text-center font-weight-light">Characters</h3>
                    <ul class="pl-4 mb-1">
                      <li>put specific rules/ info about section here</li>
                      <li>such as who to NOT offer on</li>
                      <li>a quick point about your tags</li>
                      <li>or how tentative you are</li>
                      <!-- add more above here -->
                    </ul>
                    <a class="btn btn-outline-primary btn-block m-1" href="URL">Characters UFT/S</a>
                </div>
                <!-- character offer info END-->
                <!-- art/ writing offer info -->
                <div class="col-lg-4 mx-0">
                  <h3 class="text-primary text-center font-weight-light">Art/ Writing</h3>
                    <ul class="pl-4 mb-1">
                      <li>put specific rules/ info about section here</li>
                      <li>such as your turnaround time</li>
                      <li>or maybe certain styles you won't work with</li>
                      <!-- add more above here -->
                    </ul>
                    <a class="btn btn-outline-primary btn-block m-1" href="URL">Samples</a>
                </div>
                <!-- art/ writing offer info END-->
              </div>
            </div>
            <!-- specific offer types END-->
        </div>
        <!-- offering END -->
      </div>
    </div>
    <!-- right column END -->
  <!-- credit -->
  </div>
  <p class="small text-right mt-3"><a href="https://toyhou.se/6499972.-f2u-trade-thread" target="_BLANK" class="text-muted"><i class="fa fa-paw mr-1"></i><i class="fas fa-crown mr-1"></i></a></p>
</div>