API tools faq
paste
Advertisement
CrispinAsheYA

Windows XP (Bootstrap)

CrispinAsheYA
Apr 17th, 2023 (edited)
761
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.05 KB | Source Code | 0 0
raw download clone embed print report
  1. <!-- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17036656.-06-code-rules --
  2.  
  3. Version: 2.0
  4.  
  5. Default Colours
  6. -Important White: #FFFFFF
  7. -Important Black: #000000
  8. -Default Font: 'comic sans ms'
  9. -Default Font-Awesome: fas fa-star
  10.  
  11. Scroll To The Bottom for every single "Find & Replace" Variable! (Feel free to move to the top when you turn this into a personal template, I just keep it at the bottom for organisation.)
  12.  
  13. Thank you for reading!
  14. Crispin
  15.  
  16. -->
  17.  
  18. <!------------------------------- START ACTUAL CODE -------------------------------->
  19. <div class="col-10 p-0 mx-auto border-0 rounded-0" style="font-size:1rem; font-family:'comic sans ms';">
  20.  
  21.   <!------------------------------- START HEADER -------------------------------->
  22.   <div id="CloseThis" class="collapse show card bg-light rounded-0" style="border-width:1px;">
  23.    
  24.     <div class="col-lg-12 bg-primary p-2 border-0 rounded-0" style="position:relative;">
  25.      
  26.       <!-- Start Faves Star -->
  27.       <a href="https://toyhou.se/13860369.windows-xp-directory">
  28.       <img src="https://images-ext-1.discordapp.net/external/fHASVcBjQ0HzGjmm5HSfelwAMPx9tty3AaKQBdINIJA/%3Fu%3Dhttp%253A%252F%252Ficons.iconarchive.com%252Ficons%252Froyalflushxx%252Fsystematrix%252F256%252FFavorites-icon.png%26f%3D1%26nofb%3D1/https/external-content.duckduckgo.com/iu/" class="tooltipster" width="25" height="25" data-placement="bottom" title="Code By: TomcatCodes / CrispinAsheYA"></a>
  29.       <!-- End Faves Star -->
  30.      
  31.       <!-- Start Minimise/Minus Square -->
  32.       <span class="btn-primary pull-right" style="position:absolute; top:7px; right:65px;"><a href="[LINKSECRET]" data-toggle="tooltip" title="Secret Link!">
  33.         <i class="fas fa-minus p-1 justify-content-center rounded-0 text-white" style="width:25px; height:25px; border:#FFFFFF 1px solid; "></i>
  34.       </a></span>
  35.       <!-- End Minimise/Minus Square -->
  36.      
  37.       <!-- Start Maximise/Squares Square -->
  38.       <span class="btn-primary pull-right" style="position:absolute; top:7px; right:35px;"><a href="[LINKSECRET]" data-toggle="tooltip" title="Secret Link!">
  39.         <i class="far fa-window-maximize p-1 justify-content-center rounded-0 text-white" style="width:25px; height:25px; border:#FFFFFF 1px solid;"></i>
  40.       </a></span>
  41.       <!-- End Maximise/Squares Square -->
  42.      
  43.       <!-- Start Close/X Square -->
  44.       <span class="btn-danger pull-right" style="position:absolute; top:7px; right:5px;">
  45.         <a href="#CloseThis" data-toggle="collapse">
  46.         <i class="fas fa-times p-1 justify-content-center rounded-0 text-white" style="width:25px; height:25px; border:#FFFFFF 1px solid;"></i>
  47.       </span>
  48.       <!-- Start Close/X Square -->
  49.      
  50.     </div> <!--- END HEADER --->
  51.     <!------------------------------- END HEADER -------------------------------->
  52.    
  53.     <div class="col-12 card bg-secondary p-0 m-0 rounded-0" style="border-width:4px; border-bottom-width:none;">
  54.       <div class="col-12 row no-gutters p-0 m-0 rounded-0">
  55.    
  56.         <!------------------------------- START LEFT & RIGHT BUTTONS -------------------------------->
  57.         <div class="col-12 col-lg-6 card bg-secondary p-0 m-0 rounded-0" style="border-width:4px;">
  58.          
  59.           <div class="card bg-secondary p-0 m-0 rounded-0" style="border-bottom-width:8px;">
  60.             <a class="btn btn-block bg-primary text-white border-0 rounded-0" href="[LINKBUTTON]">[TEXTBUTTON]</a>
  61.           </div>
  62.          
  63.           <div class="card bg-secondary p-0 m-0 rounded-0" style="border-bottom-width:8px;">
  64.             <a class="btn btn-block bg-primary text-white border-0 rounded-0" href="[LINKBUTTON]">[TEXTBUTTON]</a>
  65.           </div>
  66.          
  67.           <div class="card bg-secondary p-0 m-0 rounded-0" style="border-bottom-width:none;">
  68.             <a class="btn btn-block bg-primary text-white border-0 rounded-0" href="[LINKBUTTON]">[TEXTBUTTON]</a>
  69.           </div>
  70.        
  71.         </div>
  72.        
  73.         <div class="col-12 col-lg-6 card bg-secondary p-0 m-0 rounded-0" style="border-width:4px;">
  74.          
  75.           <div class="card bg-secondary p-0 m-0 rounded-0" style="border-bottom-width:8px;">
  76.             <a class="btn btn-block bg-primary text-white border-0 rounded-0" href="[LINKBUTTON]">[TEXTBUTTON]</a>
  77.           </div>
  78.          
  79.           <div class="card bg-secondary p-0 m-0 rounded-0" style="border-bottom-width:8px;">
  80.             <a class="btn btn-block bg-primary text-white border-0 rounded-0" href="[LINKBUTTON]">[TEXTBUTTON]</a>
  81.           </div>
  82.          
  83.           <div class="card bg-secondary p-0 m-0 rounded-0" style="border-bottom-width:none;">
  84.             <a class="btn btn-block bg-primary text-white border-0 rounded-0" href="[LINKBUTTON]">[TEXTBUTTON]</a>
  85.           </div>
  86.      
  87.         </div>
  88.         <!------------------------------- END LEFT & RIGHT BUTTONS -------------------------------->
  89.        
  90.         <!------------------------------- START FOLDERS -------------------------------->
  91.         <div class="col-12 bg-light row p-0 m-0 text-center" style="border:none;">
  92.          
  93.           <!------------------------------- START ROW 1 -------------------------------->
  94.          
  95.           <!----- Start Folder ------>
  96.           <div class="col-12 col-lg-3 card bg-secondary m-0 p-0 rounded-0 text-center" style="border-width:4px;">
  97.             <div class="bg-light py-2 px-3 m-0 rounded-0">
  98.               <div class="card bg-secondary m-0 p-0 rounded-0" style="border-width:4px;">
  99.                 <a class="col-12 btn btn-primary m-0 py-3 rounded-0" href="[LINKFOLDER]">
  100.                   <i class="fas fa-star text-white" style="font-size:5rem;">
  101.                 </a>
  102.               </div>
  103.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  104.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  105.             </div>
  106.           </div>
  107.           <!----- End Folder ------>
  108.          
  109.           <!----- Start Folder ------>
  110.           <div class="col-12 col-lg-3 card bg-secondary m-0 p-0 rounded-0 text-center" style="border-width:4px;">
  111.             <div class="bg-light py-2 px-3 m-0 rounded-0">
  112.               <div class="card bg-secondary m-0 p-0 rounded-0" style="border-width:4px;">
  113.                 <a class="col-12 btn btn-primary m-0 py-3 rounded-0" href="[LINKFOLDER]">
  114.                   <i class="fas fa-star text-white" style="font-size:5rem;">
  115.                 </a>
  116.               </div>
  117.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  118.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  119.             </div>
  120.           </div>
  121.           <!----- End Folder ------>
  122.          
  123.           <!----- Start Folder ------>
  124.           <div class="col-12 col-lg-3 card bg-secondary m-0 p-0 rounded-0 text-center" style="border-width:4px;">
  125.             <div class="bg-light py-2 px-3 m-0 rounded-0">
  126.               <div class="card bg-secondary m-0 p-0 rounded-0" style="border-width:4px;">
  127.                 <a class="col-12 btn btn-primary m-0 py-3 rounded-0" href="[LINKFOLDER]">
  128.                   <i class="fas fa-star text-white" style="font-size:5rem;">
  129.                 </a>
  130.               </div>
  131.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  132.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  133.             </div>
  134.           </div>
  135.           <!----- End Folder ------>
  136.          
  137.           <!----- Start Folder ------>
  138.           <div class="col-12 col-lg-3 card bg-secondary m-0 p-0 rounded-0 text-center" style="border-width:4px;">
  139.             <div class="bg-light py-2 px-3 m-0 rounded-0">
  140.               <div class="card bg-secondary m-0 p-0 rounded-0" style="border-width:4px;">
  141.                 <a class="col-12 btn btn-primary m-0 py-3 rounded-0" href="[LINKFOLDER]">
  142.                   <i class="fas fa-star text-white" style="font-size:5rem;">
  143.                 </a>
  144.               </div>
  145.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  146.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  147.             </div>
  148.           </div>
  149.           <!----- End Folder ------>
  150.          
  151.           <!------------------------------- END ROW 1 -------------------------------->
  152.          
  153.           <!------------------------------- START ROW 2 -------------------------------->
  154.            <!-- To get 2 per row (such as the above), you must write "col-lg-6" in the row below. -->
  155.            <!-- 3 per row would be col-lg-4, 4 per row is col-lg-3, etc. -->
  156.            
  157.           <!----- Start Folder ------>
  158.           <div class="col-12 col-lg-4 card bg-secondary m-0 p-0 rounded-0 text-center" style="border-width:4px;">
  159.             <div class="bg-light py-2 px-3 m-0 rounded-0">
  160.               <div class="card bg-secondary m-0 p-0 rounded-0" style="border-width:4px;">
  161.                 <a class="col-12 btn btn-primary m-0 py-3 rounded-0" href="[LINKFOLDER]">
  162.                   <i class="fas fa-star text-white" style="font-size:5rem;">
  163.                 </a>
  164.               </div>
  165.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  166.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  167.             </div>
  168.           </div>
  169.           <!----- End Folder ------>
  170.          
  171.           <!----- Start Folder ------>
  172.           <div class="col-12 col-lg-4 card bg-secondary m-0 p-0 rounded-0 text-center" style="border-width:4px;">
  173.             <div class="bg-light py-2 px-3 m-0 rounded-0">
  174.               <div class="card bg-secondary m-0 p-0 rounded-0" style="border-width:4px;">
  175.                 <a class="col-12 btn btn-primary m-0 py-3 rounded-0" href="[LINKFOLDER]">
  176.                   <i class="fas fa-star text-white" style="font-size:5rem;">
  177.                 </a>
  178.               </div>
  179.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  180.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  181.             </div>
  182.           </div>
  183.           <!----- End Folder ------>
  184.          
  185.           <!----- Start Folder ------>
  186.           <div class="col-12 col-lg-4 card bg-secondary m-0 p-0 rounded-0 text-center" style="border-width:4px;">
  187.             <div class="bg-light py-2 px-3 m-0 rounded-0">
  188.               <div class="card bg-secondary m-0 p-0 rounded-0" style="border-width:4px;">
  189.                 <a class="col-12 btn btn-primary m-0 py-3 rounded-0" href="[LINKFOLDER]">
  190.                   <i class="fas fa-star text-white" style="font-size:5rem;">
  191.                 </a>
  192.               </div>
  193.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  194.               <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  195.             </div>
  196.           </div>
  197.           <!----- End Folder ------>
  198.      
  199.           <!------------------------------- START ROW 2 -------------------------------->
  200.          
  201.         </div>
  202.         <!------------------------------- END FOLDERS -------------------------------->
  203.        
  204.       </div>
  205.      
  206.     </div>
  207.  
  208.     <!------------------------------- START BOTTOM BUTTONS -------------------------------->
  209.     <div class="col-12 card bg-secondary p-0 m-0 rounded-0" style="border-width:4px; border-top:none;">
  210.       <div class="col-12 row p-0 m-0 rounded-0">
  211.      
  212.         <div class="col-12 col-lg-6 card bg-secondary p-0 m-0 rounded-0" style="border-width:4px; border-top:none;">
  213.           <a class="btn btn-block btn-primary text-white border-0 rounded-0" href="[LINKALLCHARACTERS]">All-Characters</a>
  214.         </span></div>
  215.          
  216.         <div class="col-12 col-lg-6 card bg-secondary p-0 m-0 rounded-0" style="border-width:4px; border-top:none;">
  217.           <a class="btn btn-block bg-primary text-white border-0 rounded-0" href="[LINKUNSORTEDCHARACTERS]">Unsorted</a>
  218.         </div>
  219.      
  220.       </div>
  221.     </div>
  222.     <!------------------------------- END BOTTOM BUTTONS -------------------------------->
  223.    
  224.   </div>
  225.  
  226. </div>
  227.  
  228. <!-- To quick-sort, all links begin with [L and all editable text begins with [T -->
  229. <!--
  230. [LINKSECRET] | [TEXTSECRET]
  231. [LINKBUTTON] | [TEXTBUTTON]
  232. [LINKFOLDER] | [TEXTSERIES] | [TEXTSHORTDESC]
  233. [LINKALLCHARACTERS] | [LINKUNSORTEDCHARACTERS]
  234. -->
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!