SHARE
TWEET

Simple Showoff

redenvii May 22nd, 2019 (edited) 126 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!--
  2.  
  3.  Replacing images, the easy way!
  4.  
  5.  1. Click Ctrl F on your keyboard.
  6.  2. In the "search for" section, place the link you want to replace.
  7.  3. Click the plus sign.
  8.  4. In the "Replace with" section, place your image link and press the replace button!
  9.  
  10.  Avatar : https://via.placeholder.com/500/?text=avatar
  11.  Reference Sheet : https://via.placeholder.com/1920x1080/?text=ref
  12.  
  13. -------------------------------------
  14.  
  15.  Replacing colors, the easy way!
  16.  
  17.    1. Click Ctrl F on your keyboard.
  18.    2. In the "search for" section, place the color you want to replace.
  19.    3. Click the plus sign.
  20.    4. In the "Replace with" section, place your image hex code and press the all button!
  21.  
  22.  This is for the default bootstrap colors only!
  23.  
  24.  Current Color : #5AB5D1
  25.  
  26. -------------------------------------
  27.  
  28.  TERMS OF SERVICES
  29.  1. DO NOT remove my credits. I tried to make them small.
  30.  2. DO NOT advertise my codes or modify my codes to advertise as your own.
  31.  3. My codes are for personal use only.
  32.  4. Do not turn on WYSIWYG when using my code- it will break it!
  33.  5. Do not steal, claim, redistribute or heavily reference my codes.
  34.      5a. Redistributing my codes that you edited still falls under stealing.
  35.  6. I will block and blacklist anyone who breaks these rules.
  36.  7. Let me know when you use my code in my HTML forum post!
  37.  
  38.  This HTML was created by @redenvii.
  39.  
  40. -->
  41.  
  42. <div class="container-fluid">
  43.   <div class="row justify-content-center align-items-center">
  44.  
  45.     <!--Avatar & Name-->
  46.     <div class="col-sm-3">
  47.       <div class="card rounded-0" style="border-color:#5AB5D1; border-width:5px;">
  48.         <div class="card p-1 rounded-0 border-0" style="background-color:#5AB5D1;"><h1 class="display-4">name</h1></div>
  49.         <img src="https://via.placeholder.com/500/?text=avatar" alt="avatar" width="500">
  50.       </div>
  51.      
  52.       <div class="p-1"></div>
  53.      
  54.       <div class="card rounded-0" style="border-color:#5AB5D1; border-width:5px;">
  55.         <div class="card p-1 rounded-0 border-0" style="background-color:#5AB5D1;"><h1 class="display-4 text-center">species | age | pronouns</h1></div>
  56.       </div>
  57.      
  58.       <div class="p-1"></div>
  59.      
  60.       <div class="card p-2 rounded-0 " style="border-color:#5AB5D1; border-width:5px;">
  61.         <div class="row no-gutters">
  62.           <div class="col-sm-3"><img src="https://via.placeholder.com/100/?text=img"></div>
  63.             <div class="col-sm"><div class="card p-2 border-0 rounded-0"><h3>Name</h3>Try not to write more than this paragrapgh!
  64.           </div></div>
  65.         </div>
  66.        
  67.         <div class="p-1"></div>
  68.        
  69.         <div class="row no-gutters">
  70.           <div class="col-sm-3"><img src="https://via.placeholder.com/100/?text=img"></div>
  71.             <div class="col-sm"><div class="card p-2 border-0 rounded-0"><h3>Name</h3>Try not to write more than this paragrapgh!
  72.           </div></div>
  73.         </div>
  74.        
  75.         <div class="p-1"></div>
  76.        
  77.         <div class="row no-gutters">
  78.           <div class="col-sm-3"><img src="https://via.placeholder.com/100/?text=img"></div>
  79.             <div class="col-sm"><div class="card p-2 border-0 rounded-0"><h3>Name</h3>Try not to write more than this paragrapgh!
  80.           </div></div>
  81.         </div>
  82.       </div>
  83.      
  84.       <div class="p-1"></div>
  85.      
  86.     </div>
  87.     <!--END-->
  88.    
  89.     <!--Top MISC-->
  90.     <div class="col-sm">
  91.       <div class="card rounded-0" style="border-color:#5AB5D1; border-width:5px;">
  92.         <div class="card p-1 rounded-0 border-0" style="background-color:#5AB5D1;"><h1 class="display-4">about</h1></div>
  93.         <div class="p-2">Write about the character, who they are or whatever you wish to talk about! Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</div>
  94.       </div>
  95.      
  96.     <!--END-->
  97.      
  98.    
  99.       <div class="p-2"></div>
  100.     <!--END-->
  101.      
  102.     <!--REF-->
  103.       <div class="card rounded-0 p-1" style="border-color:#5AB5D1; border-width:5px;">
  104.         <img src="https://via.placeholder.com/1920x1080/?text=ref"></div>
  105.       <div class="text-muted float-left">ref by @/username</div> <div class="text-muted float-right">html by @codenvii</div>
  106.     <!--END-->
  107.      
  108.     </div>
  109.     <!--END-->
  110.  
  111.   </div>
  112. </div>
RAW Paste Data
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
 
Top