API tools faq
paste
vermilly

directory NO BADGES

vermilly
Dec 6th, 2023 (edited)
871
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.41 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 2025</i>
  20.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;">
  21.                 <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!
  22.                 <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!
  23.                 <br><span class="badge badge-pill bg-primary m-1"><a href="https://toyhou.se/xuxu/characters/tags:1/folder:all/taga:1/tagged:EO" class="text-white">EO</a></span> These are characters that I'll entertain offers on! Includes any open adopts too.</p>
  24.                
  25.             </div>
  26.         </div>
  27.         <!-- //////////////////// NOTCE FOLDER CARD //////////////////// -->    
  28.    
  29.    <!-- //////////////////// FOLDER CARD //////////////////// -->
  30.         <div class="col-lg-3 d-flex">
  31.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  32.            
  33.                 <!-- //////////////////// IMAGE //////////////////// -->
  34.                 <div class="card p-1 m-2">
  35.                     <div style="
  36.                    background: url(https://f2.toyhou.se/file/f2-toyhou-se/images/84911640_MtYBGduvV94WLz4.png)
  37.                       center no-repeat;
  38.                    background-size: cover;
  39.                    min-height: 130px;"></div>
  40.                 </div>
  41.                
  42.                 <!-- //////////////////// FOLDER NAME - change 'fa-star' into any of the icons available on https://fontawesome.com/  //////////////////// -->
  43.                 <p class="mb-1 mx-2" style="font-size: 1rem;">
  44.                     NORMAL CHARACTERS
  45.                 </p>
  46.                
  47.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  48.                 <i class="mb-2" style="font-size: 0.8rem;">
  49.                
  50.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;">Standalone characters! May belong to a miscellaneous world.</p>
  51.  
  52.                 <!-- //////////////////// BADGES  //////////////////// -->
  53.                 <div class="mb-2 mx-2 row justify-content-center">
  54.                    
  55.                 </div>
  56.                 <!-- //////////////////// END BADGES //////////////////// -->
  57.                
  58.                 <!-- //////////////////// FOLDER LINK  //////////////////// -->
  59.                 <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>
  60.                
  61.             </div>
  62.         </div>
  63.         <!-- //////////////////// END FOLDER CARD //////////////////// -->
  64.        
  65.        
  66.          
  67.    
  68.    
  69.         <!-- //////////////////// FOLDER CARD //////////////////// -->
  70.         <div class="col-lg-3 d-flex">
  71.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  72.            
  73.                 <!-- //////////////////// IMAGE  //////////////////// -->
  74.                 <div class="card p-1 m-2">
  75.                     <div style="
  76.                    background: url(https://f2.toyhou.se/file/f2-toyhou-se/images/71567149_JK06fqnaG7uoGK2.png)
  77.                        center no-repeat;
  78.                    background-size: cover;
  79.                    min-height: 130px;"></div>
  80.                 </div>
  81.                
  82.                 <!-- //////////////////// FOLDER NAME //////////////////// -->
  83.                 <p class="mb-1 mx-2" style="font-size: 1rem;">
  84.                     STAINED FEATHERS
  85.                 </p>
  86.                
  87.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  88.                 <i class="mb-2 mx-3" style="font-size: 0.8rem;">
  89.              
  90.                  
  91.                 </i>
  92.               <p class="mb-2 mx-3" style="font-size: 0.8rem;">Story of a spy and a criminal falling in love!</p>
  93.  
  94.                
  95.                 <!-- //////////////////// BADGES //////////////////// -->
  96.                 <div class="mb-2 mx-2 row justify-content-center">
  97.                
  98.  
  99.                 </div>
  100.                 <!-- //////////////////// END BADGES //////////////////// -->
  101.                
  102.                 <!-- /////////// FOLDER LINK ///////// -->
  103.                 <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>
  104.                
  105.             </div>
  106.         </div>
  107.         <!-- //////////////////// END FOLDER CARD //////////////////// -->
  108.        
  109.    
  110.           <!-- //////////////////// FOLDER CARD //////////////////// -->
  111.         <div class="col-lg-3 d-flex">
  112.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  113.            
  114.                 <!-- //////////////////// IMAGE  //////////////////// -->
  115.                 <div class="card p-1 m-2">
  116.                     <div style="
  117.                    background: url(https://f2.toyhou.se/file/f2-toyhou-se/images/32686246_VdtXSST51ycszYz.png)
  118.                        top no-repeat;
  119.                    background-size: cover;
  120.                    min-height: 130px;"></div>
  121.                 </div>
  122.                
  123.                 <!-- //////////////////// FOLDER NAME  -->
  124.                 <p class="mb-1 mx-2" style="font-size: 1rem;">
  125.                     FIRE CHARADE
  126.                 </p>
  127.                
  128.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  129.                 <i class="mb-2" style="font-size: 0.8rem;">
  130.                
  131.                 </i>
  132.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;">The shenanigans of demons, exorcists, and unlucky humans.</p>
  133.  
  134.                
  135.                 <!-- //////////////////// BADGES  //////////////////// -->
  136.                 <div class="mb-2 mx-2 row justify-content-center">
  137.                    
  138.                 </div>
  139.                 <!-- //////////////////// END BADGES //////////////////// -->
  140.                
  141.                 <!-- //////////////////// FOLDER LINK //////////////////// -->
  142.                 <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>
  143.                
  144.             </div>
  145.         </div>
  146.         <!-- //////////////////// END FOLDER CARD //////////////////// -->
  147.        
  148.  
  149.      
  150.                
  151.    
  152.          
  153.         <!-- //////////////////// FOLDER CARD //////////////////// -->
  154.         <div class="col-lg-3 d-flex">
  155.             <div class="m-2 card bg-faded text-center p-0 flex-fill">
  156.            
  157.                 <!-- //////////////////// IMAGE  //////////////////// -->
  158.                 <div class="card p-1 m-2">
  159.                     <div style="
  160.                    background: url(https://i.pinimg.com/564x/c7/22/f5/c722f5dcc3c9ca7cbefd9445d26cbe31.jpg)
  161.                        center no-repeat;
  162.                    background-size: cover;
  163.                    min-height: 130px;"></div>
  164.                 </div>
  165.                
  166.                 <!-- //////////////////// FOLDER NAME   //////////////////// -->
  167.                 <p class="mb-1 mx-2" style="font-size: 1rem;">
  168.                     OTA
  169.                 </p>
  170.                
  171.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  172.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;">Adopts & characters up for offers! </p>
  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:4085969" 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://i.pinimg.com/564x/49/c7/42/49c7425bac8c4767519cd839e8448cad.jpg)
  195.                        center 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.                     MISC
  203.                 </p>
  204.                
  205.                 <!-- //////////////////// GENRE / SUBTITLE //////////////////// -->
  206.                 <p class="mb-2 mx-3" style="font-size: 0.8rem;">Miscellaneous non-OC profiles!</p>
  207.                
  208.                 <!-- //////////////////// BADGES                 //////////////////// -->
  209.                 <div class="mb-2 mx-2 row justify-content-center">
  210.                 </div>
  211.                 <!-- //////////////////// END BADGES //////////////////// -->
  212.                
  213.                 <!-- //////////////////// FOLDER LINK  //////////////////// -->
  214.                 <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>
  215.                
  216.             </div>
  217.         </div>
  218.         <!-- //////////////////// END FOLDER CARD //////////////////// -->        
  219.        
  220.        
  221.         <!-- //////////////////// add more folder cards ABOVE this line! //////////////////// -->
  222.     </div>
  223.    
  224.     <!-- //////////////////// CREDITS - feel free to move it but please don't remove it! <3 //////////////////// -->
  225.     <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>
  226. </div>
  227. <!-- //////////////////// END WHOLE THING //////////////////// -->
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!