Advertisement
starpowder

o4. missing person's

May 8th, 2021 (edited)
280
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.75 KB | None | 0 0
  1. <div class="container px-0 pt-md-4 no-gutters bg-faded" style="font-size: 10pt; border:2px dashed;" align="center">
  2.    
  3. <div class="card card-block" style="border:1px dashed; max-width: 600px;" align="center">    
  4. <p class="m-0 display-4 text-uppercase" style="font-size: 2.5em; color: #FF0000;" align="center"><strong>HAVE YOU SEEN ME?</strong></p></div>
  5.  
  6.  <div class="row justify-content-center no-gutters bg-faded">
  7.  <div class="col-sm">
  8. <div class="p-4 w-100 mx auto">
  9.  
  10. <img class="mx-auto d-block" src="https://i.imgur.com/UHGKV7F.png" style="max-height: 280px;"><br>
  11. <hr class="my-1" style="border-color:#918d8d; width: 75%;"><p></p>
  12. <p class="m-0 display-4 text-lowercase" style="font-size: 2em; color: #000000; letter-spacing:2px;" align="center"><b>full name & title</b></p>  <p></p>
  13.  
  14. <hr class="my-1" style="border-color:#918d8d; width: 75%;"><p></p>
  15. <h1 class="m-0 display-4 text-lowercase" style="font-size:large; color: #000000; letter-spacing:2px;" align="left"><i class="fas fa-address-card" aria-hidden="true"> <b>basic information</b></i></h1><p></p>
  16. <p class="m-0 text lowercase" style="font-size: 0.9em; color: #000000;" align="left"><b>birthdate</b>: their birthdate<br>
  17.  <b>zodiac</b>: their western zodiac sign</p>
  18. <p class="m-0 text-lowercase" style="font-size: 0.9em; color: #000000;" align="left"><b>age</b>: number age if available</p>
  19. <p class="m-0 text lowercase" style="font-size: 0.9em; color: #000000;" align="left"><b>gender</b>: their gender if available</p>
  20. <p class="m-0 text lowercase" style="font-size: 0.9em; color: #000000;" align="left"><b>pronouns</b>: their pronouns if available</p>
  21. <p class="m-0 text lowercase" style="font-size: 0.9em; color: #000000;" align="left"><b>occupation</b>: their occupation</p>
  22. <p></p>
  23. <hr class="my-1" style="border-color:#918d8d; width: 75%;"><p></p>
  24.  
  25. <p></p>
  26. <p class="m-0 display-4 text-uppercase" style="font-size: 2.5em; color: #000000;" align="center"><strong>PLEASE CONTACT IF FOUND</strong>
  27. <p></p>
  28. <a href="http://www.google.com" target="_blank"><img src="https://i.imgur.com/4GL71dW.png" style="max-height:100px; max-width:100px;" data-toggle="tooltip" title="FULL NAME - RELATIONSHIP: little sister" border="0"></a><a href="http://www.google.com" target="_blank"><img src="https://i.imgur.com/szpQzxw.png" style="max-height:100px; max-width:100px;" data-toggle="tooltip" title="FULL NAME - RELATIONSHIP: brother" border="0"></a><a href="http://www.google.com" target="_blank"><img src="https://i.imgur.com/Q5705A2.png" style="max-height:100px; max-width:100px;" data-toggle="tooltip" title="FULL NAME - RELATIONSHIP: boyfriend" border="0"></a><a href="http://www.google.com" target="_blank"><img src="https://i.imgur.com/Qm93j.png" style="max-height:100px; max-width:100px;" data-toggle="tooltip" title="FULL NAME - RELATIONSHIP: idol" border="0"></a>
  29. <a href="http://www.google.com" target="_blank"></a>
  30.                 </div>
  31.             </div>
  32. <div class="col-sm">
  33.     <p></p>
  34.     <p></p>
  35.    
  36. <p class="m-0 text lowercase" style="font-size: 1.3em; color:#000000;" align="left">use this space for introduction, who they were last seen with, when they last seen, where, why, or anything else you can think of. this is for characters who are missing in your world or story.
  37. <br><br>
  38. i  mean, just because they're missing, it doesn't mean people can't know of them!
  39. </p>
  40.  
  41. <p></p>
  42.  
  43.  
  44.     <p class="m-0 text uppercase" style="font-size: 2.3em; color:#000000;" align="center">
  45.         <b>call or text [character] immediately @ <mark>1 (555) 123-4567</mark></b>
  46.        
  47.     </p>
  48.  
  49.                
  50.                 <p></p>
  51.  
  52.  
  53. <hr class="my-1" style="border-color:#918d8d; width: 75%;"><p></p>
  54.  
  55. <h1 class="m-0 display-4 text-lowercase" style="font-size:large; color: #000000; letter-spacing:2px;" align="left">
  56.     <i class="fas fa-camera" aria-hidden="true"><b>appearance</b></i></h1>
  57.     <p></p>
  58. <p class="m-0 text lowercase" style="font-size: 0.9em; color: #000000;" align="left"> what the heckie does your character look like? you can include ethnicity, race, and even their favorite fashions of clothing if you really want to.
  59.     </p>
  60.                
  61.    <p></p>            
  62. <hr class="my-1" style="border-color:#918d8d; width: 75%;"><p></p>
  63.  
  64. <h1 class="m-0 display-4 text-lowercase" style="font-size:large; color: #000000; letter-spacing:2px;" align="left">
  65.     <i class="fas fa-dice" aria-hidden="true"><b>magic</b></i></h1>
  66.     <p></p>
  67. <p class="m-0 text lowercase" style="font-size: 0.9em; color: #000000;" align="left"> this is the magic section. go all out with how much magic they have, but if it doesn't apply, you can use this space for something else. just make sure you change out what you need or delete this. i don't care.
  68.     </p>
  69.    
  70.      <p></p>            
  71. <hr class="my-1" style="border-color:#918d8d; width: 75%;"><p></p>
  72.  
  73. <h1 class="m-0 display-4 text-lowercase" style="font-size:large; color: #000000; letter-spacing:2px;" align="left">
  74.     <i class="fas fa-feather-alt" aria-hidden="true"><b>personality</b></i></h1>
  75.     <p></p>
  76. <p class="m-0 text lowercase" style="font-size: 0.9em; color: #000000;" align="left"> what are they like? what was their disposition before they disappeared? you don't have to include everything about them. you can include additional codes for likes & dislikes if it makes it easier for you but otherwise, go hog wild.
  77.    </p>
  78.    
  79.     <p></p>            
  80. <hr class="my-1" style="border-color:#918d8d; width: 75%;"><p></p>
  81.  
  82. <h1 class="m-0 display-4 text-lowercase" style="font-size:large; color: #000000; letter-spacing:2px;" align="left">
  83.     <i class="fas fa-file" aria-hidden="true"><b>background</b></i></h1>
  84.     <p></p>
  85. <p class="m-0 text lowercase" style="font-size: 0.9em; color: #000000;" align="left"> the background story for the character before they went missing. where were they born? what was life like before they missing? you can talk about their childhood here, but it's not really necessary. this is a missing person's poster after all.
  86.     </p>
  87.    
  88.     <hr class="my-1" style="border-color:#918d8d; width: 75%;"><p></p>
  89. <h1 class="m-0 display-4 text-lowercase" style="font-size:large; color: #000000; letter-spacing:2px;" align="left"><i class="fas fa-award" aria-hidden="true"> <b>trivia</b></i></h1><p></p>
  90.  
  91. <ul class="fa-ul">
  92.  
  93.   <li><span class="fa-li"><i class="fas fa-spinner fa-pulse"></i></span>trivia one</li>
  94.   <li><span class="fa-li"><i class="fas fa-spinner fa-pulse"></i></span>trivia two</li>
  95.     <li><span class="fa-li"><i class="fas fa-spinner fa-pulse"></i></span>trivia three</li>
  96.  
  97. </ul>
  98.  </div>
  99.        
  100.        
  101.        
  102.        
  103.        
  104.        
  105.     </div>
  106.    
  107.     <p></p>
  108.    
  109. <p align="center"><a href="https://toyhou.se/starpowder" class="btn btn-secondary">credit</a></p>
  110.  
  111. <P></P>
  112.    
  113.    
  114.    
  115.    
  116.    
  117. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement