API tools faq
paste
Advertisement
redenvii

Informative!

redenvii
May 30th, 2019
273
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.83 KB | None | 0 0
raw download clone embed print report
  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
  11. Reference Sheet : https://via.placeholder.com/1920x1080
  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 : #1D906C
  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">
  43.   <div class="row">
  44.     <div class="col-sm-4">
  45.       <div class="card p-2 border-0 rounded-0" style="background-color:1D906C; color:#FFF;">
  46.       <h3 class="display-4 text-center text-uppercase">&nbsp;name</h3>
  47.       </div>
  48.       <img src="https://via.placeholder.com/500">
  49.       <div class="card p-1 border-0 rounded-0" style="background-color:1D906C;"></div>
  50.         <div class="card p-3 border-0 rounded-0 bg-faded">
  51.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">full name</div><div class="float-right">content</div></div>
  52.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">nickname/s</div><div class="float-right">content</div></div>
  53.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">age</div><div class="float-right">content</div></div>
  54.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">date of birth</div><div class="float-right">content</div></div>
  55.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">gender</div><div class="float-right">content</div></div>
  56.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">sexuality</div><div class="float-right">content</div></div>
  57.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">species</div><div class="float-right">content</div></div>
  58.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">height</div><div class="float-right">content</div></div>
  59.           <div class="clear-fix"><div class="float-left text-uppercase text-muted">occupation</div><div class="float-right">content</div></div>
  60.         </div>
  61.        
  62.       <div class="p-1"></div>
  63.      
  64.       <div class="card p-3 border-0 rounded-0 bg-faded">
  65.         <div class="clear-fix"><div class="float-left text-uppercase text-muted">status</div><div class="float-right">content</div></div>
  66.         <div class="clear-fix"><div class="float-left text-uppercase text-muted">designer</div><div class="float-right">content</div></div>
  67.         <div class="clear-fix"><div class="float-left text-uppercase text-muted">worth</div><div class="float-right">content</div></div>
  68.       </div>
  69.     </div>
  70.    
  71.     <div class="p-1"></div>
  72.    
  73.     <div class="col-sm my-auto">
  74.       <div class="card p-2 border-0 rounded-0 display-4" style="background-color:1D906C; color:#FFF;">
  75.         <h3 class="display-4">&nbsp;<i class="fas fa-info"></i></h3>
  76.       </div>
  77.       <div class="card p-2 border-0 rounded-0 bg-faded text-center">
  78.         <div class="p-1"></div>
  79.         <div class="text-muted display-4">
  80.         "Quote goes here..."
  81.         </div>
  82.         <div class="p-2"></div>
  83.         A super simple outline of your character, who they are and their personality. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
  84.       </div>
  85.      
  86.       <div class="p-1"></div>
  87.      
  88.       <div class="row">
  89.         <div class="col-sm">
  90.         <div class="card p-1 border-0 rounded-0 display-4" style="background-color:1D906C; color:#FFF;">
  91.         <h3 class="display-4">&nbsp;<i class="fas fa-check"></i>&nbsp;</h3>
  92.         </div>
  93.         <div class="card p-2 border-0 rounded-0 text-center bg-faded">
  94.         like, like, like, like, like, like, like,
  95.         </div>
  96.         </div>
  97.         <div class="col-sm">
  98.         <div class="card p-1 border-0 rounded-0 display-4" style="background-color:1D906C; color:#FFF;">
  99.         <h3 class="display-4">&nbsp;<i class="fas fa-times"></i>&nbsp;</h3>
  100.         </div>
  101.         <div class="card p-2 border-0 rounded-0 text-center bg-faded">
  102.         dislike, dislike, dislike, dislike, dislike,
  103.         </div>
  104.         </div>
  105.       </div>
  106.      
  107.       <div class="p-1"></div>
  108.      
  109.       <div class="card p-2 border-0 rounded-0 display-4" style="background-color:1D906C; color:#FFF;">
  110.         <div class="clear-fix"><div class="float-left">&nbsp;<i class="fas fa-user-alt"></i></div><div class="float-right">Personality&nbsp;</div></div>
  111.       </div>
  112.       <div class="card p-2 border-0 rounded-0 bg-faded text-center">
  113.         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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  114.       </div>  
  115.      
  116.       <div class="p-1"></div>
  117.      
  118.       <div class="card p-2 border-0 rounded-0 display-4" style="background-color:1D906C; color:#FFF;" >
  119.         <div class="clear-fix"><div class="float-left">&nbsp;Backstory</div><div class="float-right"><i class="fas fa-book-open">&nbsp;</i></div></div>
  120.       </div>
  121.       <div class="card p-2 border-0 rounded-0 bg-faded text-center">
  122.         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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  123.       </div>  
  124.       <div class="clear-fix"><div class="float-right text-muted">html by @codenvii</div></div>
  125.      
  126.       <div class="p-1"></div>
  127.      
  128.     </div>
  129.   </div>
  130.  
  131.   <div class="p-1"></div>
  132.  
  133.   <a data-toggle="collapse" href="#ref" style="color:#FFF;">
  134.     <div class="card p-2 border-0 rounded-0 display-4" style="background-color:1D906C;">
  135.     <div class="clear-fix"><div class="float-left">&nbsp;<i class="fas fa-image"></i></div><div class="float-right">Reference Sheet&nbsp;</div></div>
  136.     </div>
  137.   </a>
  138.   <div class="collapse" id="ref">
  139.     <div class="text-center"><img src="https://via.placeholder.com/1920x1080"></div>
  140.     <div class="clear-fix"><div class="float-right text-muted">ref sheet by @/username</div></div>
  141.   </div>
  142. </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!