API tools faq
paste
Advertisement
CrispinAsheYA

Oblivion (Bootstrap)

CrispinAsheYA
Nov 14th, 2023 (edited)
867
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.24 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/17098747.03-terms-of-service --
  2.  
  3. Version: 1.0
  4.  
  5. Default Colours
  6. -Border Black: #000000
  7.  
  8. 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.)
  9.  
  10. Thank you for reading!
  11. Crispin
  12.  
  13. -->
  14.  
  15. <!---------- START 1ST BOX ----------->
  16. <div class="col-12 bg-faded p-0 rounded-0" style="border:#000000 8px solid;">
  17.   <div class="row no-gutters">
  18.    
  19.     <!---------- START TEXT SIDE ----------->
  20.     <div class="col-12 col-lg-8 p-3">
  21.       <h1 class="display-3 text-primary text-uppercase text-center"><i class="fas fa-roller-coaster"></i><b> NAME </b><i class="fas fa-roller-coaster fa-flip-horizontal"></i></h1>
  22.       <h2 class="text-uppercase text-center">[INFO] | [INFO]</h2>
  23.      
  24.       <!---------- START MAIN SECTION ----------->
  25.       <div class="bg-dark text-white m-3 p-4">
  26.         <p>[INTRODUCTIONTEXT]</p>
  27.        
  28.         <hr style="flex-grow:1;">
  29.        
  30.         <!---------- START ENGAGE & BUTTONS ----------->
  31.         <div class="row">
  32.          
  33.           <!---------- START BUTTONS SETUP ----------->
  34.           <div class="col-12 col-lg-6">
  35.             <h1 class="text-primary text-uppercase text-center">Links</h1>
  36.             <div class="col-12 row no-gutters mb-2 pb-3 p-0 text-center">
  37.               <div class="col-12">
  38.                
  39.                 <!---------- START BUTTONS ----------->
  40.                 <div class="btn btn-primary btn-block m-2 border-0 rounded-0"><a class="text-white" href="[BUTTONLINK]">[BUTTONTEXT]</a></div>
  41.                 <div class="btn btn-primary btn-block m-2 border-0 rounded-0"><a class="text-white" href="[BUTTONLINK]">[BUTTONTEXT]</a></div>
  42.                 <div class="btn btn-primary btn-block m-2 border-0 rounded-0"><a class="text-white" href="[BUTTONLINK]">[BUTTONTEXT]</a></div>
  43.                 <!---------- END BUTTONS ----------->
  44.                
  45.               </div>
  46.             </div>
  47.           </div>
  48.           <!---------- END BUTTONS SETUP ----------->
  49.          
  50.           <!---------- START ENGAGE ----------->
  51.           <div class="col-12 col-lg-6">
  52.             <h1 class="text-primary text-uppercase text-center">Engage</h1>
  53.             <div class="col-12 row mb-2 pb-3 p-0 text-center text-white">
  54.               <div class="col-12">
  55.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  56.                   <p class="mr-2" style="flex-grow:0;">[ENGAGETEXT]</p><hr style="flex-grow:1;"><a href="[ENGAGELINK]"><span class="ml-2">[ENGAGESTATUS]</span></a>
  57.                 </div>
  58.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  59.                   <p class="mr-2" style="flex-grow:0;">[ENGAGETEXT]</p><hr style="flex-grow:1;"><a href="[ENGAGELINK]"><span class="ml-2">[ENGAGESTATUS]</span></a>
  60.                 </div>
  61.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  62.                   <p class="mr-2" style="flex-grow:0;">[ENGAGETEXT]</p><hr style="flex-grow:1;"><a href="[ENGAGELINK]"><span class="ml-2">[ENGAGESTATUS]</span></a>
  63.                 </div>
  64.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  65.                   <p class="mr-2" style="flex-grow:0;">[ENGAGETEXT]</p><hr style="flex-grow:1;"><a href="[ENGAGELINK]"><span class="ml-2">[ENGAGESTATUS]</span></a>
  66.                 </div>
  67.               </div>
  68.             </div>
  69.           </div>
  70.           <!---------- END ENGAGE ----------->
  71.          
  72.         </div>
  73.         <!---------- END ENGAGE & BUTTONS ----------->
  74.        
  75.       </div>
  76.       <!---------- END MAIN SECTION ----------->
  77.      
  78.     </div>
  79.     <!---------- END TEXT SIDE ----------->
  80.    
  81.     <!---------- START IMAGE SIDE ----------->
  82.     <div class="col-12 col-lg-4">
  83.       <img src="[IMGTOPBOX]">
  84.     </div>
  85.     <!---------- END IMAGE SIDE ----------->
  86.    
  87.   </div>
  88. </div>
  89. <!---------- END 1ST BOX ----------->
  90.  
  91. <!---------- START SOCIAL MEDIA ----------->
  92. <div class="col-12 bg-faded p-3 my-3 rounded-0 text-center" style="letter-spacing:1.5rem; border:#000000 8px solid;">
  93.   <a class="display-3" href="[LINKSOCIALMEDIA]"><i class="fab fa-discord"></i></a>
  94.   <a class="display-3" href="[LINKSOCIALMEDIA]"><i class="fab fa-discord"></i></a>
  95.   <a class="display-3" href="[LINKSOCIALMEDIA]"><i class="fab fa-discord"></i></a>
  96. </div>
  97. <!---------- END SOCIAL MEDIA ----------->
  98.  
  99. <!---------- START BUTTONS ----------->
  100. <ul class="nav nav-tabs bg-primary card-header-tabs text-center row rounded-0 p-0 m-0" style="border:#000000 8px solid;">
  101.   <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link bg-primary btn-primary text-white px-0" data-toggle="tab" href="#one">About</a></li>
  102.   <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link bg-primary btn-primary text-white px-0" data-toggle="tab" href="#two">Projects</a></li>
  103.   <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link bg-primary btn-primary text-white px-0" data-toggle="tab" href="#three">News / Changelog</a></li>
  104.   <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link bg-primary btn-primary text-white px-0" data-toggle="tab" href="#four">Notices & DNI</a></li>
  105.  <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link bg-primary btn-primary text-white px-0" data-toggle="tab" href="#five">To Do List</a></li>
  106.  <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link bg-primary btn-primary text-white px-0" data-toggle="tab" href="#six">Fandoms</a></li>
  107. </ul>
  108. <!---------- END BUTTONS ----------->
  109.  
  110. <!---------- START TAB SETUP ----------->
  111. <div class="col-12 bg-faded p-3 my-3 rounded-0 text-center" style="overflow:auto; height:800px; border:#000000 8px solid;">
  112.   <div class="tab-content">
  113.    
  114.     <!---------- START ABOUT TAB ----------->
  115.     <div class="tab-pane active show" id="one">
  116.      
  117.       <!------ START FLAGS ----->
  118.       <div class="row no-gutters m-2 p-0 justify-content-center">
  119.        
  120.         <div data-toggle="tooltip" title="English" class="border-0 rounded-0 d-inline-block" style="background:#FFFFFF; line-height:60px; width:80px;"><div class="d-block" style="font-size:0px; background:#CE1124; clip-path:polygon(0 40%,42% 40%,42% 0,58% 0,58% 40%,100% 40%,100% 60%,58% 60%,58% 100%,42% 100%,42% 60%,0 60%);">English</div></div>
  121.        
  122.         <div data-toggle="tooltip" title="Gay" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#23918B,#23918B 20%,#5AC6D3 20%,#5AC6D3 40%,#CFEDF8 40%,#CFEDF8 60%,#71B4DA 60%,#71B4DA 80%,#1E5D89 80%); line-height:60px; width:80px; font-size:0px;">Gay</div>
  123.        
  124.       </div>
  125.       <!------ END FLAGS ----->
  126.      
  127.       <!------ START INTRODUCTION ----->
  128.       <h1 class="display-5 text-primary text-uppercase text-center pt-3"><b>INTRODUCTION</b></h1><hr class="mt-1 mb-2">
  129.       <p>[TEXTINTRODUCTION]</p>
  130.       <!------ START INTRODUCTION ----->
  131.      
  132.       <a href="https://info.flagcounter.com/XMS2"><img src="https://s01.flagcounter.com/countxl/XMS2/bg_000000/txt_E85324/border_E85324/columns_8/maxflags_100/viewers_0/labels_0/pageviews_1/flags_1/percent_0/" alt="Flag Counter" border="0"></a>
  133.      
  134.     </div>
  135.     <!---------- END ABOUT TAB ----------->
  136.    
  137.     <!---------- START PROJECTS TAB ----------->
  138.     <div class="tab-pane fade" id="two">
  139.      
  140.       <!------ START COMPLETED ----->
  141.       <h1 class="display-5 text-primary text-uppercase text-center pt-3"><b>AVALIABLE</b></h1><hr class="mt-1 mb-2">
  142.       <div class="row no-gutters p-3 justify-content-around text-center">
  143.        
  144.         <div class="card bg-transparent m-3 rounded-0" style="width:190px; margin-left:auto; margin-right:auto;">
  145.           <a href="[LINKPROJECT]"><img src="[IMGPROJECT]" style="width:190px; height:250px;"></a>
  146.           <a class="text-white" href="[LINKPROJECT]"><div class="btn-primary btn-block p-2 border-0 rounded-0"><p>【 [PROJECTNAME] 】</p></div></a>
  147.           <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[PROJECTBONUSINFO]</a></div>
  148.         </div>
  149.        
  150.         <div class="card bg-transparent m-3 rounded-0" style="width:190px; margin-left:auto; margin-right:auto;">
  151.           <a href="[LINKPROJECT]"><img src="[IMGPROJECT]" style="width:190px; height:250px;"></a>
  152.           <a class="text-white" href="[LINKPROJECT]"><div class="btn-primary btn-block p-2 border-0 rounded-0"><p>【 [PROJECTNAME] 】</p></div></a>
  153.           <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[PROJECTBONUSINFO]</a></div>
  154.         </div>
  155.        
  156.         <div class="card bg-transparent m-3 rounded-0" style="width:190px; margin-left:auto; margin-right:auto;">
  157.           <a href="[LINKPROJECT]"><img src="[IMGPROJECT]" style="width:190px; height:250px;"></a>
  158.           <a class="text-white" href="[LINKPROJECT]"><div class="btn-primary btn-block p-2 border-0 rounded-0"><p>【 [PROJECTNAME] 】</p></div></a>
  159.           <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[PROJECTBONUSINFO]</a></div>
  160.         </div>
  161.        
  162.       </div>
  163.       <!------ END COMPLETED ----->
  164.      
  165.       <!------ START WIPs ----->
  166.       <h1 class="display-5 text-primary text-uppercase text-center pt-3"><b>UPCOMING</b></h1><hr class="mt-1 mb-2">
  167.       <div class="row no-gutters p-3 justify-content-around text-center">
  168.        
  169.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  170.           <a data-toggle="tooltip" href="[LINKPROJECT]"><img src="[IMGPROJECT]" class="card rounded-0" style="width:190px; height:250px;"><i class="fas fa-leaf-oak p-5 text-white" style="font-size:6rem; position:absolute; left:0px; bottom:100px;"></i></a>
  171.           <a class="text-white" href="[LINKPROJECT]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [PROJECTNAME] 】</div></a>
  172.           <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[PROJECTBONUSINFO]</a></div>
  173.         </div>
  174.        
  175.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  176.           <a data-toggle="tooltip" href="[LINKPROJECT]"><img src="[IMGPROJECT]" class="card rounded-0" style="width:190px; height:250px;"><i class="fas fa-leaf-oak p-5 text-white" style="font-size:6rem; position:absolute; left:0px; bottom:100px;"></i></a>
  177.           <a class="text-white" href="[LINKPROJECT]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [PROJECTNAME] 】</div></a>
  178.           <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[PROJECTBONUSINFO]</a></div>
  179.         </div>
  180.        
  181.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  182.           <a data-toggle="tooltip" href="[LINKPROJECT]"><img src="[IMGPROJECT]" class="card rounded-0" style="width:190px; height:250px;"><i class="fas fa-leaf-oak p-5 text-white" style="font-size:6rem; position:absolute; left:0px; bottom:100px;"></i></a>
  183.           <a class="text-white" href="[LINKPROJECT]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [PROJECTNAME] 】</div></a>
  184.           <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[PROJECTBONUSINFO]</a></div>
  185.         </div>
  186.        
  187.       </div>
  188.       <!------ END WIPs ----->
  189.      
  190.     </div>
  191.     <!---------- END PROJECTS TAB ----------->
  192.    
  193.     <!---------- START NEWS & CHANGELOG ----------->
  194.     <div class="tab-pane fade text-left" id="three">
  195.      
  196.       <!------ START NEWS ------>
  197.       <h1 class="text-primary" style="font-family:times new roman, times; font-size:60px;"><u>[NEWSTITLE]</u></h1>
  198.       <p>[NEWSDATE]</p>
  199.       <h2 style="font-size:36px;">[NEWSSUBTITLE]</h2>
  200.       <p><u>[NEWSBYLINE]</u></p>
  201.       <p>[NEWSBODY]</p>
  202.       <p>-</p>
  203.       <p>[NEWSBODY]</p>
  204.       <p>-<br>-</p>
  205.       <!------ END BULLETIN ------>
  206.      
  207.       <!------ START CHANGELOG ------>
  208.       <h1 class="text-primary" style="font-family:times new roman, times; font-size:60px;"><u>[CHANGELOGTITLE]</u></h1>
  209.       <p>[CHANGELOGDATE]</p>
  210.       <ul>
  211.         <li>[PROFILEUPDATE]</li>
  212.         <li>[PROFILEUPDATE]</li>
  213.         <li>[PROFILEUPDATE]</li>
  214.       </ul>
  215.       <!------ END CHANGELOG ------>
  216.    
  217.     </div>
  218.     <!---------- END NEWS & CHANGELOG ----------->
  219.    
  220.     <!---------- START NOTICES & DNI TAB ----------->
  221.     <div class="tab-pane fade" id="four">
  222.      
  223.       <div class="col-12 row no-gutters mb-2 pb-3 p-0 text-center">
  224.         <div class="col-12 col-lg-6">
  225.           <h1 class="display-5 text-warning text-uppercase text-center pt-3"><b><i class="fas fa-warning"></i> NOTICES <i class="fas fa-warning"></i></b></h1><hr class="mt-1 mb-2">
  226.           <ul>
  227.             <li>[NOTICE]</li>
  228.           </ul>
  229.         </div>
  230.         <div class="col-12 col-lg-6">
  231.           <h1 class="display-5 text-danger text-uppercase text-center pt-3"><b><i class="far fa-times-circle"></i> DO NOT INTERACT <i class="far fa-times-circle"></i></b></h1><hr class="mt-1 mb-2">
  232.           <ul>
  233.             <li>[DNI]</li>
  234.           </ul>
  235.         </div>
  236.       </div>
  237.      
  238.     </div>
  239.     <!---------- END NOTICES & DNI TAB ----------->
  240.    
  241.     <!---------- START TO DO LIST TAB ----------->
  242.     <div class="tab-pane fade" id="five">
  243.       <h1 class="display-5 text-primary text-uppercase text-center pt-3"><b>UPCOMING</b></h1><hr class="mt-1 mb-2">
  244.      
  245.       <div class="my-4 p-0">
  246.         <p>[USERNAME] - [DATEADDED] - [COMMISSIONDESCRIPTION]</p>
  247.         <div class="progress bg-dark rounded-0" style="border:#000000 4px solid;">
  248.           <div class="progress-bar bg-primary text-white border-0 rounded-0" style="width:80%;">80%<br></div>
  249.         </div>
  250.       </div>
  251.      
  252.       <div class="my-4 p-0">
  253.         <p>[USERNAME] - [DATEADDED] - [COMMISSIONDESCRIPTION]</p>
  254.         <div class="progress bg-dark rounded-0" style="border:#000000 4px solid;">
  255.           <div class="progress-bar bg-primary text-white border-0 rounded-0" style="width:80%;">80%<br></div>
  256.         </div>
  257.       </div>
  258.      
  259.       <div class="my-4 p-0">
  260.         <p>[USERNAME] - [DATEADDED] - [COMMISSIONDESCRIPTION]</p>
  261.         <div class="progress bg-dark rounded-0" style="border:#000000 4px solid;">
  262.           <div class="progress-bar bg-primary text-white border-0 rounded-0" style="width:80%;">80%<br></div>
  263.         </div>
  264.       </div>
  265.      
  266.     </div>
  267.     <!---------- END TO DO LIST TAB ----------->
  268.    
  269.     <!---------- START FANDOMS TAB ----------->
  270.     <div class="tab-pane fade" id="six">
  271.      
  272.       <h1 class="display-5 text-primary text-uppercase text-center pt-3"><b>MAIN FANDOMS</b></h1><hr class="mt-1 mb-2">
  273.       <div class="row no-gutters p-3 justify-content-around text-center">
  274.      
  275.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  276.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  277.           <a class="text-white" href="[LINKFANDOM]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [FANDOMNAME] 】</div></a>
  278.         </div>
  279.        
  280.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  281.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  282.           <a class="text-white" href="[LINKFANDOM]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [FANDOMNAME] 】</div></a>
  283.         </div>
  284.        
  285.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  286.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  287.           <a class="text-white" href="[LINKFANDOM]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [FANDOMNAME] 】</div></a>
  288.         </div>
  289.        
  290.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  291.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  292.           <a class="text-white" href="[LINKFANDOM]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [FANDOMNAME] 】</div></a>
  293.         </div>
  294.       </div>
  295.       <hr style="flex-grow:1;">
  296.      
  297.       <h1 class="display-5 text-primary text-uppercase text-center pt-3"><b>OLDER FANDOMS</b></h1><hr class="mt-1 mb-2">
  298.       <div class="row no-gutters p-3 justify-content-around text-center">
  299.        
  300.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  301.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  302.           <a class="text-white" href="[LINKFANDOM]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [FANDOMNAME] 】</div></a>
  303.           <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[FANDOMBONUSTEXT]</a></div>
  304.         </div>
  305.        
  306.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  307.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  308.           <a class="text-white" href="[LINKFANDOM]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [FANDOMNAME] 】</div></a>
  309.           <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[FANDOMBONUSTEXT]</a></div>
  310.         </div>
  311.        
  312.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  313.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  314.           <a class="text-white" href="[LINKFANDOM]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [FANDOMNAME] 】</div></a>
  315.           <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[FANDOMBONUSTEXT]</a></div>
  316.         </div>
  317.        
  318.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  319.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  320.           <a class="text-white" href="[LINKFANDOM]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [FANDOMNAME] 】</div></a>
  321.           <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[FANDOMBONUSTEXT]</a></div>
  322.         </div>
  323.       </div>
  324.    
  325.     </div>
  326.     <!---------- END FANDOMS TAB ----------->
  327.    
  328.   </div>
  329. </div>
  330. <!---------- END TAB SETUP ----------->
  331.  
  332. <!---------- START CHARACTERS SET UP ----------->
  333. <div class="col-12 bg-faded p-0 rounded-0" style="border:#000000 8px solid;">
  334.   <h1 class="display-3 text-primary text-uppercase text-center pt-3"><i class="fas fa-roller-coaster"></i><b>FEATURED CHARACTERS</b><i class="fas fa-roller-coaster fa-flip-horizontal"></i></h1>
  335.   <div class="row no-gutters p-3 justify-content-around text-center">
  336.    
  337.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  338.       <a data-toggle="tooltip" href="[LINKCHARACTER]"><img src="[IMGCHARACTER]"></a>
  339.       <a class="text-white" href="[LINKCHARACTER]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [CHARACTERNAME] 】</div></a>
  340.       <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[CHARACTERBONUSTEXT]</a></div>
  341.     </div>
  342.    
  343.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  344.       <a data-toggle="tooltip" href="[LINKCHARACTER]"><img src="[IMGCHARACTER]"></a>
  345.       <a class="text-white" href="[LINKCHARACTER]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [CHARACTERNAME] 】</div></a>
  346.       <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[CHARACTERBONUSTEXT]</a></div>
  347.     </div>
  348.    
  349.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  350.       <a data-toggle="tooltip" href="[LINKCHARACTER]"><img src="[IMGCHARACTER]"></a>
  351.       <a class="text-white" href="[LINKCHARACTER]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [CHARACTERNAME] 】</div></a>
  352.       <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[CHARACTERBONUSTEXT]</a></div>
  353.     </div>
  354.    
  355.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  356.       <a data-toggle="tooltip" href="[LINKCHARACTER]"><img src="[IMGCHARACTER]"></a>
  357.       <a class="text-white" href="[LINKCHARACTER]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [CHARACTERNAME] 】</div></a>
  358.       <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[CHARACTERBONUSTEXT]</a></div>
  359.     </div>
  360.    
  361.   </div>
  362. </div>
  363. <!---------- END CHARACTERS SET UP ----------->
  364.  
  365. <!---------- START BUDDIES SET UP ----------->
  366. <div class="col-12 bg-faded my-3 p-0 rounded-0" style="border:#000000 8px solid;">
  367.   <h1 class="display-3 text-primary text-uppercase text-center pt-3"><i class="fas fa-roller-coaster"></i><b>BUDDY LIST</b><i class="fas fa-roller-coaster fa-flip-horizontal"></i></h1>
  368.   <div class="row no-gutters p-3 justify-content-around text-center">
  369.    
  370.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  371.       <a data-toggle="tooltip" href="[LINKBUDDY]"><img src="[IMGBUDDY]"></a>
  372.       <a class="text-white" href="[LINKBUDDY]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [BUDDYNAME] 】</div></a>
  373.       <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[BUDDYBONUSTEXT]</a></div>
  374.     </div>
  375.    
  376.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  377.       <a data-toggle="tooltip" href="[LINKBUDDY]"><img src="[IMGBUDDY]"></a>
  378.       <a class="text-white" href="[LINKBUDDY]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [BUDDYNAME] 】</div></a>
  379.       <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[BUDDYBONUSTEXT]</a></div>
  380.     </div>
  381.    
  382.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  383.       <a data-toggle="tooltip" href="[LINKBUDDY]"><img src="[IMGBUDDY]"></a>
  384.       <a class="text-white" href="[LINKBUDDY]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [BUDDYNAME] 】</div></a>
  385.       <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[BUDDYBONUSTEXT]</a></div>
  386.     </div>
  387.    
  388.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  389.       <a data-toggle="tooltip" href="[LINKBUDDY]"><img src="[IMGBUDDY]"></a>
  390.       <a class="text-white" href="[LINKBUDDY]"><div class="btn-primary btn-block p-2 border-0 rounded-0">【 [BUDDYNAME] 】</div></a>
  391.       <div class="bg-dark p-2 border-0 rounded-0"><a class="text-white">[BUDDYBONUSTEXT]</a></div>
  392.     </div>
  393.    
  394.   </div>
  395. </div>
  396. <!---------- END BUDDIES SET UP ----------->
  397.  
  398. <!---------- START CREDIT BOX ----------->
  399. <div class="col-12 bg-faded p-3 my-3 rounded-0 text-center" style="letter-spacing:1.5rem; border:#000000 8px solid;">
  400.   <a class="display-3" href="https://toyhou.se/16962387.html-pride-flags" data-toggle="tooltip" title="Pride Flags Frankensteined From: VynxCodes"><i class="fas fa-roller-coaster"></i></a>
  401.   <a class="display-3" href="https://toyhou.se/24366277.oblivion" data-toggle="tooltip" title="Code By: TomcatCodes / CrispinAsheYA"><i class="fas fa-arrow-down"></i></a>
  402.   <a class="display-3" href="[IMGTOPBOX]" data-toggle="tooltip" title="Image Source"><i class="fas fa-arrow-down"></i></a>
  403.   <a class="display-3" href="https://toyhou.se/22445130.html-flags-of-the-world-wip" data-toggle="tooltip" title="Country Flags Frankensteined From: WishUponACzar"><i class="fas fa-roller-coaster"></i></a>
  404. </div>
  405. <!---------- END CREDIT BOX ----------->
  406.  
  407. <!--
  408. [IMGTOPBOX] | [INFO] | [INTRODUCTIONTEXT]
  409. [BUTTONLINK] | [BUTTONTEXT] | [ENGAGETEXT] | [ENGAGESTATUS]
  410. [LINKSOCIALMEDIA]
  411. [TEXTINTRODUCTION]
  412. [LINKPROJECT] | [IMGPROJECT] | [PROJECTNAME] | [PROJECTBONUSINFO]
  413. [NEWSTITLE] | [NEWSDATE] | [NEWSSUBTITLE] | [NEWSBYLINE] | [NEWSBODY]
  414. [CHANGELOGTITLE] | [CHANGELOGDATE] | [PROFILEUPDATE]
  415. [NOTICE] | [DNI]
  416. [USERNAME] | [DATEADDED] | [COMMISSIONDESCRIPTION]
  417. [LINKFANDOM] | [IMGFANDOM] | [FANDOMNAME] | [FANDOMBONUSTEXT]
  418. [LINKCHARACTER] | [IMGCHARACTER] | [CHARACTERNAME]
  419. [LINKBUDDY] | [IMGBUDDY] | [BUDDYNAME]
  420. -->
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!