API tools faq
paste
Advertisement
vermilly

directory NO BADGES

vermilly
Dec 6th, 2023 (edited)
822
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.81 KB | None | 0 0
raw download clone embed print report
  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-left p-0 flex-fill">
  13.                
  14.                 <!-- //////////////////// FOLDER NAME //////////////////// -->
  15.  
  16.                
  17.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  18.                 <i class="mx-3" style="font-size: 1rem;">WELCOME TO MY HUMBLE ABODE!</i>
  19.                 <i class="mb-2 mx-3" style="font-size: 0.8rem;">last directory update: september 2024</i>
  20.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;"><span class="badge badge-pill bg-primary m-1"><a href="https://toyhou.se/xuxu/characters/tags:1/folder:all/taga:1/tagged:sona" class="text-white">SONA</a></span> That means the character is a sona!
  21.                 <br><span class="badge badge-pill bg-primary m-1"><a href="https://toyhou.se/xuxu/characters/tags:1/folder:all/tagged:DOKI%20DOKI/taga:1" class="text-white">DOKI DOKI</a></span> That means the character tickles my brain the most at the moment!</p>
  22.                
  23.             </div>
  24.         </div>
  25.         <!-- //////////////////// NOTCE FOLDER CARD //////////////////// -->    
  26.    
  27.    <!-- //////////////////// FOLDER CARD //////////////////// -->
  28.         <div class="col-lg-3 d-flex">
  29.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  30.            
  31.                 <!-- //////////////////// IMAGE //////////////////// -->
  32.                 <div class="card p-1 m-2">
  33.                     <div style="
  34.                    background: url(https://f2.toyhou.se/file/f2-toyhou-se/images/84911640_MtYBGduvV94WLz4.png)
  35.                       center no-repeat;
  36.                    background-size: cover;
  37.                    min-height: 130px;"></div>
  38.                 </div>
  39.                
  40.                 <!-- //////////////////// FOLDER NAME - change 'fa-star' into any of the icons available on https://fontawesome.com/  //////////////////// -->
  41.                 <p class="mb-1 mx-2" style="font-size: 1rem;">
  42.                     NORMAL CHARACTERS
  43.                 </p>
  44.                
  45.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  46.                 <i class="mb-2" style="font-size: 0.8rem;">
  47.                
  48.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;">Standalone characters! May belong to a miscellaneous world.</p>
  49.  
  50.                 <!-- //////////////////// BADGES  //////////////////// -->
  51.                 <div class="mb-2 mx-2 row justify-content-center">
  52.                    
  53.                 </div>
  54.                 <!-- //////////////////// END BADGES //////////////////// -->
  55.                
  56.                 <!-- //////////////////// FOLDER LINK  //////////////////// -->
  57.                 <a href="https://toyhou.se/xuxu/characters/folder:2078636" class="h-100 w-100 stretched-link btn btn-outline-secondary border-0" style="position: absolute; mix-blend-mode: overlay;"></a>
  58.                
  59.             </div>
  60.         </div>
  61.         <!-- //////////////////// END FOLDER CARD //////////////////// -->
  62.        
  63.        
  64.          
  65.    
  66.    
  67.         <!-- //////////////////// FOLDER CARD //////////////////// -->
  68.         <div class="col-lg-3 d-flex">
  69.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  70.            
  71.                 <!-- //////////////////// IMAGE  //////////////////// -->
  72.                 <div class="card p-1 m-2">
  73.                     <div style="
  74.                    background: url(https://f2.toyhou.se/file/f2-toyhou-se/images/71567149_JK06fqnaG7uoGK2.png)
  75.                        center no-repeat;
  76.                    background-size: cover;
  77.                    min-height: 130px;"></div>
  78.                 </div>
  79.                
  80.                 <!-- //////////////////// FOLDER NAME //////////////////// -->
  81.                 <p class="mb-1 mx-2" style="font-size: 1rem;">
  82.                     STAINED FEATHERS
  83.                 </p>
  84.                
  85.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  86.                 <i class="mb-2 mx-3" style="font-size: 0.8rem;">
  87.              
  88.                  
  89.                 </i>
  90.               <p class="mb-2 mx-3" style="font-size: 0.8rem;">Story of a spy and a criminal falling in love!</p>
  91.  
  92.                
  93.                 <!-- //////////////////// BADGES //////////////////// -->
  94.                 <div class="mb-2 mx-2 row justify-content-center">
  95.                
  96.  
  97.                 </div>
  98.                 <!-- //////////////////// END BADGES //////////////////// -->
  99.                
  100.                 <!-- /////////// FOLDER LINK ///////// -->
  101.                 <a href="https://toyhou.se/xuxu/characters/folder:4750310" class="h-100 w-100 stretched-link btn btn-outline-secondary border-0" style="position: absolute; mix-blend-mode: overlay;"></a>
  102.                
  103.             </div>
  104.         </div>
  105.         <!-- //////////////////// END FOLDER CARD //////////////////// -->
  106.        
  107.    
  108.           <!-- //////////////////// FOLDER CARD //////////////////// -->
  109.         <div class="col-lg-3 d-flex">
  110.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  111.            
  112.                 <!-- //////////////////// IMAGE  //////////////////// -->
  113.                 <div class="card p-1 m-2">
  114.                     <div style="
  115.                    background: url(https://f2.toyhou.se/file/f2-toyhou-se/images/32686246_VdtXSST51ycszYz.png)
  116.                        top no-repeat;
  117.                    background-size: cover;
  118.                    min-height: 130px;"></div>
  119.                 </div>
  120.                
  121.                 <!-- //////////////////// FOLDER NAME  -->
  122.                 <p class="mb-1 mx-2" style="font-size: 1rem;">
  123.                     FIRE CHARADE
  124.                 </p>
  125.                
  126.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  127.                 <i class="mb-2" style="font-size: 0.8rem;">
  128.                
  129.                 </i>
  130.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;">The shenanigans of demons, exorcists, and unlucky humans.</p>
  131.  
  132.                
  133.                 <!-- //////////////////// BADGES  //////////////////// -->
  134.                 <div class="mb-2 mx-2 row justify-content-center">
  135.                    
  136.                 </div>
  137.                 <!-- //////////////////// END BADGES //////////////////// -->
  138.                
  139.                 <!-- //////////////////// FOLDER LINK //////////////////// -->
  140.                 <a href="https://toyhou.se/xuxu/characters/folder:4750314" class="h-100 w-100 stretched-link btn btn-outline-secondary border-0" style="position: absolute; mix-blend-mode: overlay;"></a>
  141.                
  142.             </div>
  143.         </div>
  144.         <!-- //////////////////// END FOLDER CARD //////////////////// -->
  145.        
  146.  
  147.      
  148.                
  149.           <!-- //////////////////// FOLDER CARD //////////////////// -->
  150.         <div class="col-lg-3 d-flex">
  151.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  152.            
  153.                 <!-- //////////////////// IMAGE  //////////////////// -->
  154.                 <div class="card p-1 m-2">
  155.                     <div style="
  156.                    background: url(https://f2.toyhou.se/file/f2-toyhou-se/images/88685943_4MxNm2el97epW5Y.png?1726629282)
  157.                        top no-repeat;
  158.                    background-size: cover;
  159.                    min-height: 130px;"></div>
  160.                 </div>
  161.                
  162.                 <!-- //////////////////// FOLDER NAME  -->
  163.                 <p class="mb-1 mx-2" style="font-size: 1rem;">
  164.                     BROKE GANG
  165.                 </p>
  166.                
  167.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  168.                 <i class="mb-2" style="font-size: 0.8rem;">
  169.                
  170.                 </i>
  171.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;">A bunch of broke and reckless freaks band together.</p>
  172.  
  173.                
  174.                 <!-- //////////////////// BADGES  //////////////////// -->
  175.                 <div class="mb-2 mx-2 row justify-content-center">
  176.                    
  177.                 </div>
  178.                 <!-- //////////////////// END BADGES //////////////////// -->
  179.                
  180.                 <!-- //////////////////// FOLDER LINK //////////////////// -->
  181.                 <a href="https://toyhou.se/xuxu/characters/folder:6024873" class="h-100 w-100 stretched-link btn btn-outline-secondary border-0" style="position: absolute; mix-blend-mode: overlay;"></a>
  182.                
  183.             </div>
  184.         </div>
  185.         <!-- //////////////////// END FOLDER CARD //////////////////// -->
  186.  
  187.      <!-- //////////////////// FOLDER CARD //////////////////// -->
  188.         <div class="col-lg-3 d-flex">
  189.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  190.            
  191.                 <!-- //////////////////// IMAGE  //////////////////// -->
  192.                 <div class="card p-1 m-2">
  193.                     <div style="
  194.                    background: url(https://f2.toyhou.se/file/f2-toyhou-se/images/88685202_d6pMJrXfj9moXkn.png)
  195.                        top no-repeat;
  196.                    background-size: cover;
  197.                    min-height: 130px;"></div>
  198.                 </div>
  199.                
  200.                 <!-- //////////////////// FOLDER NAME  -->
  201.                 <p class="mb-1 mx-2" style="font-size: 1rem;">
  202.                     ABOVE & BENEVOLENT
  203.                </p>
  204.                
  205.                <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  206.                <i class="mb-2" style="font-size: 0.8rem;">
  207.                
  208.                 </i>
  209.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;">Higher beings that live amongst the sky clash in ideals.</p>
  210.  
  211.                
  212.                 <!-- //////////////////// BADGES  //////////////////// -->
  213.                 <div class="mb-2 mx-2 row justify-content-center">
  214.                    
  215.                 </div>
  216.                 <!-- //////////////////// END BADGES //////////////////// -->
  217.                
  218.                 <!-- //////////////////// FOLDER LINK //////////////////// -->
  219.                 <a href="https://toyhou.se/xuxu/characters/folder:6024872" class="h-100 w-100 stretched-link btn btn-outline-secondary border-0" style="position: absolute; mix-blend-mode: overlay;"></a>
  220.                
  221.             </div>
  222.         </div>
  223.         <!-- //////////////////// END FOLDER CARD //////////////////// -->
  224.        
  225.        
  226.          
  227.         <!-- //////////////////// FOLDER CARD //////////////////// -->
  228.         <div class="col-lg-3 d-flex">
  229.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  230.            
  231.                 <!-- //////////////////// IMAGE  //////////////////// -->
  232.                 <div class="card p-1 m-2">
  233.                     <div style="
  234.                    background: url(https://i.pinimg.com/564x/c7/22/f5/c722f5dcc3c9ca7cbefd9445d26cbe31.jpg)
  235.                        center no-repeat;
  236.                    background-size: cover;
  237.                    min-height: 130px;"></div>
  238.                 </div>
  239.                
  240.                 <!-- //////////////////// FOLDER NAME   //////////////////// -->
  241.                 <p class="mb-1 mx-2" style="font-size: 1rem;">
  242.                     OTA
  243.                 </p>
  244.                
  245.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  246.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;">Adopts & characters up for offers! </p>
  247.  
  248.   <!-- //////////////////// BADGES //////////////////// -->
  249.                <div class="mb-2 mx-2 row justify-content-center">
  250.  
  251.                </div>
  252.                <!-- //////////////////// END BADGES //////////////////// -->
  253.                
  254.                <!-- //////////////////// FOLDER LINK //////////////////// -->
  255.                <a href="https://toyhou.se/xuxu/characters/folder:4085969" class="h-100 w-100 stretched-link btn btn-outline-secondary border-0" style="position: absolute; mix-blend-mode: overlay;"></a>
  256.                
  257.             </div>
  258.         </div>
  259.         <!-- //////////////////// END FOLDER CARD //////////////////// -->
  260.        
  261.         <!-- //////////////////// FOLDER CARD //////////////////// -->
  262.         <div class="col-lg-3 d-flex">
  263.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  264.            
  265.                 <!-- //////////////////// IMAGE //////////////////// -->
  266.                 <div class="card p-1 m-2">
  267.                     <div style="
  268.                    background: url(https://i.pinimg.com/564x/49/c7/42/49c7425bac8c4767519cd839e8448cad.jpg)
  269.                        center no-repeat;
  270.                    background-size: cover;
  271.                    min-height: 130px;"></div>
  272.                 </div>
  273.                
  274.                 <!-- //////////////////// FOLDER NAME //////////////////// -->
  275.                 <p class="mb-1 mx-2" style="font-size: 1rem;">
  276.                     MISC
  277.                 </p>
  278.                
  279.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  280.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;">Miscellaneous non-OC profiles!</p>
  281.                
  282.                 <!-- //////////////////// BADGES                 //////////////////// -->
  283.                 <div class="mb-2 mx-2 row justify-content-center">
  284.                 </div>
  285.                 <!-- //////////////////// END BADGES //////////////////// -->
  286.                
  287.                 <!-- //////////////////// FOLDER LINK  //////////////////// -->
  288.                 <a href="https://toyhou.se/xuxu/characters/folder:4750296" class="h-100 w-100 stretched-link btn btn-outline-secondary border-0" style="position: absolute; mix-blend-mode: overlay;"></a>
  289.                
  290.             </div>
  291.         </div>
  292.         <!-- //////////////////// END FOLDER CARD //////////////////// -->        
  293.        
  294.        
  295.         <!-- //////////////////// add more folder cards ABOVE this line! //////////////////// -->
  296.     </div>
  297.    
  298.     <!-- //////////////////// CREDITS - feel free to move it but please don't remove it! <3 //////////////////// -->
  299.     <small><a href="https://toyhou.se/icecreampizzeria" data-toggle="tooltip"  data-placement="bottom"  title="code by icecreampizzeria"><i class="fas fa-code"></i></a></small>
  300. </div>
  301. <!-- //////////////////// END WHOLE THING //////////////////// -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!