Advertisement
ooter

KittyBot

Feb 15th, 2020 (edited)
1,658
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.36 KB | None | 0 0
  1. <!-----------------------------------
  2.  
  3.              KittyBot    
  4.             by Bakuqou
  5.      
  6.  
  7.       KittyBots are a semi-open
  8.           species by @kinqley
  9.        
  10. Character featured is Camille by @kinqley
  11.    https://toyhou.se/3265160.-camille
  12.  
  13.  
  14.           Purple: #c5a7ec
  15.             Font: #888
  16.    
  17. ------------------------------------>
  18.  
  19. <div class="row no-gutters">
  20.       <div class="col-lg-7 mx-auto p-2">
  21.        
  22.         <div class="card rounded-0 border-0 bg-faded p-2" style="min-height:455px;">
  23.        
  24.         <!---- TAB STUFF ---->
  25. <div class="tab-content">
  26.   <div class="tab-pane fade active show" id="entry">
  27.      
  28.       <!---- LANDING PAGE ---->
  29.      
  30.     <div class="card p-3 rounded-0 text-center" style="background:#c5a7ec;height:438px;">
  31.       <div class="p-5">
  32.          
  33.           <!---- LANDING TITLE ---->
  34.           <h1 class="display-4 mt-3 text-white" style="letter-spacing:3px;">KittyBot Database</h1>
  35.          
  36.           <!----  PAW // to change the shadow change 138,116,167 using rgba colour hex ---->
  37.           <div class="card rounded-circle mx-auto my-4" style="width:115px;height:115px;background:#fff;box-shadow: 4px 4px 0px 4px rgba(138,116,167,0.50);">
  38.           <i class="fad fa-paw m-auto fa-4x" style="color:#c5a7ec"></i></div>
  39.          
  40.           <!--- ENTRY BUTTON --->
  41.           <div class="nav nav-tabs card-header-tabs row mb-1">
  42.   <a class="btn bg-faded btn-block btn-outline-secondary rounded-0 w-50 mx-auto text-uppercase mt-2" style="letter-spacing:2px;color:#999;" data-toggle="tab" href="#access">Access</a>
  43. </div>
  44. </div></div>
  45.          
  46.          
  47.        
  48.   </div>
  49.  
  50.   <div class="tab-pane fade" id="access">
  51.    
  52. <!--------------------------------------------
  53.  
  54.                CONTENT
  55.  
  56. ---------------------------------------------->
  57.  
  58. <div class="bg-faded p-1">
  59.     <div class="card m-1 mt-0 rounded-0 border-0 p-2" style="font-family:courier New;color:#c5a7ec;"> > KittyBot / 001 / Name</div>
  60. <div class="row no-gutters">
  61.     <div class="col-lg-4 p-1">
  62.        
  63.            
  64.     <!---- image change the #c5a7ec for the bg // change the 110% to whatever works for you image //---->
  65.     <div class="card rounded-0 border-0 bg-default" style="background:url(YOUR_KB_IMAGE) #c5a7ec center top no-repeat; background-size:110%;background-repeat:no-repeat;height:224px"></div>
  66.    
  67.     <!---- comment - keep it short ---->
  68.     <div class="card rounded-0 border-0 mt-2 p-2 text-center" style="height:40px;overflow:auto;color:#999;">
  69.  
  70.     you cost too much, pretty boy
  71.        
  72.     </div>
  73.        
  74.     <!---- navigation ---->
  75.     <div class="card rounded-0 border-0 mt-2 p-1">
  76.        
  77.         <ul class="nav nav-tabs card-header-tabs row mb-1 mx-auto text-center w-100" style="margin-top:5px;">
  78.                 <!---- nav 1 ---->
  79.                 <li class="col-3 mb-1"><a class=" p-2 active" data-toggle="tab" href="#one"><i class="fas fa-book" style="color:#c5a7ec;"></i></a></li>
  80.                 <!---- nav 2 ---->
  81.                 <li class="col-3 mb-1"><a class=" p-2" data-toggle="tab" href="#two"><i class="fas fa-chart-bar" style="color:#c5a7ec;"></i></a></li>
  82.                 <!---- nav 3 ---->
  83.                 <li class="col-3 mb-1"><a class=" p-2" data-toggle="tab" href="#three"><i class="fas fa-heart" style="color:#c5a7ec;"></i></a></li>
  84.                 <!---- nav 4 ---->
  85.                 <li class="col-3 mb-1"><a class=" p-2" data-toggle="tab" href="#four"><i class="fas fa-cat" style="color:#c5a7ec;"></i></a></li>
  86. </ul>
  87.          
  88.     </div>
  89.    
  90.        
  91.     </div>
  92. <!---- body ---->
  93.     <div class="col-lg-8 p-1">
  94.        
  95.     <!---- comment ---->
  96.     <div class="card rounded-0 border-0 p-2" style="height:323px;overflow:auto;color:#999;">
  97.        
  98.        
  99. <div class="tab-content">
  100.        <div class="tab-pane fade active show" id="one">
  101.            
  102.         <!---- title ---->
  103.         <div class="card py-1 font-weight-light rounded-0 text-uppercase" style="letter-spacing:2px;color:#c5a7ec;font-family:courier New;border-width:0 0 1px 0;">Story</div>
  104.        
  105. <!--------------------------------------------
  106.  
  107.                STORY
  108.  
  109. ---------------------------------------------->
  110.              <p class="p-1">He used to be owned by a rich family whose name is Hathor but now he just uses the name and lives solo. hes very to-himself but actually an expert on modern technology, other than being purple eye candy. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ut sapien eget quam efficitur ultricies efficitur ac sapien. Nullam sed eleifend ligula. Morbi bibendum dolor eget ultrices varius. In dictum risus magna. Proin at consequat sapien.</p>
  111.              
  112.              <p class="p-1">Maecenas finibus porta dolor, in lobortis sem consequat ut. Vivamus sollicitudin dictum metus, eu rhoncus dui lacinia quis. In viverra, nibh vel efficitur elementum, eros turpis vehicula velit, sed vestibulum enim nisi id leo. Sed at massa lobortis, finibus ipsum sit amet, maximus lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam odio mi, dapibus non vulputate in, porttitor in tellus. Aliquam lobortis rutrum nisl, sed fermentum dolor tincidunt in. Suspendisse quis volutpat leo. Donec a libero eu nisl vulputate efficitur. Maecenas posuere ultrices dolor, eu sagittis ex fringilla non.</p>
  113.            
  114.             </div>
  115.        
  116. <!--------------------------------------------
  117.  
  118.                STATS
  119.  
  120. ---------------------------------------------->
  121.        
  122.         <div class="tab-pane fade" id="two">
  123.            
  124.             <!---- title ---->
  125.         <div class="card py-1 font-weight-light rounded-0 text-uppercase" style="letter-spacing:2px;color:#c5a7ec;font-family:courier New;border-width:0 0 1px 0;">Stats</div>
  126.                
  127.                  <div class="row no-gutters">
  128.                             <div class="col-sm">
  129.  
  130.                                 <div class="d-flex">
  131.                                     <span class="w-50 p-1 text-uppercase text-muted" style="letter-spacing:1px;">Name</span>
  132.                                     <span class="w-50 p-1 text-right">info</span>
  133.                                 </div>
  134.  
  135.                                 <div class="d-flex">
  136.                                     <span class="w-50 p-1 text-uppercase text-muted" style="letter-spacing:1px;">Alias</span>
  137.                                     <span class="w-50 p-1 text-right">info</span>
  138.                                 </div>
  139.  
  140.                                 <div class="d-flex">
  141.                                     <span class="w-50 p-1 text-uppercase text-muted" style="letter-spacing:1px;">Age</span>
  142.                                     <span class="w-50 p-1 text-right">info</span>
  143.                                 </div>
  144.  
  145.                                 <div class="d-flex">
  146.                                     <span class="w-50 p-1 text-uppercase text-muted" style="letter-spacing:1px;">Gender</span>
  147.                                     <span class="w-50 p-1 text-right">info</span>
  148.                                 </div>
  149.  
  150.                                 <div class="d-flex">
  151.                                     <span class="w-50 p-1 text-uppercase text-muted" style="letter-spacing:1px;">Model</span>
  152.                                     <span class="w-50 p-1 text-right">info</span>
  153.                                 </div>
  154.  
  155.                                 <div class="d-flex mb-0">
  156.                                     <span class="w-50 p-1 text-uppercase text-truncate text-muted" style="letter-spacing:1px;">Orientation</span>
  157.                                     <span class="w-50 p-1 text-right">info</span>
  158.                                 </div>
  159.  
  160.                                 <div class="d-flex">
  161.                                     <span class="w-50 p-1 text-uppercase text-muted" style="letter-spacing:1px;">Setting</span>
  162.                                     <span class="w-50 p-1 text-right">info</span>
  163.                                 </div>
  164.  
  165.                             </div>
  166.                             <div class="col-auto p-2 hidden-xs-down">
  167.                                 <div class="card h-100 rounded-0" style="border-width:0 1px 0 0"></div>
  168.                             </div>
  169.                            
  170.                             <!------------------------
  171.                            
  172.                                    RIGHT SIDE  
  173.                                  change the 50%
  174.                            
  175.                            -------------------------->
  176.                             <div class="col-sm">
  177.  
  178.                                 <hr class="hidden-sm-up" style="margin:14px 4px;">
  179.  
  180.                                 <div class="d-flex">
  181.                                     <span class="w-50 p-1 text-truncate text-uppercase text-muted">Intelligence</span>
  182.                                     <div class="w-50 mx-1 progress my-auto rounded-0" style="height:4px;">
  183.                                         <div class="progress-bar" style="
  184.                                          width: 50%;
  185.                                    
  186.                                          background:#c5a7ec;"></div>
  187.                                     </div>
  188.                                 </div>
  189.  
  190.                                 <div class="d-flex">
  191.                                     <span class="w-50 p-1 text-truncate text-uppercase text-muted">Creativity</span>
  192.                                     <div class="w-50 mx-1 progress my-auto rounded-0" style="height:4px">
  193.                                         <div class="progress-bar" style="
  194.                                    
  195.                                          width: 50%;
  196.                                    
  197.                                          background:#c5a7ec;"></div>
  198.                                     </div>
  199.                                 </div>
  200.  
  201.                                 <div class="d-flex">
  202.                                     <span class="w-50 p-1 text-truncate text-uppercase text-muted">Creativity</span>
  203.                                     <div class="w-50 mx-1 progress my-auto rounded-0" style="height:4px">
  204.                                         <div class="progress-bar" style="
  205.                                    
  206.                                          width: 50%;
  207.                                    
  208.                                          background:#c5a7ec;"></div>
  209.                                     </div>
  210.                                 </div>
  211.  
  212.                                 <div class="d-flex">
  213.                                     <span class="w-50 p-1 text-truncate text-uppercase text-muted">Confidence</span>
  214.                                     <div class="w-50 mx-1 progress my-auto rounded-0" style="height:4px">
  215.                                         <div class="progress-bar" style="
  216.                                        
  217.                                         width: 50%;
  218.                                            
  219.                                                  background:#c5a7ec;"></div>
  220.                                     </div>
  221.                                 </div>
  222.  
  223.                                 <div class="d-flex">
  224.                                     <span class="w-50 p-1 text-truncate text-uppercase text-muted">Humor</span>
  225.                                     <div class="w-50 mx-1 progress my-auto rounded-0" style="height:4px">
  226.                                         <div class="progress-bar" style="
  227.                                         width: 50%;
  228.                                    
  229.                                         background:#c5a7ec;"></div>
  230.                                     </div>
  231.                                 </div>
  232.  
  233.                                 <div class="d-flex">
  234.                                     <span class="w-50 p-1 text-truncate text-uppercase text-muted">Empathy</span>
  235.                                     <div class="w-50 mx-1 progress my-auto rounded-0" style="height:4px">
  236.                                         <div class="progress-bar" style="
  237.                                         width: 50%;
  238.                                    
  239.                                        background:#c5a7ec;"></div>
  240.                                     </div>
  241.                                 </div>
  242.  
  243.                                 <div class="d-flex mb-0">
  244.                                     <span class="w-50 p-1 text-truncate text-uppercase text-muted">Charisma</span>
  245.                                     <div class="w-50 mx-1 progress my-auto rounded-0" style="height:4px">
  246.                                         <div class="progress-bar" style="
  247.                                         width: 50%;
  248.                                    
  249.                                         background:#c5a7ec;"></div>
  250.                                     </div>
  251.                                 </div> </div> </div>
  252.            
  253.             <hr class="my-1">
  254.  
  255.        <div class="card py-1 font-weight-light rounded-0 text-uppercase" style="letter-spacing:2px;color:#c5a7ec;font-family:courier New;border-width:0 0 1px 0;">Interests</div>
  256.     <div class="row no-gutters">
  257.        
  258.        
  259.         <div class="col-6 p-1">
  260.            
  261.             <!---- STRENGTHS ---->
  262.             <ul class="fa-ul my-2">
  263.                   <li><span class="fa-li"><i class="fal fa-plus"></i></span>Strength</li>
  264.                   <li><span class="fa-li"><i class="fal fa-plus"></i></span>Strength</li>
  265.                   <li><span class="fa-li"><i class="fal fa-plus"></i></span>Strength</li>
  266.                   <li><span class="fa-li"><i class="fal fa-plus"></i></span>Strength</li>
  267.             </ul>
  268.            
  269.             <!---- LIKES ---->
  270.             <ul class="fa-ul mb-2">
  271.                   <li><span class="fa-li"><i class="fal fa-check"></i></span>Like</li>
  272.                   <li><span class="fa-li"><i class="fal fa-check"></i></span>Like</li>
  273.                   <li><span class="fa-li"><i class="fal fa-check"></i></span>Like</li>
  274.                   <li><span class="fa-li"><i class="fal fa-check"></i></span>Like</li>
  275.             </ul>
  276.            
  277.            
  278.         </div>
  279.        
  280.        
  281.         <div class="col-6 p-1">
  282.             <!---- WEAKNESSES ---->
  283.             <ul class="fa-ul my-2">
  284.                   <li><span class="fa-li"><i class="fal fa-minus"></i></span>Weakness</li>
  285.                   <li><span class="fa-li"><i class="fal fa-minus"></i></span>Weakness</li>
  286.                   <li><span class="fa-li"><i class="fal fa-minus"></i></span>Weakness</li>
  287.                   <li><span class="fa-li"><i class="fal fa-minus"></i></span>Weakness</li>
  288.             </ul>
  289.            
  290.            
  291.             <!---- DISLIKES ---->
  292.             <ul class="fa-ul mb-2">
  293.                   <li><span class="fa-li"><i class="fal fa-times"></i></span>Dislike</li>
  294.                   <li><span class="fa-li"><i class="fal fa-times"></i></span>Dislike</li>
  295.                   <li><span class="fa-li"><i class="fal fa-times"></i></span>Dislike</li>
  296.                   <li><span class="fa-li"><i class="fal fa-times"></i></span>Dislike</li>
  297.             </ul>
  298.         </div>
  299.        
  300.     </div>
  301. </div>
  302.  
  303. <!--------------------------------------------
  304.  
  305.                RELATIONSHIPS
  306.  
  307. ---------------------------------------------->
  308. <div class="tab-pane fade" id="three">
  309.  
  310. <!---- title ---->
  311.         <div class="card py-1 font-weight-light rounded-0 text-uppercase" style="letter-spacing:2px;color:#c5a7ec;font-family:courier New;border-width:0 0 1px 0;">Relationships</div>
  312.  
  313. <div class="row no-gutters mt-1">
  314.    
  315.     <!------- RELATIONSHIP 1 -------->
  316.     <div class="col-4 p-1">
  317.        
  318.         <!--- img // make it square --->
  319.         <img src="IMAGE_LINK" class="rounded-circle p-2 rounded-0 bg-faded">
  320.        
  321.     </div>
  322.    
  323.     <div class="col-8 p-1">
  324.         <!---- name ---->
  325.         <div class="d-flex" style="letter-spacing:2px;">
  326.             <span class="w-50 py-1 text-uppercase" style="color:#c5a7ec;font-family:courier New;">Character</span>
  327.            
  328.        
  329.             <span class="w-50 py-1 text-right"><i class="fas fa-heart"></i> <i class="fas fa-heart"></i> <i class="fas fa-heart"></i></span></div>
  330.        
  331.         <hr class="my-0">
  332.        
  333.         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dolor nisi, congue non porta id, vulputate a quam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
  334.     </div>
  335.  
  336.  
  337. <!------- RELATIONSHIP 2 -------->
  338.     <div class="col-4 p-1">
  339.        
  340.         <!--- img // make it square --->
  341.         <img src="IMG_LINK" class="rounded-circle p-2 rounded-0 bg-faded">
  342.        
  343.     </div>
  344.    
  345.     <div class="col-8 p-1">
  346.         <!---- name ---->
  347.         <div class="d-flex" style="letter-spacing:2px;">
  348.             <span class="w-50 py-1 text-uppercase" style="color:#c5a7ec;font-family:courier New;">Characterr</span>
  349.            
  350.        
  351.             <span class="w-50 py-1 text-right"><i class="fas fa-heart"></i> <i class="fal fa-heart"></i> <i class="fal fa-heart"></i></span></div>
  352.        
  353.         <hr class="my-0">
  354.        
  355.         Praesent maximus nisl vel lectus semper bibendum. Pellentesque finibus volutpat metus non ultricies. Vestibulum suscipit mi urna, sed faucibus urna ultrices eu.
  356.     </div>
  357.  
  358.  
  359.    
  360.    
  361.    <!----- PUT RELATIONSHIPS ABOVE THIS LINE ----->
  362. </div>
  363. </div>
  364.  
  365.  
  366.  
  367. <!--------------------------------------------
  368.  
  369.                DESIGN
  370.  
  371. ---------------------------------------------->
  372. <div class="tab-pane fade" id="four">
  373.  
  374.  
  375.  
  376.  <div class="card py-1 font-weight-light rounded-0 text-uppercase" style="letter-spacing:2px;color:#c5a7ec;font-family:courier New;border-width:0 0 1px 0;">Design</div>
  377.  
  378.  <div class="row no-gutters">
  379.         <!---- left ---->
  380.     <div class="col-lg-6 p-1">
  381.         <!---- title ---->
  382.         <div class="card py-1 font-weight-light rounded-0 text-uppercase" style="letter-spacing:2px;color:#c5a7ec;font-family:courier New;border-width:0 0 1px 0;">Halo</div>
  383.        
  384.         <!---- halo img _ kinqley's original halo image is NOT for public use, please don't use it ---->
  385.         <img src="halo_img" class="w-100 p-2">
  386.        
  387.        
  388.         <!---- title ---->
  389.         <div class="card py-1 font-weight-light rounded-0 text-uppercase" style="letter-spacing:2px;color:#c5a7ec;font-family:courier New;border-width:0 0 1px 0;">Palette</div>
  390.         <div class="card rounded-0 bg-faded border-0 mt-1">
  391.          
  392.           <div class="row no-gutters">
  393.              
  394.               <!--- color --->
  395.               <div class="col-3 p-1">
  396.                   <!--- hex ---->
  397.                   <div class="card rounded-0 border-0 w-100" style="height:60px;
  398.                  
  399.                  background:#7c3bb9;"></div>
  400.               </div>
  401.              
  402.               <!--- color --->
  403.               <div class="col-3 p-1">
  404.                   <!--- hex ---->
  405.                   <div class="card rounded-0 border-0 w-100" style="height:60px;
  406.                  
  407.                  background:#855ceb;"></div>
  408.               </div>
  409.              
  410.               <!--- color --->
  411.               <div class="col-3 p-1">
  412.                   <!--- hex ---->
  413.                   <div class="card rounded-0 border-0 w-100" style="height:60px;
  414.                  
  415.                  background:#a96be4;"></div>
  416.               </div>
  417.              
  418.               <!--- color --->
  419.               <div class="col-3 p-1">
  420.                   <!--- hex ---->
  421.                   <div class="card rounded-0 border-0 w-100" style="height:60px;
  422.                  
  423.                  background:#cd5dc8;"></div>
  424.               </div>
  425.              
  426.           </div>
  427.            
  428.         </div>
  429.  
  430.        
  431.     </div>
  432.    
  433.     <div class="col-lg-6 p-1">
  434.         <!---- title ---->
  435.         <div class="card py-1 font-weight-light rounded-0 text-uppercase" style="letter-spacing:2px;color:#c5a7ec;font-family:courier New;border-width:0 0 1px 0;">Design Notes</div>
  436.    
  437.         <ul>
  438.         <li>Important note.</li>    
  439.         <li>Important note.</li>    
  440.         <li>Important note.</li>    
  441.         <li>Important note.</li>
  442.         <li>Important note.</li>
  443.         <li>Important note.</li>
  444.         </ul>
  445.        
  446.        
  447.         <!---- title ---->
  448.         <div class="card py-1 font-weight-light rounded-0 text-uppercase" style="letter-spacing:2px;color:#c5a7ec;font-family:courier New;border-width:0 0 1px 0;">Credits</div>
  449.        
  450.         <!--- designer --->
  451.         <div class="d-flex">
  452.             <span class="w-50 text-uppercase text-muted">Designer</span>
  453.             <span class="w-50 text-right"><a href="/" class="text-muted">Designer</a></span></div>
  454.            
  455.         <!--- sidebar artist --->
  456.         <div class="d-flex">
  457.             <span class="w-50 text-uppercase text-muted">Sidebar</span>
  458.             <span class="w-50 text-right"><a href="/" class="text-muted">Designer</a></span></div>
  459.            
  460.         <!--- designer --->
  461.         <div class="d-flex">
  462.             <span class="w-50 text-uppercase text-muted">Worth</span>
  463.             <span class="w-50 text-right"><a href="#" class="text-muted">$</a></span></div>
  464.        
  465.     </div>
  466.    
  467.    
  468.    
  469. </div>
  470.  
  471.  
  472.  
  473.        
  474.     </div></div></div></div>
  475.    
  476.    
  477.    
  478.     <div class="col-12 p-1">
  479.    
  480.     <!---- comment ---->
  481.     <div class="card rounded-0 border-0 p-1 text-center">
  482.  
  483. <!---------------------------------------------
  484.  
  485.             MUSIC PLAYER
  486.        follow the guides properly
  487.  
  488. ---------------------------------------------->
  489. <div class="row no-gutters mt-2 mb-0">
  490.       <div class="col-1 p-1">
  491.      
  492.   <a class="p-0 mt-2 btn btn-outline-dark melody-embed" style="border:0;position:relative;height:1.5rem;width:1.5rem;z-index:2;color:#999;">
  493.  
  494. <!---- playlist ID -- it's the code on the end of your playlist link that starts with PL ----->
  495.      <iframe style="opacity:.01;position:absolute;left:0;right:0;top:0;bottom:0;" class="h-100 w-100"
  496.      src="
  497.      
  498.      https://www.youtube.com/embed/videoseries?list=PLAYLIST_ID
  499.      
  500.      " frameborder="0"></iframe>
  501.       <i class="fas fa-play fa-fw fa-2x" style="z-index:-1;position:absolute;left:0;top:0;font-size:1rem;text-align:center;height:100%;width:100%;"></i>
  502.       </a></div>
  503.      
  504.       <!--- line --->
  505.       <div class="col-6 p-1">
  506.       <hr class="mt-3 p-1">  </div>
  507.      
  508.      
  509.       <!--- SONG INFO --->
  510.       <div class="col-5 p-1 text-center mt-1">
  511.      
  512.       <!--- PLAYLIST CAROUSEL --->
  513.      
  514.       <div id="carousel1" class="carousel slide mx-auto p-0 mb-0" data-ride="carousel" style="color:#999;">
  515.   <div class="carousel-inner">
  516.     <!---- SONG INFO ---->
  517.     <div class="carousel-item active text-truncate">
  518.       SONG - ARTIST
  519.     </div>
  520.    
  521.     <!---- SONG INFO ---->
  522.     <div class="carousel-item text-truncate">
  523.       SONG - ARTIST
  524.     </div>
  525.    
  526.     <!---- SONG INFO ---->
  527.     <div class="carousel-item text-truncate">
  528.       SONG - ARTIST
  529.     </div>
  530.  
  531.     <!--- put more songs before this line --->
  532.   </div>
  533. </div>
  534.      
  535.      
  536.      
  537.       </div>
  538.         </div>
  539.        
  540.         <!--- end music player --->
  541.        
  542.     </div>
  543.        
  544.     </div>
  545.      </div>
  546.      </div>
  547.    
  548.    
  549.    
  550.    
  551.   </div>
  552.  
  553.  
  554. </div>
  555.  
  556. </div>
  557.  
  558. <a class="text-muted pull-right" href="https://toyhou.se/6057176.kittybot"><i class="fal fa-code"></i></a></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement