(F2U) LF/Wishlist (code (no offers))

Lullah

Profile


  
<!---
 
  ========================================================
 
  code by Lullah
  colors used:
    > text-white (bootstrap) (header text)
    > bg-primary (bootstrap) (header background)
    > bg-faded (bootstrap) (box background)
 
  You may...
    > Edit this code to oblivion!
    > Recycle parts for your own use!
 
  You may not...
    > Remove my watermark!
 
  ========================================================
 
--->

<div class="container" style="max-width:800px;font-size:0.9em;">

  <div class="text-right mt-3">
    <div class="">
    <!--- if you want to replace this with a link to DM you instead, 
          use this link: https://toyhou.se/~messages/create/YOURUSERNAMEHERE --->
    <a href="linkhere">
      Trade thread</a>
    (Last Wishlist Update: DD/MM/YYYY)</div>
  </div>
  
  <!----------------------------- WISHLIST BEGINS HERE! ----------------------------->
  
  <!------------------------------>
  <!----- Interested Section ----->
  <!------------------------------>
  <div class="card bg-primary text-white p-2">
    <div class=""><i class="fas fa-star fa-sm fa-fw mr-1"></i>Interested in...</div>
  </div>
  
  <div class="row no-gutters">
    
    <!--- stars tier notes --->
    <!--- i personally only describe the 5 stars tier LOL --->
    <div class="col-12 card bg-faded p-2 mt-2">
      
      <div class="row no-gutters">
      <!--- 5 stars --->
      <div class="col-5 text-right">
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="fas fa-star fa-sm fa-fw"></i>:
      </div>
      <div class="col-7 pl-1">Instant accept</div>
      
      <!--- 4 stars --->
      <div class="col-5 text-right">
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="far fa-star fa-sm fa-fw"></i>:
      </div>
      <div class="col-7 pl-1">Instant accept, except for a specific type</div>
      
      <!--- 3 stars --->
      <div class="col-5 text-right">
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="far fa-star fa-sm fa-fw"></i>
        <i class="far fa-star fa-sm fa-fw"></i>:
      </div>
      <div class="col-7 pl-1">Certain types only</div>
      
      <!--- 2 stars --->
      <div class="col-5 text-right">
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="far fa-star fa-sm fa-fw"></i>
        <i class="far fa-star fa-sm fa-fw"></i>
        <i class="far fa-star fa-sm fa-fw"></i>:
      </div>
      <div class="col-7 pl-1">Picky</div>
      
      <!--- 1 stars --->
      <div class="col-5 text-right">
        <i class="fas fa-star fa-sm fa-fw"></i>
        <i class="far fa-star fa-sm fa-fw"></i>
        <i class="far fa-star fa-sm fa-fw"></i>
        <i class="far fa-star fa-sm fa-fw"></i>
        <i class="far fa-star fa-sm fa-fw"></i>:
      </div>
      <div class="col-7 pl-1">Maybe</div>
      
      <!--- add more above here! --->
      </div>
    </div>
    
    <!--- designer preference --->
    <!--- if they exist on toyhouse simply use username !
          if not, use <a href="URL">artist</a> --->
    <div class="col-md-6 pr-2 mt-2">
    <div class="card bg-faded p-2" style="height:100%;">
      <div class=""><i class="fas fa-user fa-sm fa-fw mr-1 "></i>Designers:
      <hr class="bg-primary my-1"></div>
      <ul class="mb-1">
        
        <!--- designer 1 --->
        <li>@/Artist1
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i></li>
          <!--- designer 1 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
            <li>More notes</li>
          </ul>
          
        <!--- designer 2 --->
        <li>@/Artist2
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i></li>
          <!--- designer 2 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
            <li>More notes</li>
          </ul>
        
        <!--- designer 3 --->
        <li>@/Artist3
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i></li>
          <!--- designer 3 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
          </ul>
            
        <!--- designer 4 --->
        <li>@/Artist4
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i></li>
          <!--- designer 3 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
          </ul>
          
        <!--- designer 5 --->
        <li>@/Artist5
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i></li>
          <!--- designer 4 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
          </ul>
      
      <!--- add more above here! --->   
      </ul>
    </div>
    </div>
    
    <!--- species preference --->
    <div class="col-md-6 mt-2">
    <div class="card bg-faded p-2" style="height:100%;">
      <div class=""><i class="fas fa-paw fa-sm fa-fw mr-1 "></i>Species/Closed Species:
      <hr class="bg-primary my-1"></div>
      <ul class="mb-1">
        
        <!--- cs 1 --->
        <li>Closed Species 1
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i></li>
          <!--- cs 1 subtext --->
          <ul class="pl-4">
            <li>Notes?</li>
          </ul>
          
        <!--- cs 2 --->
        <li>Closed Species 2
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i></li>
          <!--- cs 2 subtext --->
          <ul class="pl-4">
            <li>Notes?</li>
          </ul>
        
        <!--- cs 3 --->
        <li>Closed Species 3
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i></li>
          <!--- cs 3 subtext --->
          <ul class="pl-4">
            <li>Notes?</li>
          </ul>
      
      <!--- add more above here! ---> 
      </ul>
    </div>
    </div>
    
    <!--- themes/aesthetic preference --->
    <div class="col-md-12 mt-2">
    <div class="card bg-faded p-2">
      <div class=""><i class="fas fa-tshirt fa-sm fa-fw mr-1 "></i>Themes:
      <hr class="bg-primary my-1"></div>
      <ul class="mb-1">
        
        <!--- theme 1 --->
        <li>Theme 1
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i></li>
          <!--- theme 1 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
            <li>More notes</li>
          </ul>
        
        <!--- theme 2 --->
        <li>Theme 2
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i></li>
          <!--- theme 2 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
          </ul>
          
        <!--- theme 3 --->
        <li>Theme 3
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="fas fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i>
            <i class="far fa-star fa-sm fa-fw"></i></li>
          <!--- theme 3 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
          </ul>
          
      <!--- add more above here --->  
      </ul>
    </div>
    </div>
    
    <!--- additional notes --->
    <div class="col-12 card bg-faded p-2 mt-2">
      <div class=""><i class="fas fa-pencil fa-sm fa-fw mr-1 "></i>Note:
      <hr class="bg-primary my-1"></div>
      <ul class="mb-1">
        <li>one</li>
        <li>one</li>
        <li>one</li>
      </ul>
    </div>
    
  </div>
  
  <!------------------------------>
  <!--- NOT Interested Section --->
  <!------------------------------>
  <div class="card bg-primary text-white mt-2 p-2">
    <div class=""><i class="fas fa-skull fa-sm fa-fw mr-1"></i>Not interested in...</div>
  </div>
  
  <div class="row no-gutters">
    
    <!--- stars tier notes --->
    <!--- i personally only describe the 5 stars tier LOL --->
    <div class="col-12 card bg-faded p-2 mt-2">
      
      <div class="row no-gutters">
      <!--- 5 stars --->
      <div class="col-5 text-right">
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="fas fa-skull fa-sm fa-fw"></i>:
      </div>
      <div class="col-7 pl-1">Instant reject</div>
      
      <!--- 4 stars --->
      <div class="col-5 text-right">
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="far fa-skull fa-sm fa-fw"></i>:
      </div>
      <div class="col-7 pl-1">Instant reject, except for a specific type</div>
      
      <!--- 3 stars --->
      <div class="col-5 text-right">
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="far fa-skull fa-sm fa-fw"></i>
        <i class="far fa-skull fa-sm fa-fw"></i>:
      </div>
      <div class="col-7 pl-1">Certain types only</div>
      
      <!--- 2 stars --->
      <div class="col-5 text-right">
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="far fa-skull fa-sm fa-fw"></i>
        <i class="far fa-skull fa-sm fa-fw"></i>
        <i class="far fa-skull fa-sm fa-fw"></i>:
      </div>
      <div class="col-7 pl-1">Picky</div>
      
      <!--- 1 stars --->
      <div class="col-5 text-right">
        <i class="fas fa-skull fa-sm fa-fw"></i>
        <i class="far fa-skull fa-sm fa-fw"></i>
        <i class="far fa-skull fa-sm fa-fw"></i>
        <i class="far fa-skull fa-sm fa-fw"></i>
        <i class="far fa-skull fa-sm fa-fw"></i>:
      </div>
      <div class="col-7 pl-1">Maybe</div>
      
      <!--- add more above here! --->
      </div>
    </div>
    
    <!--- designer preference --->
    <!--- if they exist on toyhouse simply use username !
          if not, use <a href="URL">artist</a> --->
    <div class="col-md-6 pr-2 mt-2">
    <div class="card bg-faded p-2" style="height:100%;">
      <div class=""><i class="fas fa-user fa-sm fa-fw mr-1 "></i>Designers:
      <hr class="bg-primary my-1"></div>
      <ul class="mb-1">
        
        <!--- designer 1 --->
        <li>@/Artist1
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i></li>
          <!--- designer 1 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
            <li>More notes</li>
          </ul>
          
        <!--- designer 2 --->
        <li>@/Artist2
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i></li>
          <!--- designer 2 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
            <li>More notes</li>
          </ul>
        
        <!--- designer 3 --->
        <li>@/Artist3
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i></li>
          <!--- designer 3 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
          </ul>
            
        <!--- designer 4 --->
        <li>@/Artist4
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i></li>
          <!--- designer 3 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
          </ul>
          
        <!--- designer 5 --->
        <li>@/Artist5
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i></li>
          <!--- designer 4 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
          </ul>
      
      <!--- add more above here! --->   
      </ul>
    </div>
    </div>
    
    <!--- species preference --->
    <div class="col-md-6 mt-2">
    <div class="card bg-faded p-2" style="height:100%;">
      <div class=""><i class="fas fa-paw fa-sm fa-fw mr-1 "></i>Species/Closed Species:
      <hr class="bg-primary my-1"></div>
      <ul class="mb-1">
        
        <!--- cs 1 --->
        <li>Closed Species 1
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i></li>
          <!--- cs 1 subtext --->
          <ul class="pl-4">
            <li>Notes?</li>
          </ul>
          
        <!--- cs 2 --->
        <li>Closed Species 2
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i></li>
          <!--- cs 2 subtext --->
          <ul class="pl-4">
            <li>Notes?</li>
          </ul>
        
        <!--- cs 3 --->
        <li>Closed Species 3
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i></li>
          <!--- cs 3 subtext --->
          <ul class="pl-4">
            <li>Notes?</li>
          </ul>
      
      <!--- add more above here! ---> 
      </ul>
    </div>
    </div>
    
    <!--- themes/aesthetic preference --->
    <div class="col-md-12 mt-2">
    <div class="card bg-faded p-2">
      <div class=""><i class="fas fa-tshirt fa-sm fa-fw mr-1 "></i>Themes:
      <hr class="bg-primary my-1"></div>
      <ul class="mb-1">
        
        <!--- theme 1 --->
        <li>Theme 1
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i></li>
          <!--- theme 1 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
            <li>More notes</li>
          </ul>
        
        <!--- theme 2 --->
        <li>Theme 2
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i></li>
          <!--- theme 2 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
          </ul>
          
        <!--- theme 3 --->
        <li>Theme 3
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="fas fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i>
            <i class="far fa-skull fa-sm fa-fw"></i></li>
          <!--- theme 3 subtext --->
          <ul class="pl-4">
            <li>Notes</li>
          </ul>
          
      <!--- add more above here --->  
      </ul>
    </div>
    </div>
    
    <!--- additional notes --->
    <div class="col-12 card bg-faded p-2 mt-2">
      <div class=""><i class="fas fa-pencil fa-sm fa-fw mr-1 "></i>Note:
      <hr class="bg-primary my-1"></div>
      <ul class="mb-1">
        <li>one</li>
        <li>one</li>
        <li>one</li>
      </ul>
    </div>
    
  </div>
  
  <!--- watermark dont remove pls --->
  <div class="text-right"><a href="https://toyhou.se/Lullah"><i class="fas fa-code fa-sm fa-fw"></i></a></div>
</div>