API tools faq
paste
Advertisement
KittyKodes

Informative!

KittyKodes
Jul 23rd, 2019
464
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 9.04 KB | None | 0 0
raw download clone embed print report
  1. <!-- TERMS OF SERVICES
  2.  
  3. 1. DO NOT remove my credits. I tried to make them small.
  4. 2. DO NOT advertise my codes or modify my codes to advertise as your own.
  5. 3. My codes are for personal use only.
  6. 4. Do not turn on WYSIWYG when using my code- it will break it!
  7. 5. Do not steal, claim, redistribute or heavily reference my codes.
  8.    5a. Redistributing my codes that you edited still falls under stealing.
  9. 6. I will block and whitelist anyone who breaks these rules.
  10. 7. Let me know when you use my code in my HTML forum post!
  11.  
  12. This HTML was created by @KittyKodes / @redenvii.
  13.  
  14. -->
  15.  
  16. <div class="container">
  17.   <div class="row">
  18.    
  19.     <div class="col-md-4">
  20.       <div class="card p-1 bg-primary border-0">
  21.         <p class="display-3">Name</p>
  22.         <div class="p-1"></div>
  23.           <img src="https://placekitten.com/500" class="rounded img-fluid" height="auto">
  24.       </div>
  25.      
  26.       <div class="p-1"></div>
  27.      
  28.       <div class="card p-1 bg-primary border-0">
  29.         <div class="card p-3 bg-faded border-0">
  30.           <p class="text-center">"catchphrase or small quote..."</p>
  31.         </div>
  32.       </div>
  33.      
  34.       <div class="p-1"></div>
  35.      
  36.       <div class="card p-1 bg-primary border-0">
  37.         <div class="card p-3 bg-faded border-0">
  38.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">full name</div><div class="float-right">content</div></div>
  39.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">nickname/s</div><div class="float-right">content</div></div>
  40.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">age</div><div class="float-right">content</div></div>
  41.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">birthdate</div><div class="float-right">content</div></div>
  42.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">gender</div><div class="float-right">content</div></div>
  43.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">sexuality</div><div class="float-right">content</div></div>
  44.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">species</div><div class="float-right">content</div></div>
  45.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">height</div><div class="float-right">content</div></div>
  46.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">occupation</div><div class="float-right">content</div></div>
  47.         </div>
  48.       </div>
  49.      
  50.       <div class="p-1"></div>
  51.      
  52.       <div class="card p-1 bg-primary border-0">
  53.         <div class="card p-3 bg-faded border-0">
  54.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">status</div><div class="float-right">NFS/T</div></div>
  55.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">designer</div><div class="float-right">@/username</div></div>
  56.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">worth</div><div class="float-right">$0</div></div>
  57.         </div>
  58.       </div>
  59.      
  60.       <div class="p-1"></div>
  61.         <div class="text-muted text-left">code by @KittyKodes</div>
  62.       <div class="p-1"></div>
  63.     </div>
  64.    
  65.     <div class="col-md">
  66.       <div class="card p-1 bg-primary border-0">
  67.        
  68.         <p class="display-3 text-uppercase">ABOUT</p>
  69.        
  70.         <div class="p-1"></div>
  71.        
  72.         <div class="card bg-faded border-0">
  73.           <div style="max-height:394px; overflow:auto;">
  74.             <div class="p-2">
  75.              
  76.             <p class="display-4 text-uppercase">Description</p>
  77.               <div class="card p-2 border-0">
  78.                 <p>Bite the neighbor's bratty kid knock over christmas tree. Chase the pig around the house cats are cute jump five feet high and sideways when a shadow moves for miaow then turn around and show you my bum. Missing until dinner time chase mice.
  79.                 </p>
  80.               </div>
  81.              
  82.               <hr width="100%">
  83.              
  84.             <div class="p-2"></div>
  85.            
  86.             <p class="display-4 text-uppercase">Personality</p>
  87.             <div class="card p-2 border-0">
  88.               <p>Bite the neighbor's bratty kid knock over christmas tree. Chase the pig around the house cats are cute jump five feet high and sideways when a shadow moves for miaow then turn around and show you my bum. Missing until dinner time chase mice. Behind the couch get video posted to internet for chasing red dot stare out cat door then go back inside stick butt in face make plans to dominate world and then take a nap.
  89.               </p>
  90.              
  91.               <div class="p-2"></div>
  92.              
  93.               <div class="row">
  94.                
  95.                 <div class="col-sm text-center">
  96.                   <div style="max-height:120px; overflow:auto;">
  97.                     <div class="card p-3 bg-faded border-0">
  98.                       <h1>TRAITS</h1>
  99.                       <p>thing, thing, thing, thing & more things.</p>
  100.                    </div>
  101.                  </div>
  102.                </div>
  103.                
  104.                <div class="p-1"></div>
  105.                
  106.                <div class="col-sm text-center">
  107.                  <div style="max-height:120px; overflow:auto;">
  108.                     <div class="card p-3 bg-faded border-0">
  109.                       <h1>LIKES</h1>
  110.                       <p>thing, thing, thing, thing & more things.</p>
  111.                    </div>
  112.                  </div>
  113.                </div>
  114.                
  115.                <div class="p-1"></div>
  116.                
  117.                <div class="col-sm text-center">
  118.                  <div style="max-height:120px; overflow:auto;">
  119.                     <div class="card p-3 bg-faded border-0">
  120.                       <h1>DISLIKES</h1>
  121.                       <p>thing, thing, thing, thing & more things.</p>
  122.                    </div>
  123.                  </div>
  124.                </div>
  125.                
  126.              </div>
  127.              <div class="p-1"></div>
  128.            </div>
  129.            
  130.            <hr width="100%">
  131.            
  132.            <div class="p-2"></div>
  133.            
  134.            <p class="display-4 text-uppercase">Backstory</p>
  135.            <div class="p-2"></div>
  136.              <div class="card p-2 border-0">
  137.                <p>Bite the neighbor's bratty kid knock over christmas tree. Chase the pig around the house cats are cute jump five feet high and sideways when a shadow moves for miaow then turn around and show you my bum. Missing until dinner time chase mice. Behind the couch get video posted to internet for chasing red dot stare out cat door then go back inside stick butt in face make plans to dominate world and then take a nap.
  138.                </p>
  139.              </div>
  140.            </div>
  141.          </div>
  142.        </div>
  143.        
  144.      </div>
  145.      
  146.      <div class="p-1"></div>
  147.      
  148.      <div class="card p-1 bg-primary border-0">
  149.        <p class="display-3 text-uppercase">Relationships</p>
  150.        <div class="card p-3 bg-faded text-center border-0">
  151.          <div class="row">
  152.            
  153.            <div class="col-sm">
  154.              <img src="https://placekitten.com/150" class="rounded img-fluid mx-auto" height="auto">
  155.              <div class="display-4"><a href="URL">Name</a></div>
  156.              <div class="text-muted">relationship</div>
  157.              <div class="text">A small description of the relationship or whatever you wanna put here!</div>
  158.            </div>
  159.            
  160.            <div class="p-2"></div>
  161.            
  162.            <div class="col-sm">
  163.              <img src="https://placekitten.com/150" class="rounded img-fluid mx-auto" height="auto">
  164.              <div class="display-4"><a href="URL">Name</a></div>
  165.              <div class="text-muted">relationship</div>
  166.              <div class="text">A small description of the relationship or whatever you wanna put here!</div>
  167.            </div>
  168.            
  169.            <div class="p-2"></div>
  170.            
  171.            <div class="col-sm">
  172.              <img src="https://placekitten.com/150" class="rounded img-fluid mx-auto" height="auto">
  173.              <div class="display-4"><a href="URL">Name</a></div>
  174.              <div class="text-muted">relationship</div>
  175.              <div class="text">A small description of the relationship or whatever you wanna put here!</div>
  176.            </div>
  177.            
  178.            <div class="p-2"></div>
  179.            
  180.            <div class="col-sm">
  181.              <img src="https://placekitten.com/150" class="rounded img-fluid mx-auto" height="auto">
  182.              <div class="display-4"><a href="URL">Name</a></div>
  183.              <div class="text-muted">relationship</div>
  184.              <div class="text">A small description of the relationship or whatever you wanna put here!</div>
  185.            </div>
  186.          </div>
  187.        </div>
  188.      </div>
  189.      
  190.      <div class="p-1"></div>
  191.      
  192.    </div>
  193.    
  194.  </div>
  195. </div>
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!