Advertisement
vermilly

misc 1 directory redo

Nov 30th, 2023 (edited)
832
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 52.13 KB | None | 0 0
  1. <!-- 21 || FOLDER CARDS by icecreampizzeria (BOOTSTRAP)
  2.    CUSTOM COLORS VER can be found here: https://pastebin.com/z8YncUR8
  3.  
  4.    the cards will automatically be centered if they're less than three in a row.
  5.  
  6. <!-- //////////////////// WHOLE THING //////////////////// -->
  7. <div class="container p-0 text-center">
  8.     <div class="row no-gutters justify-content-center">
  9.      
  10.         <!-- //////////////////// NOTCE CARD //////////////////// -->
  11.         <div class="col-lg-12 d-flex">
  12.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  13.                          
  14.                                 <!-- //////////////////// FOLDER NAME //////////////////// -->
  15.  
  16.                
  17.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  18.                 <i class="mx-3 text-left" style="font-size: 1rem;">WELCOME TO MY HUMBLE ABODE!</i>
  19.                 <i class="mb-2 mx-3  text-left" style="font-size: 0.7rem;">last update: dec. 2023</i>
  20.                 <p class="mb-2 mx-3  text-left" style="font-size: 0.7rem;">Right now all my OCs are private, I'm having a mini creator crisis...! turns into a pile of wet mice
  21.                 <br>
  22.                 All characters are listed below - those with a black-and-white filter precede this account and need revamping.</p>
  23.  
  24.                   <div class="col-lg-2 mb-2 mx-3" style="
  25.                    background: url(https://i.pinimg.com/736x/88/8e/ba/888ebad0b18c47546ac0e0512df602ad.jpg)
  26.                        center no-repeat;
  27.                    background-size: cover;
  28.                    min-height: 100px"></div>
  29.                  
  30.                
  31.             </div>
  32.         </div>
  33.         <!-- //////////////////// NOTCE FOLDER CARD //////////////////// -->    
  34.    
  35.  
  36. <!-- THIS CODE USES THEME COLORS
  37.  
  38. ==============================================
  39.            44. || Holidays || F2U
  40. ==============================================  -->
  41.  
  42.  
  43. <div class="">
  44. <div class="container p-0" style="font-size:90%;">
  45.  
  46. <!--
  47. ==================================================================
  48.                    CHARACTERS GROUPS
  49.  
  50. ==================================================================
  51. -->
  52. <div class="row no-gutters mx-n2 mb-1">
  53.     <!--
  54.    =================================================
  55.                  CHARACTERS GROUP
  56.    =================================================
  57.    -->
  58.     <div class="col-12 col-lg-6 p-0">
  59.         <div class="card bg-faded rounded-0 p-2 h-100 mb-3" style="border-top-width: 4px; border-bottom-width: 4px;">
  60.             <p class="text-uppercase display-4 text-center mb-2 text-primary" style="font-weight: 600;  font-size: 13px;">
  61.                
  62. <a href="https://toyhou.se/xuxu/characters/folder:2078636">Normal Characters</a>
  63.                
  64.             </p>
  65.             <div class="row no-gutters">
  66.                
  67.                
  68.     <!--  =========================================
  69.                           CHARACTER BLOCK
  70.    =========================================          -->
  71.    
  72.                 <div class="col-4 col-md-2 p-2 mb-n2">
  73.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  74.                    
  75.                    href="https://toyhou.se/13792657.ayashi"
  76.                    
  77.                    title="Ayashi">
  78.                        
  79.                         <span
  80.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  81.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/13792657?1698626613');
  82.                        background-size: cover;
  83.                        background-position: center;"></span>
  84.                        
  85.                     </a>
  86.                 </div>
  87.                
  88.                 <!--
  89.                =========================================
  90.                           CHARACTER BLOCK
  91.                =========================================
  92.                -->
  93.                 <div class="col-4 col-md-2 p-2 mb-n2">
  94.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  95.                    
  96.                    href="https://toyhou.se/10062499.tiyam"
  97.                    
  98.                    title="Tiyam">
  99.                        
  100.                         <span
  101.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  102.                        
  103.                        
  104.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/10062499?1614830437');
  105.                        background-size: cover;
  106.                        background-position: center;"></span>
  107.                        
  108.                     </a>
  109.                     <div class="text-center mt-n3 text-muted justify-content-center">
  110.                        
  111.                        
  112.                         <!-- CHARACTER ICON == Replace "star" with another FA icon name -->
  113.                        
  114.                     </div>
  115.                 </div>
  116.      
  117.                
  118.                 <!--
  119.                =========================================
  120.                           CHARACTER BLOCK
  121.                =========================================
  122.                -->
  123.                 <div class="col-4 col-md-2 p-2 mb-n2">
  124.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  125.                    
  126.                    href="https://toyhou.se/10326783.nahlah"
  127.                    
  128.                    title="Nahlah">
  129.                        
  130.                         <span
  131.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  132.                        
  133.                        
  134.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/10326783?1616007486');
  135.                        background-size: cover;
  136.                        background-position: center;"></span>
  137.                        
  138.                     </a>
  139.                     <div class="text-center mt-n3 text-muted justify-content-center">
  140.                        
  141.                        
  142.                         <!-- CHARACTER ICON == Replace "star" with another FA icon name -->
  143.                        
  144.                     </div>
  145.                 </div>
  146.                
  147.  <!--
  148.                =========================================
  149.                           CHARACTER BLOCK
  150.                =========================================
  151.                -->
  152.                 <div class="col-4 col-md-2 p-2 mb-n2">
  153.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  154.                    
  155.                    href="https://toyhou.se/5709624.kyou-ogawa"
  156.                    
  157.                    title="Kyou">
  158.                        
  159.                         <span
  160.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  161.                        
  162.                        
  163.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/5709624?1682304232');
  164.                        background-size: cover;
  165.                        background-position: center;"></span>
  166.                        
  167.                     </a>
  168.                     <div class="text-center mt-n3 text-muted justify-content-center">
  169.                        
  170.                        
  171.                         <!-- CHARACTER ICON == Replace "star" with another FA icon name -->
  172.                        
  173.                     </div>
  174.                 </div>
  175.                
  176.                
  177.  <!--
  178.                =========================================
  179.                           CHARACTER BLOCK
  180.                =========================================
  181.                -->
  182.                 <div class="col-4 col-md-2 p-2 mb-n2">
  183.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  184.                    
  185.                    href="https://toyhou.se/7329852.cheerio"
  186.                    
  187.                    title="Cheerio">
  188.                        
  189.                         <span
  190.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  191.                        
  192.                        
  193.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/7329852?1646711044');
  194.                        background-size: cover;
  195.                        background-position: center;"></span>
  196.                        
  197.                     </a>
  198.                     <div class="text-center mt-n3 text-muted justify-content-center">
  199.                        
  200.                        
  201.                         <!-- CHARACTER ICON == Replace "star" with another FA icon name -->
  202.                        
  203.                     </div>
  204.                 </div>
  205.                
  206.  <!--
  207.                =========================================
  208.                           CHARACTER BLOCK
  209.                =========================================
  210.                -->
  211.                 <div class="col-4 col-md-2 p-2 mb-n2">
  212.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  213.                    
  214.                    href="https://toyhou.se/6382727.denpo"
  215.                    
  216.                    title="Denpo">
  217.                        
  218.                         <span
  219.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  220.                        
  221.                        
  222.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/6382727?1588176518');
  223.                        background-size: cover;
  224.                        background-position: center;"></span>
  225.                        
  226.                     </a>
  227.                     <div class="text-center mt-n3 text-muted justify-content-center">
  228.                        
  229.                        
  230.                         <!-- CHARACTER ICON == Replace "star" with another FA icon name -->
  231.                        
  232.                     </div>
  233.                 </div>
  234.                
  235. <!--
  236.                =========================================
  237.                           CHARACTER BLOCK
  238.                =========================================
  239.                -->
  240.                 <div class="col-4 col-md-2 p-2 mb-n2">
  241.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  242.                    
  243.                    href="https://toyhou.se/12649463.piao"
  244.                    
  245.                    title="Piao">
  246.                        
  247.                         <span
  248.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  249.                        
  250.                        
  251.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/12649463?1654924935');
  252.                        background-size: cover;
  253.                        background-position: center;"></span>
  254.                        
  255.                     </a>
  256.                    
  257.                 </div>
  258.                
  259. <!--    =========================================
  260.                           CHARACTER BLOCK
  261.                =========================================
  262.                -->
  263.                 <div class="col-4 col-md-2 p-2 mb-n2">
  264.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  265.                    
  266.                    href="https://toyhou.se/19683594.harial"
  267.                    
  268.                    title="Harial">
  269.                        
  270.                         <span
  271.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  272.                        
  273.                        
  274.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/19683594?1700123134');
  275.                        background-size: cover;
  276.                        background-position: center;"></span>
  277.                        
  278.                     </a>
  279.                     <div class="text-center mt-n3 text-muted justify-content-center">
  280.                        
  281.                        
  282.                         <!-- CHARACTER ICON == Replace "star" with another FA icon name -->
  283.                        
  284.                     </div>
  285.                 </div>
  286.                
  287. <!--    =========================================
  288.                           CHARACTER BLOCK
  289.                =========================================
  290.                -->
  291.                 <div class="col-4 col-md-2 p-2 mb-n2">
  292.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  293.                    
  294.                    href="https://toyhou.se/22033571.nabighani"
  295.                    
  296.                    title="Nabighani">
  297.                        
  298.                         <span
  299.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  300.                        
  301.                        
  302.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/22033571?1692028943');
  303.                        background-size: cover;
  304.                        background-position: center;"></span>
  305.                        
  306.                     </a>
  307.                     <div class="text-center mt-n3 text-muted justify-content-center">
  308.                        
  309.                        
  310.                         <!-- CHARACTER ICON == Replace "star" with another FA icon name -->
  311.                        
  312.                     </div>
  313.                 </div>
  314.              
  315. <!--    =========================================
  316.                           CHARACTER BLOCK
  317.                =========================================
  318.                -->
  319.                 <div class="col-4 col-md-2 p-2 mb-n2">
  320.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  321.                    
  322.                    href="https://toyhou.se/7865438.nao"
  323.                    
  324.                    title="Nao">
  325.                        
  326.                         <span
  327.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  328.                        
  329.                        
  330.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/7865438?1701500677');
  331.                        background-size: cover;
  332.                        background-position: center;"></span>
  333.                        
  334.                     </a>
  335.                     <div class="text-center mt-n3 text-muted justify-content-center">
  336.                        
  337.                        
  338.                         <!-- CHARACTER ICON == Replace "star" with another FA icon name -->
  339.                        
  340.                     </div>
  341.                 </div>
  342.              
  343.  
  344.                
  345.   <!--  =========================================
  346.                           CHARACTER BLOCK
  347.    =========================================          -->
  348.    
  349.                 <div class="col-4 col-md-2 p-2 mb-n2">
  350.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  351.                    
  352.                    href="https://toyhou.se/5687407.yuuma"
  353.                    
  354.                    title="Yuuma">
  355.                        
  356.                         <span
  357.                        style="background-color:#666666; background-blend-mode:luminosity; padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  358.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/5687407?1578027567');
  359.                        background-size: cover;
  360.                        background-position: center;"></span>
  361.                        
  362.                     </a>
  363.                 </div>
  364.                
  365.  <!--  =========================================
  366.                           CHARACTER BLOCK
  367.    =========================================          -->
  368.    
  369.                 <div class="col-4 col-md-2 p-2 mb-n2">
  370.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  371.                    
  372.                    href="https://toyhou.se/5714196.biel-marjita"
  373.                    
  374.                    title="Biel">
  375.                        
  376.                         <span
  377.                        style="background-color:#666666; background-blend-mode:luminosity; padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  378.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/5714196?1578029906');
  379.                        background-size: cover;
  380.                        background-position: center;"></span>
  381.                        
  382.                     </a>
  383.                 </div>
  384.                
  385.  <!--  =========================================
  386.                           CHARACTER BLOCK
  387.    =========================================          -->
  388.    
  389.                 <div class="col-4 col-md-2 p-2 mb-n2">
  390.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  391.                    
  392.                    href="https://toyhou.se/5714116.blair-marjita"
  393.                    
  394.                    title="Blair">
  395.                        
  396.                         <span
  397.                        style="background-color:#666666; background-blend-mode:luminosity; padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  398.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/5714116?1585332417');
  399.                        background-size: cover;
  400.                        background-position: center;"></span>
  401.                        
  402.                     </a>
  403.                 </div>
  404.                
  405.  <!--  =========================================
  406.                           CHARACTER BLOCK
  407.    =========================================          -->
  408.    
  409.                 <div class="col-4 col-md-2 p-2 mb-n2">
  410.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  411.                    
  412.                    href="https://toyhou.se/5695664.shuang-shi"
  413.                    
  414.                    title="Shuang">
  415.                        
  416.                         <span
  417.                        style="background-color:#666666; background-blend-mode:luminosity; padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  418.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/5695664?1578678733');
  419.                        background-size: cover;
  420.                        background-position: center;"></span>
  421.                        
  422.                     </a>
  423.                 </div>
  424.  
  425.  <!--  =========================================
  426.                           CHARACTER BLOCK
  427.    =========================================          -->
  428.    
  429.                 <div class="col-4 col-md-2 p-2 mb-n2">
  430.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  431.                    
  432.                    href="https://toyhou.se/5690374.lipi"
  433.                    
  434.                    title="Lipi">
  435.                        
  436.                         <span
  437.                        style="background-color:#666666; background-blend-mode:luminosity; padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  438.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/5690374?1683335504');
  439.                        background-size: cover;
  440.                        background-position: center;"></span>
  441.                        
  442.                     </a>
  443.                 </div>              
  444.  
  445.  
  446.  
  447. <!--  =========================================
  448.                           CHARACTER BLOCK
  449.    =========================================          -->
  450.    
  451.                 <div class="col-4 col-md-2 p-2 mb-n2">
  452.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  453.                    
  454.                    href="https://toyhou.se/6443546.tristan"
  455.                    
  456.                    title="Tristan">
  457.                        
  458.                         <span
  459.                        style="background-color:#666666; background-blend-mode:luminosity; padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  460.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/6443546?1585663641');
  461.                        background-size: cover;
  462.                        background-position: center;"></span>
  463.                        
  464.                     </a>
  465.                 </div>  
  466.                
  467.                
  468.  <!--  =========================================
  469.                           CHARACTER BLOCK
  470.    =========================================          -->
  471.    
  472.                 <div class="col-4 col-md-2 p-2 mb-n2">
  473.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  474.                    
  475.                    href="https://toyhou.se/6443410.cal"
  476.                    
  477.                    title="Cal">
  478.                        
  479.                         <span
  480.                        style="background-color:#666666; background-blend-mode:luminosity; padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  481.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/6443410?1701547384');
  482.                        background-size: cover;
  483.                        background-position: center;"></span>
  484.                        
  485.                     </a>
  486.                 </div>  
  487.                
  488.                
  489.                 <!-- YOU CAN ADD MORE CHARACTER BLOCKS ABOVE -->
  490.             </div>
  491.         </div>
  492.     </div>
  493.    
  494.    
  495.   <!--  =================================================
  496.                  CHARACTERS GROUP
  497.    ================================================= -->
  498.     <div class="col-12 col-lg-3 p-0">
  499.         <div class="card bg-faded rounded-0 p-2 h-100 mb-3" style="border-top-width: 4px; border-bottom-width: 4px;">
  500.             <p class="text-uppercase display-4 text-center mb-2 text-primary" style="font-weight: 600;  font-size: 13px;">
  501.                
  502. <a href="https://toyhou.se/xuxu/characters/folder:4750315">Artherium</a>                
  503.             </p>
  504.             <div class="row no-gutters">
  505.                
  506.                
  507.      <!--   =========================================
  508.                           CHARACTER BLOCK
  509.          ========================================    -->
  510.                 <div class="col-4 col-md-4 p-2 mb-n2">
  511.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  512.                    
  513.                    href="https://toyhou.se/23838957.riri"
  514.                    
  515.                    title="Riri">
  516.                        
  517.                         <span
  518.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  519.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/23838957?1696987467');
  520.                        background-size: cover;
  521.                        background-position: center;"></span>
  522.                        
  523.                     </a>
  524.                 </div>
  525.                
  526.                 <!--
  527.                =========================================
  528.                           CHARACTER BLOCK
  529.                =========================================
  530.                -->
  531.                 <div class="col-4 col-md-4 p-2 mb-n2">
  532.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  533.                    
  534.                    href="https://toyhou.se/12848642.xumon"
  535.                    
  536.                    title="Xumon">
  537.                        
  538.                         <span
  539.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  540.                        
  541.                        
  542.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/12848642?1645467543');
  543.                        background-size: cover;
  544.                        background-position: center;"></span>
  545.                        
  546.                     </a>
  547.                  
  548.                 </div>
  549.      
  550.                
  551.                 <!--
  552.                =========================================
  553.                           CHARACTER BLOCK
  554.                =========================================
  555.                -->
  556.                 <div class="col-4 col-md-4 p-2 mb-n2">
  557.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  558.                    
  559.                    href="https://toyhou.se/12535234.qila"
  560.                    
  561.                    title="Qila">
  562.                        
  563.                         <span
  564.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  565.                        
  566.                        
  567.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/12535234?1651017947');
  568.                        background-size: cover;
  569.                        background-position: center;"></span>
  570.                        
  571.                     </a>
  572.                    
  573.                 </div>
  574.                
  575.  <!--   =========================================
  576.                           CHARACTER BLOCK
  577.                =========================================
  578.                -->
  579.                 <div class="col-4 col-md-4 p-2 mb-n2">
  580.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  581.                    
  582.                    href="https://toyhou.se/12461842.jimothy"
  583.                    
  584.                    title="Jimothy">
  585.                        
  586.                         <span
  587.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  588.                        
  589.                        
  590.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/12461842?1651818048');
  591.                        background-size: cover;
  592.                        background-position: center;"></span>
  593.                        
  594.                     </a>
  595.                  
  596.                 </div>
  597.                
  598.                
  599.  <!--
  600.                =========================================
  601.                           CHARACTER BLOCK
  602.                =========================================
  603.                -->
  604.                 <div class="col-4 col-md-4 p-2 mb-n2">
  605.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  606.                    
  607.                    href="https://toyhou.se/12509112.hjoe-the-foe"
  608.                    
  609.                    title="Hjoe">
  610.                        
  611.                         <span
  612.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  613.                        
  614.                        
  615.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/12509112?1630195231');
  616.                        background-size: cover;
  617.                        background-position: center;"></span>
  618.                        
  619.                     </a>
  620.                    
  621.                 </div>
  622.                
  623.  <!--
  624.                =========================================
  625.                           CHARACTER BLOCK
  626.                =========================================
  627.                -->
  628.                 <div class="col-4 col-md-4 p-2 mb-n2">
  629.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  630.                    
  631.                    href="https://toyhou.se/20701417.zephyr"
  632.                    
  633.                    title="Zephyr">
  634.                        
  635.                         <span
  636.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  637.                        
  638.                        
  639.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/20701417?1680915601');
  640.                        background-size: cover;
  641.                        background-position: center;"></span>
  642.                        
  643.                     </a>
  644.                    
  645.                 </div>
  646.                
  647. <!--
  648.                =========================================
  649.                           CHARACTER BLOCK
  650.                =========================================
  651.                -->
  652.                 <div class="col-4 col-md-4 p-2 mb-n2">
  653.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  654.                    
  655.                    href="https://toyhou.se/12412845.lay"
  656.                    
  657.                    title="Lay">
  658.                        
  659.                         <span
  660.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  661.                        
  662.                        
  663.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/12412845?1632127355');
  664.                        background-size: cover;
  665.                        background-position: center;"></span>
  666.                        
  667.                     </a>
  668.                  
  669.                 </div>
  670.                
  671.              
  672.                 <!-- YOU CAN ADD MORE CHARACTER BLOCKS ABOVE -->
  673.             </div>
  674.         </div>
  675.     </div>
  676.    
  677.    
  678.     <!--
  679.    =================================================
  680.                  CHARACTERS GROUP
  681.    =================================================
  682.    -->
  683.     <div class="col-12 col-lg-3 p-0">
  684. <div class="card bg-faded rounded-0 p-2 h-100 mb-3" style="border-top-width: 4px; border-bottom-width: 4px;">
  685.             <p class="text-uppercase display-4 text-center mb-2 text-primary" style="font-weight: 600;  font-size: 13px;">
  686.                
  687. <a href="https://toyhou.se/xuxu/characters/folder:4750310">Stained Feathers</a>                
  688.             </p>
  689.             <div class="row no-gutters">
  690.                
  691.                
  692.   <!-- =========================================
  693.                           CHARACTER BLOCK
  694.                ========================================= -->
  695.                
  696.                 <div class="col-4 col-md-4 p-2 mb-n2">
  697.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  698.                    
  699.                    href="https://toyhou.se/16473629.narsus"
  700.                    
  701.                    title="Narsus">
  702.                        
  703.                         <span
  704.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  705.                        
  706.                        
  707.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/16473629?1672606065');
  708.                        background-size: cover;
  709.                        background-position: center;"></span>
  710.                        
  711.                     </a>
  712.                  
  713.                 </div>
  714.                
  715.                
  716.                 <!--
  717.                =========================================
  718.                           CHARACTER BLOCK
  719.                =========================================
  720.                -->
  721.                 <div class="col-4 col-md-4 p-2 mb-n2">
  722.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  723.                    
  724.                    href="https://toyhou.se/19449472.mayur"
  725.                    
  726.                    title="Mayur">
  727.                        
  728.                         <span
  729.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  730.                        
  731.                        
  732.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/62479239_DpT_19449472.png?1692228060');
  733.                        background-size: cover;
  734.                        background-position: center;"></span>
  735.                        
  736.                     </a>
  737.  
  738.                 </div>
  739.  
  740.                
  741.                
  742.           <!-- =========================================
  743.                           CHARACTER BLOCK
  744.                ========================================= -->
  745.                 <div class="col-4 col-md-4 p-2 mb-n2">
  746.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  747.                    
  748.                    href="https://toyhou.se/16455251.vui"
  749.                    
  750.                    title="Vui">
  751.                        
  752.                         <span
  753.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  754.                        
  755.                        
  756.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/16455251?1659493796');
  757.                        background-size: cover;
  758.                        background-position: center;"></span>
  759.                        
  760.                     </a>
  761.  
  762.                 </div>
  763.  
  764.  
  765.  <!-- =========================================
  766.                           CHARACTER BLOCK
  767.                ========================================= -->
  768.                 <div class="col-4 col-md-4 p-2 mb-n2">
  769.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  770.                    
  771.                    href="https://toyhou.se/19447148.akane"
  772.                    
  773.                    title="Akane">
  774.                        
  775.                         <span
  776.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  777.                        
  778.                        
  779.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/19447148?1672274125');
  780.                        background-size: cover;
  781.                        background-position: center;"></span>
  782.                        
  783.                     </a>
  784.  
  785.                 </div>
  786.  
  787.  <!-- =========================================
  788.                           CHARACTER BLOCK
  789.                ========================================= -->
  790.                 <div class="col-4 col-md-4 p-2 mb-n2">
  791.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  792.                    
  793.                    href="https://toyhou.se/21671035.shevonne"
  794.                    
  795.                    title="Shevonne">
  796.                        
  797.                         <span
  798.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  799.                        
  800.                        
  801.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/21671035?1685660157');
  802.                        background-size: cover;
  803.                        background-position: center;"></span>
  804.                        
  805.                     </a>
  806.  
  807.                 </div>
  808.  
  809.  <!-- =========================================
  810.                           CHARACTER BLOCK
  811.                ========================================= -->
  812.                 <div class="col-4 col-md-4 p-2 mb-n2">
  813.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  814.                    
  815.                    href="https://toyhou.se/19463958.amona"
  816.                    
  817.                    title="Amona">
  818.                        
  819.                         <span
  820.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  821.                        
  822.                        
  823.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/19463958?1681874344');
  824.                        background-size: cover;
  825.                        background-position: center;"></span>
  826.                        
  827.                     </a>
  828.  
  829.                 </div>
  830.  
  831.  
  832.  <!-- =========================================
  833.                           CHARACTER BLOCK
  834.                ========================================= -->
  835.                 <div class="col-4 col-md-4 p-2 mb-n2">
  836.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  837.                    
  838.                    href="https://toyhou.se/15437496.theo"
  839.                    
  840.                    title="Theo">
  841.                        
  842.                         <span
  843.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  844.                        
  845.                        
  846.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/15437496?1669664672');
  847.                        background-size: cover;
  848.                        background-position: center;"></span>
  849.                        
  850.                     </a>
  851.  
  852.                 </div>
  853.                
  854.                 <!-- YOU CAN ADD MORE CHARACTER BLOCKS ABOVE -->
  855.             </div>
  856.         </div>
  857.     </div>
  858.    
  859.    <!--
  860.    =================================================
  861.                  CHARACTERS GROUP
  862.    =================================================
  863.    -->
  864.     <div class="col-12 col-lg-6 p-0">
  865. <div class="card bg-faded rounded-0 p-2 h-100 mb-3" style="border-top-width: 4px; border-bottom-width: 4px;">
  866.             <p class="text-uppercase display-4 text-center mb-2 text-primary" style="font-weight: 600;  font-size: 13px;">
  867.                
  868. <a href="https://toyhou.se/xuxu/characters/folder:4750314">Fire Charade</a>              
  869.             </p>
  870.             <div class="row no-gutters">
  871.                
  872.                
  873.   <!-- =========================================
  874.                           CHARACTER BLOCK
  875.                ========================================= -->
  876.                
  877.                 <div class="col-4 col-md-2 p-2 mb-n2">
  878.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  879.                    
  880.                    href="https://toyhou.se/7660927.xishi"
  881.                    
  882.                    title="XiShi">
  883.                        
  884.                         <span
  885.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  886.                        
  887.                        
  888.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/7660927?1696987358');
  889.                        background-size: cover;
  890.                        background-position: center;"></span>
  891.                        
  892.                     </a>
  893.                  
  894.                 </div>
  895.                
  896.                
  897.                 <!--
  898.                =========================================
  899.                           CHARACTER BLOCK
  900.                =========================================
  901.                -->
  902.                 <div class="col-4 col-md-2 p-2 mb-n2">
  903.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  904.                    
  905.                    href="https://toyhou.se/8280939.hannah"
  906.                    
  907.                    title="Hannah">
  908.                        
  909.                         <span
  910.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  911.                        
  912.                        
  913.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/8280939?1616019716');
  914.                        background-size: cover;
  915.                        background-position: center;"></span>
  916.                        
  917.                     </a>
  918.  
  919.                 </div>
  920.  
  921.                
  922.                
  923.           <!-- =========================================
  924.                           CHARACTER BLOCK
  925.                ========================================= -->
  926.                 <div class="col-4 col-md-2 p-2 mb-n2">
  927.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  928.                    
  929.                    href="https://toyhou.se/5900499.xue-liang"
  930.                    
  931.                    title="Xue">
  932.                        
  933.                         <span
  934.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  935.                        
  936.                        
  937.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/5900499?1679164598');
  938.                        background-size: cover;
  939.                        background-position: center;"></span>
  940.                        
  941.                     </a>
  942.  
  943.                 </div>
  944.  
  945.  
  946.  <!-- =========================================
  947.                           CHARACTER BLOCK
  948.                ========================================= -->
  949.                 <div class="col-4 col-md-2 p-2 mb-n2">
  950.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  951.                    
  952.                    href="https://toyhou.se/7452666.qiu"
  953.                    
  954.                    title="Qiu">
  955.                        
  956.                         <span
  957.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  958.                        
  959.                        
  960.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/7452666?1679164576');
  961.                        background-size: cover;
  962.                        background-position: center;"></span>
  963.                        
  964.                     </a>
  965.  
  966.                 </div>
  967.  
  968.  
  969.  <!-- =========================================
  970.                           CHARACTER BLOCK
  971.                ========================================= -->
  972.                 <div class="col-4 col-md-2 p-2 mb-n2">
  973.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  974.                    
  975.                    href="https://toyhou.se/7910106.yachi"
  976.                    
  977.                    title="Yachi">
  978.                        
  979.                         <span
  980.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  981.                        
  982.                        
  983.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/7910106?1679164615');
  984.                        background-size: cover;
  985.                        background-position: center;"></span>
  986.                        
  987.                     </a>
  988.  
  989.                 </div>
  990.  
  991. <!-- =========================================
  992.                           CHARACTER BLOCK
  993.                ========================================= -->
  994.                 <div class="col-4 col-md-2 p-2 mb-n2">
  995.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  996.                    
  997.                    href="https://toyhou.se/7228708.zai"
  998.                    
  999.                    title="Zai">
  1000.                        
  1001.                         <span
  1002.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  1003.                        
  1004.                        
  1005.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/7228708?1606406520');
  1006.                        background-size: cover;
  1007.                        background-position: center;"></span>
  1008.                        
  1009.                     </a>
  1010.  
  1011.                 </div>
  1012.  
  1013.  <!-- =========================================
  1014.                           CHARACTER BLOCK
  1015.                ========================================= -->
  1016.                 <div class="col-4 col-md-2 p-2 mb-n2">
  1017.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  1018.                    
  1019.                    href="https://toyhou.se/13249601.milk"
  1020.                    
  1021.                    title="Milk">
  1022.                        
  1023.                         <span
  1024.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  1025.                        
  1026.                        
  1027.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/13249601?1700121225');
  1028.                        background-size: cover;
  1029.                        background-position: center;"></span>
  1030.                        
  1031.                     </a>
  1032.  
  1033.                 </div>
  1034.  <!-- =========================================
  1035.                           CHARACTER BLOCK
  1036.                ========================================= -->
  1037.                 <div class="col-4 col-md-2 p-2 mb-n2">
  1038.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  1039.                    
  1040.                    href="https://toyhou.se/22861550.cream"
  1041.                    
  1042.                    title="Cream">
  1043.                        
  1044.                         <span
  1045.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  1046.                        
  1047.                        
  1048.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/22861550?1700117875');
  1049.                        background-size: cover;
  1050.                        background-position: center;"></span>
  1051.                        
  1052.                     </a>
  1053.  
  1054.                 </div>
  1055.                
  1056.                 <!-- YOU CAN ADD MORE CHARACTER BLOCKS ABOVE -->
  1057.             </div>
  1058.         </div>
  1059.     </div>  
  1060.  
  1061.  
  1062. <!--  =================================================
  1063.                  CHARACTERS GROUP
  1064.    ================================================= -->
  1065.     <div class="col-12 col-lg-3 p-0">
  1066.         <div class="card bg-faded rounded-0 p-2 h-100 mb-3" style="border-top-width: 4px; border-bottom-width: 4px;">
  1067.             <p class="text-uppercase display-4 text-center mb-2 text-primary" style="font-weight: 600;  font-size: 13px;">
  1068.                
  1069. <a href="https://toyhou.se/xuxu/characters/folder:4085969">OTA</a>                
  1070.             </p>
  1071.             <div class="row no-gutters">
  1072.                
  1073.                
  1074.      <!--   =========================================
  1075.                           CHARACTER BLOCK
  1076.          ========================================    -->
  1077.                 <div class="col-4 col-md-4 p-2 mb-n2">
  1078.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  1079.                    
  1080.                    href="https://toyhou.se/22207660.ota-just-a-lil-jacket-man"
  1081.                    
  1082.                    title="OTA">
  1083.                        
  1084.                         <span
  1085.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  1086.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/22207660?1701575972');
  1087.                        background-size: cover;
  1088.                        background-position: center;"></span>
  1089.                        
  1090.                     </a>
  1091.                 </div>
  1092.                
  1093.                 <!--
  1094.                =========================================
  1095.                           CHARACTER BLOCK
  1096.                =========================================
  1097.                -->
  1098.                 <div class="col-4 col-md-4 p-2 mb-n2">
  1099.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  1100.                    
  1101.                    href="https://toyhou.se/20861949.hold-mehar"
  1102.                    
  1103.                    title="ON HOLD">
  1104.                        
  1105.                         <span
  1106.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  1107.                        
  1108.                        
  1109.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/20861949?1692590926');
  1110.                        background-size: cover;
  1111.                        background-position: center;"></span>
  1112.                        
  1113.                     </a>
  1114.                  
  1115.                 </div>
  1116.      
  1117.                
  1118.                 <!--
  1119.                =========================================
  1120.                           CHARACTER BLOCK
  1121.                =========================================
  1122.                -->
  1123.                 <div class="col-4 col-md-4 p-2 mb-n2">
  1124.                     <a class="d-flex btn btn-primary bg-faded p-1 tooltipster" style="border-radius: 100%; border-width: 2px;"
  1125.                    
  1126.                    href="https://toyhou.se/22262078.hold-what-if-a-neuron-is-hot"
  1127.                    
  1128.                    title="ON HOLD">
  1129.                        
  1130.                         <span
  1131.                        style="padding: 50%; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0, .4);
  1132.                        
  1133.                        
  1134.                        background-image: url('https://f2.toyhou.se/file/f2-toyhou-se/characters/22262078?1689091980');
  1135.                        background-size: cover;
  1136.                        background-position: center;"></span>
  1137.                        
  1138.                     </a>
  1139.                    
  1140.                 </div>
  1141.                
  1142.              
  1143.                 <!-- YOU CAN ADD MORE CHARACTER BLOCKS ABOVE -->
  1144.             </div>
  1145.         </div>
  1146.     </div>    
  1147.    
  1148.     <!-- YOU CAN ADD MORE GROUPS ABOVE -->
  1149. </div>
  1150.  
  1151.  
  1152. <!-- CODE CREDITS == DO NOT REMOVE -->
  1153. <div class="row no-gutters mt-n3">
  1154.     <div class="col"><hr style="border-top-width: 3px;"></div>
  1155.     <div class="col-auto"><a class="tooltipster text-muted" title="Code by ChiiAka" href="https://toyhou.se/ChiiAka"><i class="far fa-code p-2" style="margin-top: 2px;"></i></a></div>
  1156.     <div class="col-1"><hr style="border-top-width: 3px;"></div>
  1157. </div>
  1158. </div>
  1159. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement