API tools faq
paste
Keileon

Design Preferences

Keileon
Oct 17th, 2023
1,947
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 58.19 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.    <i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b>
  3.    <i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b>
  4.    <i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b>
  5.    <i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b>
  6.    <i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b>
  7.    <i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b>
  8.    <i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b>
  9. -->
  10.  
  11. <div class="rounded mx-auto" style="background-color:rgba(0, 0, 0, 0.5); color:#ffffff; background-repeat:no-repeat;
  12.             background-image:url(https://via.placeholder.com/1500);
  13.             background-size:cover; background-position:center; background-attachment:fixed; border-radius: 10px;
  14.             border:5px solid #000000; font-family: 'Trebuchet MS'; width:75%">
  15.    
  16.     <div class="justify-content-center">
  17.        
  18.         <!-- DESCRIPTION/INFO/ETC -->
  19.         <div class="mt-4 rounded" style="width:90%; background-color: rgba(0, 0, 0, 0.8);">
  20.             <p class="text-center pt-2 px-2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  21.            
  22.             <hr>
  23.            
  24.             <!-- KEY -->
  25.             <div class="text-center mb-3">
  26.                 <span class="text-center">
  27.                     <i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b> <i class="fas fa-circle-small fa-xs px-1"></i>
  28.                     <i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b> <i class="fas fa-circle-small fa-xs px-1"></i>
  29.                     <i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b> <i class="fas fa-circle-small fa-xs px-1"></i>
  30.                     <i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b> <i class="fas fa-circle-small fa-xs px-1"></i>
  31.                     <i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b> <i class="fas fa-circle-small fa-xs px-1"></i>
  32.                     <i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b> <i class="fas fa-circle-small fa-xs px-1"></i>
  33.                     <i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b>
  34.                 </span>
  35.             </div>
  36.         </div>
  37.     </div>
  38.  
  39.     <div class="justify-content-center">
  40.      
  41.         <div class="my-4 rounded" style="width:90%; background-color: rgba(0, 0, 0, 0.8);">
  42.             <!-- NAVIGATION -->
  43.             <ul class="nav nav-tabs row no-gutters text-center mb-2 justify-content-center rounded" style="background-color: rgba(0, 0, 0, 0.5);">
  44.                 <li class="mx-2 col nav-item"><a class="btn font-weight-bold active" style="color:#ffffff; font-size:18px; font-variant: small-caps;" data-toggle="tab" href="#species">Species</a></li>
  45.                 <li class="mx-2 col nav-item"><a class="btn font-weight-bold" style="color:#ffffff; font-size:18px; font-variant: small-caps;" data-toggle="tab" href="#traits">Traits</a></li>
  46.                 <li class="mx-2 col nav-item"><a class="btn font-weight-bold" style="color:#ffffff; font-size:18px; font-variant: small-caps;" data-toggle="tab" href="#colors">Palettes</a></li>
  47.                 <li class="mx-2 col nav-item"><a class="btn font-weight-bold" style="color:#ffffff; font-size:18px; font-variant: small-caps;" data-toggle="tab" href="#themes">Themes</a></li>
  48.                 <li class="mx-2 col nav-item"><a class="btn font-weight-bold" style="color:#ffffff; font-size:18px; font-variant: small-caps;" data-toggle="tab" href="#clothing">Clothing</a></li>
  49.                 <li class="mx-2 col nav-item"><a class="btn font-weight-bold" style="color:#ffffff; font-size:18px; font-variant: small-caps;" data-toggle="tab" href="#art">Art</a></li>
  50.                 <li class="mx-2 col nav-item"><a class="btn font-weight-bold" style="color:#ffffff; font-size:18px; font-variant: small-caps;" data-toggle="tab" href="#designers">Designers</a></li>
  51.                 <li class="mx-2 col nav-item"><a class="btn font-weight-bold" style="color:#ffffff; font-size:18px; font-variant: small-caps;" data-toggle="tab" href="#fandom">Fandom</a></li>
  52.             </ul>
  53.            
  54.             <!-- CONTENT -->
  55.             <div class="tab-content">
  56.                
  57.                 <!-- SPECIES -->
  58.                 <div class="tab-pane fade w-100 show active" id="species">
  59.                     <div class="row no-gutters justify-content-center">
  60.                         <div class="col">
  61.                             <ul class="fa-ul mt-1">
  62.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  63.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  64.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  65.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  66.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  67.                             </ul>
  68.                         </div>
  69.                         <div class="col">
  70.                             <ul class="fa-ul mt-1">
  71.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  72.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  73.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  74.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  75.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  76.                             </ul>
  77.                         </div>
  78.                         <div class="col">
  79.                             <ul class="fa-ul mt-1">
  80.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  81.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  82.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  83.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  84.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  85.                             </ul>
  86.                         </div>
  87.                         <div class="col-auto">
  88.                             <ul class="fa-ul mt-1">
  89.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  90.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  91.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  92.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  93.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  94.                             </ul>
  95.                         </div>
  96.                         <div class="col">
  97.                             <ul class="fa-ul mt-1">
  98.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  99.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  100.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  101.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  102.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  103.                             </ul>
  104.                         </div>
  105.                         <div class="col">
  106.                             <ul class="fa-ul mt-1">
  107.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  108.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  109.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  110.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  111.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  112.                             </ul>
  113.                         </div>
  114.                         <div class="col">
  115.                             <ul class="fa-ul mt-1">
  116.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  117.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  118.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  119.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  120.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  121.                             </ul>
  122.                         </div>
  123.                     </div>
  124.                 </div>
  125.                
  126.                 <!-- TRAITS -->
  127.                 <div class="tab-pane fade w-100" id="traits">
  128.                     <div class="row no-gutters justify-content-center">
  129.                         <div class="col">
  130.                             <ul class="fa-ul mt-1">
  131.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  132.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  133.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  134.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  135.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  136.                             </ul>
  137.                         </div>
  138.                         <div class="col">
  139.                             <ul class="fa-ul mt-1">
  140.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  141.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  142.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  143.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  144.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  145.                             </ul>
  146.                         </div>
  147.                         <div class="col">
  148.                             <ul class="fa-ul mt-1">
  149.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  150.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  151.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  152.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  153.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  154.                             </ul>
  155.                         </div>
  156.                         <div class="col-auto">
  157.                             <ul class="fa-ul mt-1">
  158.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  159.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  160.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  161.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  162.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  163.                             </ul>
  164.                         </div>
  165.                         <div class="col">
  166.                             <ul class="fa-ul mt-1">
  167.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  168.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  169.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  170.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  171.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  172.                             </ul>
  173.                         </div>
  174.                         <div class="col">
  175.                             <ul class="fa-ul mt-1">
  176.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  177.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  178.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  179.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  180.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  181.                             </ul>
  182.                         </div>
  183.                         <div class="col">
  184.                             <ul class="fa-ul mt-1">
  185.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  186.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  187.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  188.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  189.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  190.                             </ul>
  191.                         </div>
  192.                     </div>
  193.                 </div>
  194.                
  195.                 <!-- COLORS -->
  196.                 <div class="tab-pane fade w-100" id="colors">
  197.                     <div class="row no-gutters justify-content-center">
  198.                         <div class="col">
  199.                             <ul class="fa-ul mt-1">
  200.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  201.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  202.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  203.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  204.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  205.                             </ul>
  206.                         </div>
  207.                         <div class="col">
  208.                             <ul class="fa-ul mt-1">
  209.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  210.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  211.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  212.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  213.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  214.                             </ul>
  215.                         </div>
  216.                         <div class="col">
  217.                             <ul class="fa-ul mt-1">
  218.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  219.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  220.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  221.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  222.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  223.                             </ul>
  224.                         </div>
  225.                         <div class="col-auto">
  226.                             <ul class="fa-ul mt-1">
  227.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  228.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  229.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  230.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  231.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  232.                             </ul>
  233.                         </div>
  234.                         <div class="col">
  235.                             <ul class="fa-ul mt-1">
  236.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  237.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  238.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  239.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  240.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  241.                             </ul>
  242.                         </div>
  243.                         <div class="col">
  244.                             <ul class="fa-ul mt-1">
  245.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  246.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  247.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  248.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  249.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  250.                             </ul>
  251.                         </div>
  252.                         <div class="col">
  253.                             <ul class="fa-ul mt-1">
  254.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  255.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  256.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  257.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  258.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  259.                             </ul>
  260.                         </div>
  261.                     </div>
  262.                 </div>
  263.                
  264.                 <!-- THEMES -->
  265.                 <div class="tab-pane fade w-100" id="themes">
  266.                     <div class="row no-gutters justify-content-center">
  267.                         <div class="col">
  268.                             <ul class="fa-ul mt-1">
  269.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  270.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  271.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  272.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  273.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  274.                             </ul>
  275.                         </div>
  276.                         <div class="col">
  277.                             <ul class="fa-ul mt-1">
  278.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  279.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  280.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  281.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  282.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  283.                             </ul>
  284.                         </div>
  285.                         <div class="col">
  286.                             <ul class="fa-ul mt-1">
  287.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  288.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  289.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  290.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  291.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  292.                             </ul>
  293.                         </div>
  294.                         <div class="col-auto">
  295.                             <ul class="fa-ul mt-1">
  296.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  297.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  298.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  299.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  300.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  301.                             </ul>
  302.                         </div>
  303.                         <div class="col">
  304.                             <ul class="fa-ul mt-1">
  305.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  306.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  307.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  308.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  309.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  310.                             </ul>
  311.                         </div>
  312.                         <div class="col">
  313.                             <ul class="fa-ul mt-1">
  314.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  315.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  316.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  317.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  318.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  319.                             </ul>
  320.                         </div>
  321.                         <div class="col">
  322.                             <ul class="fa-ul mt-1">
  323.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  324.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  325.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  326.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  327.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  328.                             </ul>
  329.                         </div>
  330.                     </div>
  331.                 </div>
  332.                
  333.                 <!-- CLOTHING -->
  334.                 <div class="tab-pane fade w-100" id="clothing">
  335.                     <div class="row no-gutters justify-content-center">
  336.                         <div class="col">
  337.                             <ul class="fa-ul mt-1">
  338.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  339.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  340.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  341.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  342.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  343.                             </ul>
  344.                         </div>
  345.                         <div class="col">
  346.                             <ul class="fa-ul mt-1">
  347.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  348.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  349.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  350.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  351.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  352.                             </ul>
  353.                         </div>
  354.                         <div class="col">
  355.                             <ul class="fa-ul mt-1">
  356.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  357.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  358.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  359.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  360.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  361.                             </ul>
  362.                         </div>
  363.                         <div class="col-auto">
  364.                             <ul class="fa-ul mt-1">
  365.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  366.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  367.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  368.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  369.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  370.                             </ul>
  371.                         </div>
  372.                         <div class="col">
  373.                             <ul class="fa-ul mt-1">
  374.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  375.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  376.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  377.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  378.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  379.                             </ul>
  380.                         </div>
  381.                         <div class="col">
  382.                             <ul class="fa-ul mt-1">
  383.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  384.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  385.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  386.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  387.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  388.                             </ul>
  389.                         </div>
  390.                         <div class="col">
  391.                             <ul class="fa-ul mt-1">
  392.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  393.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  394.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  395.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  396.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  397.                             </ul>
  398.                         </div>
  399.                     </div>
  400.                 </div>
  401.                
  402.                 <!-- ART -->
  403.                 <div class="tab-pane fade w-100" id="art">
  404.                     <div class="row no-gutters justify-content-center">
  405.                         <div class="col">
  406.                             <ul class="fa-ul mt-1">
  407.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  408.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  409.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  410.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  411.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  412.                             </ul>
  413.                         </div>
  414.                         <div class="col">
  415.                             <ul class="fa-ul mt-1">
  416.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  417.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  418.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  419.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  420.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  421.                             </ul>
  422.                         </div>
  423.                         <div class="col">
  424.                             <ul class="fa-ul mt-1">
  425.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  426.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  427.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  428.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  429.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  430.                             </ul>
  431.                         </div>
  432.                         <div class="col-auto">
  433.                             <ul class="fa-ul mt-1">
  434.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  435.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  436.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  437.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  438.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  439.                             </ul>
  440.                         </div>
  441.                         <div class="col">
  442.                             <ul class="fa-ul mt-1">
  443.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  444.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  445.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  446.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  447.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  448.                             </ul>
  449.                         </div>
  450.                         <div class="col">
  451.                             <ul class="fa-ul mt-1">
  452.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  453.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  454.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  455.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  456.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  457.                             </ul>
  458.                         </div>
  459.                         <div class="col">
  460.                             <ul class="fa-ul mt-1">
  461.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  462.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  463.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  464.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  465.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  466.                             </ul>
  467.                         </div>
  468.                     </div>
  469.                 </div>
  470.                
  471.                 <!-- DESIGNERS -->
  472.                 <div class="tab-pane fade w-100" id="designers">
  473.                     <div class="row no-gutters justify-content-center">
  474.                         <div class="col">
  475.                             <ul class="fa-ul mt-1">
  476.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  477.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  478.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  479.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  480.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  481.                             </ul>
  482.                         </div>
  483.                         <div class="col">
  484.                             <ul class="fa-ul mt-1">
  485.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  486.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  487.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  488.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  489.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  490.                             </ul>
  491.                         </div>
  492.                         <div class="col">
  493.                             <ul class="fa-ul mt-1">
  494.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  495.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  496.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  497.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  498.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  499.                             </ul>
  500.                         </div>
  501.                         <div class="col-auto">
  502.                             <ul class="fa-ul mt-1">
  503.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  504.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  505.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  506.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  507.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  508.                             </ul>
  509.                         </div>
  510.                         <div class="col">
  511.                             <ul class="fa-ul mt-1">
  512.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  513.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  514.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  515.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  516.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  517.                             </ul>
  518.                         </div>
  519.                         <div class="col">
  520.                             <ul class="fa-ul mt-1">
  521.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  522.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  523.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  524.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  525.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  526.                             </ul>
  527.                         </div>
  528.                         <div class="col">
  529.                             <ul class="fa-ul mt-1">
  530.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  531.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  532.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  533.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  534.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  535.                             </ul>
  536.                         </div>
  537.                     </div>
  538.                 </div>
  539.                
  540.                 <!-- FANDOM -->
  541.                 <div class="tab-pane fade w-100" id="fandom">
  542.                     <div class="row no-gutters justify-content-center">
  543.                         <div class="col">
  544.                             <ul class="fa-ul mt-1">
  545.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  546.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  547.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  548.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  549.                                 <li class="my-1"><i class="fa-solid fa-star fa-lg" style="color:#3D70E7"></i> <b style="color:#3D70E7">Favorite</b></li>
  550.                             </ul>
  551.                         </div>
  552.                         <div class="col">
  553.                             <ul class="fa-ul mt-1">
  554.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  555.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  556.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  557.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  558.                                 <li class="my-1"><i class="fa-solid fa-heart fa-lg" style="color:#3DDDE7"></i> <b style="color:#3DDDE7">Love</b></li>
  559.                             </ul>
  560.                         </div>
  561.                         <div class="col">
  562.                             <ul class="fa-ul mt-1">
  563.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  564.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  565.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  566.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  567.                                 <li class="my-1"><i class="fa-solid fa-check fa-lg" style="color:#73E73D"></i> <b style="color:#73E73D">Like</b></li>
  568.                             </ul>
  569.                         </div>
  570.                         <div class="col-auto">
  571.                             <ul class="fa-ul mt-1">
  572.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  573.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  574.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  575.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  576.                                 <li class="my-1"><i class="fa-solid fa-equals fa-lg" style="color:#E7E13D"></i> <b style="color:#E7E13D">Neutral</b></li>
  577.                             </ul>
  578.                         </div>
  579.                         <div class="col">
  580.                             <ul class="fa-ul mt-1">
  581.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  582.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  583.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  584.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  585.                                 <li class="my-1"><i class="fa-solid fa-question fa-lg" style="color:#E7983D"></i> <b style="color:#E7983D">Tentative</b></li>
  586.                             </ul>
  587.                         </div>
  588.                         <div class="col">
  589.                             <ul class="fa-ul mt-1">
  590.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  591.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  592.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  593.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  594.                                 <li class="my-1"><i class="fa-solid fa-times fa-lg" style="color:#E7563D"></i> <b style="color:#E7563D">Dislike</b></li>
  595.                             </ul>
  596.                         </div>
  597.                         <div class="col">
  598.                             <ul class="fa-ul mt-1">
  599.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  600.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  601.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  602.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  603.                                 <li class="my-1"><i class="fa-solid fa-ban fa-lg" style="color:#B80A0A"></i> <b style="color:#B80A0A">Hate</b></li>
  604.                             </ul>
  605.                         </div>
  606.                     </div>
  607.                 </div>
  608.                
  609.             </div>
  610.            
  611.         </div>
  612.        
  613.     </div>
  614.  
  615.     <!-- CREDITS -->
  616.     <div class="justify-content-center align-items-center mb-2 mt-n3">
  617.         <div class="p-1 col-1 rounded" style="background-color:rgba(0, 0, 0, 0.8);;">
  618.             <div class="text-center">
  619.                 <a class="tooltipster" title="Coding by FlyingFoxCode" href="https://toyhou.se/flyingfoxcode"><i class="fa-solid fa-bat" style="color:#ffffff"></i></a>
  620.             </div>
  621.         </div>
  622.     </div>
  623.    
  624. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!