API tools faq
paste
foleso

Miko - Custom Colors

foleso
Jun 29th, 2020
1,964
1
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 28.09 KB | None | 1 0
raw download clone embed print report
  1. <!--
  2. This theme uses custom colors. Use CNTRL+F to replace colors easier.
  3. MAIN & ACCENT: #df6f7b
  4. CARD BACKGROUND: #f3f3ea
  5. TEXT COLOR: #504e4a
  6. -->
  7.  
  8. <div class="card tab-pane px-md-5 py-md-4 border-0 p-2 px-4 container mx-auto mt-3 border-0" style="font-size: 13px; letter-spacing: .4px; background:#df6f7b url(https://f2.toyhou.se/file/f2-toyhou-se/images/23510176_hKmwHd78TJXxIw1.png); color:#504e4a; border-radius:10px">
  9.    
  10.     <div class = "row p-3" style="background:#f3f3ea; border-radius:10px">
  11.        
  12.         <div class="col-md-2 m-0 p-0">
  13.            
  14.          <!-- ===================================================
  15.         =================   LEFT COLUMN IMAGE  =================
  16.         ==================================================== -->
  17.          
  18.          <!-- For best results, use a square image (1:1 ratio) that is atleast 200x200 -->
  19.          
  20.                 <div class="text-center" ><img src = "IMG SRC" class="img-fluid img-thumbnail p-1 border mb-md-2 rounded-circle"
  21.            style = "width:200px; border:.5px solid #df6f7b" ></div>
  22.             <table class="table border-0 w-100">
  23.                
  24.                 <!-- DO NOT EDIT THIS SPECIFIC ONE. -->
  25.               <tr class="d-none">
  26.               <td class="text-truncate text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px">BLANK DO NOT EDIT.</td>
  27.                   <td class="text-right p-md-1 pr-md-3">BLANK DO NOT EDIT.</td>
  28.               </tr>
  29.              
  30.               <!--  FACT LIST -->
  31.               <!--  EDIT FROM HERE. -->
  32.               <tr class="" style="">
  33.                   <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3 " style="letter-spacing: 1px; color:#df6f7b">Name</td>
  34.                   <td class="text-right p-md-1 ">Full Name</td>
  35.               </tr>
  36.               <tr class="">
  37.                   <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px; color:#df6f7b">Age</td>
  38.                   <td class="text-right p-md-1">Age</td>
  39.               </tr>
  40.               <tr class="">
  41.                   <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px; color:#df6f7b">Species</td>
  42.                   <td class="text-right p-md-1">Species</td>
  43.               </tr>
  44.               <tr class="">
  45.                   <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px; color:#df6f7b">Gender</td>
  46.                   <td class="text-right p-md-1">Gender</td>
  47.               </tr>
  48.               <tr>
  49.                   <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px; color:#df6f7b">Status</td>
  50.                   <td class="text-right p-md-1">Status</td>
  51.               </tr>
  52.               <tr class="">
  53.                   <td class="text-truncate font-weight-bold text-uppercase p-md-1 pl-md-3" style="letter-spacing: 1px; color:#df6f7b">Theme</td>
  54.                   <td class="text-right p-md-1"><a style="color:#df6f7b" href="YOUTUBE LINK"><i class="fas fa-external-link-alt"></i></a></td>
  55.               </tr>
  56.           </table>
  57.             </div>
  58.            
  59.             <div class="col-md-6">
  60.  
  61.                         <div class="tab-content py-4 py-md-2 px-md-2" style="">
  62.                            
  63.                          <!-- ===================================================
  64.                         =================    BASIC INFO   ======================
  65.                         ==================================================== -->
  66.                          
  67.                         <div class="tab-pane fade  active show" id="ONE" >
  68.                            
  69.                            
  70.                                 <div class="d-flex text-uppercase display-3 justify-content-between" style="font-size: 22px;">
  71.                                     Basic Info <i class="fal fa-info-circle"></i>
  72.                                 </div>
  73.                        
  74.                         <hr class="" style="">
  75.                        
  76.                         <!-- ================= ADJECTIVES & QUOTES ================= -->
  77.                         <div class="mb-3 p-0" style="overflow-y: auto; height:40px">
  78.                             <i>Adjective. Adjective. Adjective.</i>
  79.                             <br>"Use this for a quote, or more! It does scroll ;)"
  80.                         </div>
  81.                        
  82.                                     <div class="rounded text-uppercase text-white" style="letter-spacing: 1px; background:#df6f7b"><i class="py-1 px-2 fas fa-bars"></i>About </div>
  83.                                    
  84.                                    
  85.                         <div class="mt-2" style="overflow-y: auto; height:196px">
  86.                            
  87.                             <!-- ================= ABOUT ================= -->
  88.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Placerat vestibulum lectus mauris ultrices eros in. Habitasse platea dictumst quisque sagittis purus sit amet. Tempus iaculis urna id volutpat lacus. Pharetra et ultrices neque ornare aenean euismod elementum nisi quis. Lacus viverra vitae congue eu. Morbi tristique senectus et netus et malesuada fames ac. Tellus elementum sagittis vitae et leo duis ut diam. Ipsum suspendisse ultrices gravida dictum fusce. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Placerat vestibulum lectus mauris ultrices eros in. Habitasse platea dictumst quisque sagittis purus sit amet.</p>
  89.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Placerat vestibulum lectus mauris ultrices eros in. Habitasse platea dictumst quisque sagittis purus sit amet. Tempus iaculis urna id volutpat lacus. Pharetra et ultrices neque ornare aenean euismod elementum nisi quis. Lacus viverra vitae congue eu. Morbi tristique senectus et netus et malesuada fames ac. Tellus elementum sagittis vitae et leo duis ut diam. Ipsum suspendisse ultrices gravida dictum fusce. </p>
  90.                         </div>
  91.                         </div>
  92.                         <!-- END OF BASIC INFO -->
  93.                        
  94.                         <!-- ===================================================
  95.                         =================    DETAILS    =======================
  96.                         ==================================================== -->
  97.                         <div class="tab-pane fade" id="TWO">
  98.                             <div class="d-flex display-3 text-uppercase justify-content-between" style="font-size: 22px;">Details <i class="fal fa-chart-bar"></i>
  99.                            
  100.                         </div>
  101.                        
  102.                        
  103.                         <hr class="" style="">
  104.                        
  105.                         <div class="p-0 m-0 w-100" style="height:280px; overflow-y:auto;">
  106.                            
  107.                         <!-- ================= TRIVIA LIST ================= -->
  108.                         <ul class="fa-ul my-2 ml-4 p-0">
  109.                               <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Needs a lot of sleep in order to function.</li>
  110.                               <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Doesn't speak to people he doesn't consider worth it.</li>
  111.                               <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Has a craving for sweets toward the end of the day.</li>
  112.                               <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Tends to overthink everything.</li>
  113.                               <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Needs a lot of sleep in order to function.</li>
  114.                               <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Doesn't speak to people he doesn't consider worth it.</li>
  115.                               <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Has a craving for sweets toward the end of the day.</li>
  116.                               <li class="my-1"><span class="fa-li"><i class="fas fa-star" style=""></i></span>Tends to overthink everything.</li>
  117.                            
  118.                             <!-- Add more above this line -->
  119.                             </ul>
  120.                        
  121.                         <div class="row no-gutters py-md-2">
  122.                            
  123.                             <!-- ================= LIKES & DISLIKES ================= -->
  124.                             <div class="col-md-6 py-2 py-md-1">
  125.                                
  126.                                 <!-- ================= LIKES ================= -->
  127.                                     <div class="text-uppercase rounded px-2 bg-faded mr-md-3 text-white" style="letter-spacing: 1px; background:#df6f7b">Likes</div>
  128.                                     <div style="overflow-y:auto;">
  129.                                 <ul class="fa-ul my-2 ml-4 " >
  130.                               <li class="my-1"><span class="fa-li"><i class="far fa-check" style=""></i></span>Joking around</li>
  131.                               <li class="my-1"><span class="fa-li"><i class="far fa-check" style=""></i></span>Wealthy people</li>
  132.                               <li class="my-1"><span class="fa-li"><i class="far fa-check" style=""></i></span>Show-offs
  133.                               </li>
  134.                               <li class="my-1 mb-0"><span class="fa-li"><i class="far fa-check" style=""></i></span>Flirts</li>
  135.                            
  136.                             <!-- Add more above this line -->
  137.                         </ul></div>
  138.                             </div>
  139.                            
  140.                             <div class="col-md-6 pt-2 pt-md-1">
  141.                                
  142.                                 <!-- ================= DISLIKES ================= -->
  143.                                     <div class="text-uppercase px-2 mr-md-3 rounded text-white" style="letter-spacing: 1px; background:#df6f7b">Dislikes</div>
  144.                                    
  145.                                     <div style="overflow-y:auto;">
  146.                                 <ul class="fa-ul my-2">
  147.                               <li class="my-1"><span class="fa-li"><i class="far fa-times" style=""></i></span>Joking around</li>
  148.                               <li class="my-1"><span class="fa-li"><i class="far fa-times" style=""></i></span>Wealthy people</li>
  149.                               <li class="my-1"><span class="fa-li"><i class="far fa-times" style=""></i></span>Show-offs
  150.                               </li>
  151.                               <li class="my-1 mb-0"><span class="fa-li"><i class="far fa-times" style=""></i></span>Flirts</li>
  152.  
  153.                            
  154.                             <!-- Add more above this line -->
  155.                         </ul></div>
  156.                        
  157.                        
  158.                             </div>
  159.                            
  160.                            
  161.                         </div>
  162.                        
  163.                         </div>
  164.                         <!-- END OF DETAILS-->
  165.                         </div>
  166.                        
  167.                         <!-- ===================================================
  168.                         =================    APPEARANCE   =====================
  169.                         ==================================================== -->
  170.                         <div class="tab-pane fade" id="THREE">
  171.                             <div class="d-flex display-3 text-uppercase justify-content-between" style="font-size: 22px;">Appearance <i class="fal fa-palette"></i>
  172.                            
  173.                             </div>
  174.                             <hr>
  175.                            
  176.                             <!-- ================= APPERANCE DETAILS ================= -->
  177.                             <div class= "p-0 m-0" style="max-height:280px; overflow-y:auto">
  178.                             <div class="row no-gutters mb-md-3">
  179.                                
  180.                                 <!-- You can change or remove these details to fit your character better -->
  181.                                     <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
  182.                                       <span class="text-truncate text-uppercase px-1 font-weight-bold" style="letter-spacing: 1px; color: #df6f7b">Hair color</span>
  183.                                       <span class="text-right">hair color</span>
  184.                                     </div>
  185.                                    
  186.                                     <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
  187.                                       <span class="text-truncate text-uppercase px-1 font-weight-bold" style=" letter-spacing: 1px; color: #df6f7b">Eye color</span>
  188.                                       <span class="text-right">eye color</span>
  189.                                     </div>
  190.                                    
  191.                                     <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
  192.                                       <span class="rounded text-truncate text-uppercase px-1 font-weight-bold" style="letter-spacing: 1px; color: #df6f7b">hair style</span>
  193.                                       <span class="text-right">height</span>
  194.                                     </div>
  195.                                    
  196.                                     <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
  197.                                       <span class="rounded text-truncate text-uppercase px-1 font-weight-bold" style="letter-spacing: 1px; color: #df6f7b">eye shape</span>
  198.                                       <span class="text-right">shape</span>
  199.                                     </div>
  200.                                    
  201.                                     <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
  202.                                       <span class="rounded text-truncate text-uppercase px-1 font-weight-bold" style=" letter-spacing: 1px; color: #df6f7b">hair length</span>
  203.                                       <span class="text-right">length</span>
  204.                                     </div>
  205.                                    
  206.                                     <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
  207.                                       <span class="rounded text-truncate text-uppercase px-1 font-weight-bold" style="letter-spacing: 1px; color: #df6f7b">build</span>
  208.                                       <span class="text-right">build</span>
  209.                                     </div>
  210.                                    
  211.                                     <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
  212.                                       <span class="rounded text-truncate text-uppercase px-1 font-weight-bold" style="letter-spacing: 1px; color: #df6f7b">body shape</span>
  213.                                       <span class="text-right">shape</span>
  214.                                     </div>
  215.                                    
  216.                                     <div class="col-md-6 d-flex justify-content-between py-1 pr-md-3">
  217.                                       <span class="rounded text-truncate text-uppercase px-1 font-weight-bold " style="letter-spacing: 1px; color: #df6f7b">clothing style</span>
  218.                                       <span class="text-right">style</span>
  219.                                     </div>
  220.                                    
  221.                                    
  222.                            
  223.                                   </div>
  224.                                  
  225.                                   <!-- ================= DESIGN NOTES ================= -->
  226.                                     <div class=" text-uppercase rounded text-white" style="letter-spacing: 1px; background:#df6f7b"><i class="py-1 px-2 fas fa-paint-brush"></i>Design Notes </div>
  227.                                    
  228.                                     <!-- ================= LIST OF DESIGN NOTES ================= -->
  229.                                     <ul class="py-2 m-0 px-4">
  230.                                          <li>Etiam ac neque et enim interdum dapibus at nec orci.
  231.                                          <li>Phasellus blandit iaculis massa vel fermentum.
  232.                                          <li>Cras quis neque et orci varius ultrices eu ultricies lectus feugiat odio tellus.
  233.                                          <li>Etiam ac neque et enim interdum dapibus at nec orci.
  234.                                          <li>Phasellus blandit iaculis massa vel fermentum.
  235.                                          <li>Cras quis neque et orci varius ultrices eu ultricies lectus feugiat odio tellus.
  236.                                          <li>Etiam ac neque et enim interdum dapibus at nec orci.
  237.                                          <li>Phasellus blandit iaculis massa vel fermentum.
  238.                                          <li>Cras quis neque et orci varius ultrices eu ultricies lectus feugiat odio tellus.
  239.                                          
  240.  
  241.                                     </ul>
  242.                         </div>
  243.                             <!--end of APPEARANCE-->
  244.                         </div>
  245.                        
  246.                         <!-- ===================================================
  247.                         =================    STORY   =====================
  248.                         ==================================================== -->
  249.                         <div class="tab-pane fade " id="FOUR">
  250.                             <div class="d-flex display-3 text-uppercase justify-content-between" style="font-size: 22px;">Story <i class="fal fa-book-spells"></i>
  251.                            
  252.                            
  253.                             </div>
  254.                            
  255.                             <hr class="pb-0">
  256.                            
  257.                             <div style="overflow-y:auto; max-height:280px">
  258.                                
  259.                                 <!-- ================= PARAGRAPHS FOR BACKSTORY ================= -->
  260.                                     <div class="mb-2 mr-2 text-uppercase text-white rounded" style="letter-spacing: 1px; background-color:#df6f7b"><i class="py-1 px-2 fas fa-bookmark"></i>Past </div>
  261.                                     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  262.                                    
  263.                                     <div class="mb-2 mt-2 mr-2 text-uppercase text-white rounded" style="letter-spacing: 1px; background-color:#df6f7b"><i class="py-1 px-2 fas fa-bookmark"></i>Present</div>
  264.                                     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  265.                                    
  266.                                     <div class="mb-2 mt-2 mr-2 text-uppercase text-white rounded" style="letter-spacing: 1px; background-color:#df6f7b"><i class="py-1 px-2 fas fa-bookmark"></i>Future</div>
  267.                                     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  268.                                    
  269.                             </div>
  270.                            
  271.                         </div>
  272.                        
  273.                         <!-- ===================================================
  274.                         =================    RELATIONSHIPS   ==================
  275.                         ==================================================== -->
  276.                         <div class="tab-pane fade" id="FIVE">
  277.                             <div class="d-flex display-3 text-uppercase justify-content-between" style="font-size: 22px;">Relationships <i class="fal fa-heart"></i>
  278.                                                      
  279.                             </div>
  280.                             <!-- Odd number of characters should use the same template as "first character." Even number should use the same template as "second character" -->
  281.                            
  282.                             <!-- ================= FIRST CHARACTER ================= -->
  283.                             <hr class="">
  284.                             <div style="overflow-y:auto; height:280px">
  285.                             <div class="row no-gutters" >
  286.                                 <div class="col-md-3 pt-1"><img class="rounded mx-auto d-block" src="https://f2.toyhou.se/file/f2-toyhou-se/characters/4798594?1590125147" >
  287.                                 </div>
  288.                                
  289.                                 <div class="col-md-9 pl-md-2 h-100">
  290.                                 <div class=" mt-2 mt-md-0">
  291.                                     <a class="display-3 font-weight-bold" style="font-size:16px; color:#df6f7b" href="">Character Name</a></div>
  292.                                 <div class="text-white rounded mr-md-2 pl-2" style="background:#df6f7b" >Relationship name</div>
  293.                                
  294.                                 <div class="h-100 py-1 pl-md-1">Basic info about the relationship here. This won't scroll, so keep it short. Or you can edit it to scroll, your choice! </div>
  295.                                 <div class="mb-4"></div>
  296.                                 </div>
  297.                                
  298.                                
  299.                                 </div>
  300.                                
  301.                                 <!-- ================= SECOND CHARACTER ================= -->
  302.                                 <div class="row no-gutters" >
  303.                                 <div class="col-md-3 push-md-9 pt-1"><img class="rounded mx-auto d-block" src="https://f2.toyhou.se/file/f2-toyhou-se/characters/4798594?1590125147" >
  304.                                 </div>
  305.                                
  306.                                 <div class="col-md-9 pull-md-3 pr-2 h-100">
  307.                                 <div class=" mt-2 mt-md-0">
  308.                                     <a class="display-3 font-weight-bold" style="font-size:16px; color:#df6f7b" href="">Character Name</a></div>
  309.                                 <div class="text-white rounded pl-2 mr-md-2" style="background:#df6f7b" >Relationship name</div>
  310.                                
  311.                                 <div class="h-100 py-1 pr-md-1">Basic info about the relationship here. This won't scroll, so keep it short. Or you can edit it to scroll, your choice! </div>
  312.                                
  313.                                 <div class="mb-4"></div>
  314.                                
  315.                                 </div>
  316.                                 </div>
  317.                                
  318.                                 <!-- ================= THIRD CHARACTER ================= -->
  319.                                 <div class="row no-gutters" >
  320.                                 <div class="col-md-3 pt-1"><img class="rounded mx-auto d-block" src="https://f2.toyhou.se/file/f2-toyhou-se/characters/4798594?1590125147" >
  321.                                 </div>
  322.                                
  323.                                 <div class="col-md-9 pl-md-2 h-100">
  324.                                 <div class="mt-2 mt-md-0">
  325.                                     <a class="display-3 font-weight-bold" style="font-size:16px; color:#df6f7b" href="">Character Name</a></div>
  326.                                 <div class="text-white rounded mr-md-2 pl-2" style="background:#df6f7b" >Relationship name</div>
  327.                                
  328.                                 <div class="h-100 py-1 pl-md-1">Basic info about the relationship here. This won't scroll, so keep it short. Or you can edit it to scroll, your choice! </div>
  329.                                
  330.                                 </div>
  331.                                 </div>
  332.                                
  333.                                 </div>
  334.                            
  335.                         </div>
  336.                        
  337.                        
  338.                         </div>
  339.            
  340.         </div>
  341.        
  342.         <!-- ===================================================
  343.         =================   NAVIGATION MENU  ==================
  344.         ==================================================== -->
  345.         <div class="col-md-1 mr-md-3 rounded-0 border-top-0 border-bottom-0 mb-md-3" >
  346.            
  347.             <ul class="nav flex-row flex-md-column justify-content-center h-100" >
  348.                         <li class="nav-item my-2" >
  349.                         <a class="btn btn-outline-secondary border-0 nav-link active" style="color:#df6f7b;" data-toggle="tab" href="#ONE"><i class="fas fa-info-circle"></i></a>
  350.                     </li>
  351.                     <li class="nav-item my-2">
  352.                         <a class="btn btn-outline-secondary nav-link border-0" data-toggle="tab" href="#TWO" style="color:#df6f7b;" ><i class="fas fa-chart-bar"></i></a>
  353.                     </li>
  354.                     <li class="nav-item my-2">
  355.                         <a class="btn btn-outline-secondary nav-link border-0" data-toggle="tab" href="#THREE" style="color:#df6f7b;" ><i class="fas fa-palette"></i></a>
  356.                     </li>
  357.                     <li class="nav-item my-2">
  358.                         <a class="btn btn-outline-secondary nav-link border-0" data-toggle="tab" href="#FOUR" style="color:#df6f7b;" ><i class="fas fa-book-spells"></i></a>
  359.                     </li>
  360.                     <li class="nav-item my-2">
  361.                         <a class="btn btn-outline-secondary nav-link border-0" data-toggle="tab" href="#FIVE" style="color:#df6f7b;" ><i class="fas fa-heart"></i></a>
  362.                     </li>
  363.                    
  364.                     </ul>
  365.            
  366.         </div>
  367.        
  368.         <!-- ===================================================
  369.         =================   RIGHT COLUMN IMAGE  ================
  370.         ==================================================== -->
  371.         <div class="col-md rounded mt-3 p-2 p-md-0 m-md-0" style="background:url(IMG SRC)  no-repeat; background-size:cover; height:340px; border: 1px solid #df6f7b">
  372.         </div>
  373.        
  374.     </div>
  375.    
  376.     </div>
  377.    
  378.     <!-- ===================================================
  379.    =================          CREDIT      =================
  380.    ==================================================== -->
  381.     <div class="text-right pr-1 pt-1" style="">
  382.             <a href="/foleso" style="color:#df6f7b;" class="tooltipster" data-toggle="tooltip" title="Code by Foleso"><i class="fas fa-fire"></i></a>
  383.         </div>
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!