API tools faq
paste
Advertisement
Delaii

ARIES CODE

Delaii
Mar 28th, 2019
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.34 KB | None | 0 0
raw download clone embed print report
  1. <div class="container px-0">
  2. <div class="row">
  3. <div class="col-md-4 col-sm-5 mb-4">
  4. <!--------- SIDE STATS -------------------------------------------------------->
  5.  
  6. <ul class="list-group">
  7. <li class="list-group-item bg-faded d-block">
  8. <!-------------- CHARACTER NAME ----------------------------------------->
  9.  
  10. <h1 class="text-center mb-0" style="font-weight: 300;"><strong>Aries</strong></h1>
  11. </li>
  12. <li class="list-group-item d-block" style="background-image:url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0204ad66-6244-457f-a5be-62e55ff13ad9/dd37y4i-aa35438f-5202-4c5a-975d-079a1159a2d3.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyMDRhZDY2LTYyNDQtNDU3Zi1hNWJlLTYyZTU1ZmYxM2FkOVwvZGQzN3k0aS1hYTM1NDM4Zi01MjAyLTRjNWEtOTc1ZC0wNzlhMTE1OWEyZDMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.i6QUwTZJjtr13_rzJ-C8JIkdVTN1Yl1JPd25R9V02Sc);background-size:cover;background-position:center 0;background-repeat:no-repeat;min-height:300px;">
  13. <br>
  14. </li>
  15. <li class="list-group-item d-block"><strong>Age</strong>
  16. <span class="pull-right">18</span></li>
  17. <li class="list-group-item d-block"><strong>Gender</strong>
  18. <span class="pull-right">Male</span></li>
  19. <li class="list-group-item d-block"><strong>Race</strong>
  20. <span class="pull-right">((Angel)) Ram</span></li>
  21. <li class="list-group-item d-block"><strong>Sexuality</strong>
  22. <span class="pull-right">bisexual</span></li>
  23. <li class="list-group-item d-block"><strong>Status</strong>
  24. <span class="pull-right">Single</span></li>
  25. </ul>
  26. </div>
  27. <div class="col-md-8 col-sm-7 mb-4">
  28. <div class="card">
  29. <div class="card-header bg-faded">
  30. <!--------------------------- NAVIGATION BUTTONS -------------------------------------->
  31.  
  32. <ul class="nav nav-tabs card-header-tabs nav-justified text-uppercase" style="letter-spacing:1px;">
  33. <li class="nav-item"><a class="nav-link show active" data-toggle="tab" href="#ONE">About</a></li>
  34. <li class="nav-item"><a class="nav-link show" data-toggle="tab" href="#TWO">Details</a></li>
  35. <li class="nav-item"><a class="nav-link show" data-toggle="tab" href="#THREE">Story</a></li>
  36. <li class="nav-item"><a class="nav-link show" data-toggle="tab" href="#FOUR">Links</a></li>
  37. </ul>
  38. </div>
  39. <div class="tab-content">
  40. <!--------------------------- SECTION ONE --- ABOUT ----------------------------------->
  41. <div class="tab-pane show card-block pb-1 active" id="ONE" style="height: 550px; overflow:auto;"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0204ad66-6244-457f-a5be-62e55ff13ad9/dd37y4i-aa35438f-5202-4c5a-975d-079a1159a2d3.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyMDRhZDY2LTYyNDQtNDU3Zi1hNWJlLTYyZTU1ZmYxM2FkOVwvZGQzN3k0aS1hYTM1NDM4Zi01MjAyLTRjNWEtOTc1ZC0wNzlhMTE1OWEyZDMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.i6QUwTZJjtr13_rzJ-C8JIkdVTN1Yl1JPd25R9V02Sc" class="float-lg-right ml-lg-2 d-block mx-auto mb-2 hidden-sm-down fr-fir fr-dib" height="381" width="211">
  42.  
  43. <h2 class="text-center my-3"><i class="text-muted"><span style="color: #000000;">&quot;</span></i><em><span style="color: #000000;">...oh...hello...&quot;</span></em></h2>
  44.  
  45. <p>((I can&#39;t give a huge amount of info at this point in time since hes pretty underdeveloped)). Aries doesnt remember much about his past life, he remembers that he died and went to heaven, but thats all he remembers for the most part. He&#39;s very kind in nature and always wants to help people, this is how he became a guardian angel. He barely ever speaks, to the point where most people think hes mute, he isnt though. When he does speak, he always whispers and usually keeps whatever he has to say short. Sometimes when dreaming, he has small flashbacks to his past, when this happens it usually distresses him after he wakes up, even if the memory is nice, when hes sleeping, his helo he usually keeps hidden appears, it always gives a small almost warm like glow.</p>
  46. </div>
  47. <!--------------------------- SECTION TWO -- DETAILS ------------------------------------>
  48. <div class="tab-pane card-block pb-0 show" id="TWO" style="height:550px; overflow:auto;">
  49.  
  50. <h1>Trivia</h1>
  51. <hr class="mt-0">
  52. <div class="row">
  53. <div class="col-sm-6 mb-2"><b class="mr-2">DoB:</b>21st of April</div>
  54. <div class="col-sm-6 mb-2"><b class="mr-2">Demeanor:</b> Kind</div>
  55. <div class="col-sm-6 mb-2"><b class="mr-2">Height:</b>5&#39;8&quot;</div>
  56. <div class="col-sm-6 mb-2"><b class="mr-2">Build:</b> Average</div>
  57. <div class="col-sm-6 mb-2">
  58. <br>
  59. </div>
  60. <div class="col-sm-6 mb-2">
  61. <br>
  62. </div>
  63. <div class="col-sm-6 mb-3"><strong>Likes&nbsp;</strong>
  64. <br>
  65.  
  66. <ul class="mb-0">
  67. <li class="mb-1">Anything to do with outer space</li>
  68. <li class="mb-1">Most savoury foods/drinks</li>
  69. <li class="mb-1">Helping people in anyway possible</li>
  70. </ul>
  71. </div>
  72. <div class="col-sm-6 mb-3"><strong>Dislikes&nbsp;</strong>
  73. <br>
  74.  
  75. <ul class="mb-0">
  76. <li class="mb-1">Mean/cruel people</li>
  77. <li class="mb-1">Any form of abuse</li>
  78. <li class="mb-1">Most sweet foods/drinks</li>
  79. </ul>
  80. </div>
  81. </div>
  82.  
  83. <h1>Character</h1>
  84. <hr class="mt-0 ">
  85. <div class="row">
  86. <div class="col-6 mb-3"><strong>Charisma</strong>
  87. <br>
  88. <div class="progress">
  89. <div class="progress-bar" style="width:70%;">
  90. <br>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="col-6 mb-3"><strong>Empathy</strong>
  95. <br>
  96. <div class="progress">
  97. <div class="progress-bar" style="width:70%;">
  98. <br>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="col-6 mb-3"><strong>Temper</strong>
  103. <br>
  104. <div class="progress">
  105. <div class="progress-bar" style="width:70%;">
  106. <br>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="col-6 mb-3"><strong>Intelligence&nbsp;</strong>
  111. <br>
  112. <div class="progress">
  113. <div class="progress-bar" style="width:70%;">
  114. <br>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="col-6 mb-3"><strong>Integrity</strong>
  119. <br>
  120. <div class="progress">
  121. <div class="progress-bar" style="width:70%;">
  122. <br>
  123. </div>
  124. </div>
  125. </div>
  126. <div class="col-6 mb-3"><strong>Courage</strong>
  127. <br>
  128. <div class="progress">
  129. <div class="progress-bar" style="width:70%;">
  130. <br>
  131. </div>
  132. </div>
  133. </div>
  134. <div class="col-6 mb-3"><strong>Confidence&nbsp;</strong>
  135. <br>
  136. <div class="progress">
  137. <div class="progress-bar" style="width:70%;">
  138. <br>
  139. </div>
  140. </div>
  141. </div>
  142. <div class="col-6 mb-3"><strong>Humour&nbsp;</strong>
  143. <br>
  144. <div class="progress">
  145. <div class="progress-bar" style="width:70%;">
  146. <br>
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152. <!--------------------------- SECTION THREE -- STORY ------------------------------------>
  153. <div class="tab-pane card-block pb-1 show" id="THREE" style="height:550px; overflow:auto;">
  154.  
  155. <h1>History</h1>
  156. <hr class="mt-0 ">
  157.  
  158. <p>He was born and raised as a single child in a small cottage with his mother and father. He didnt have many friends growing up, in fact he only had 1. This didnt bother him however, and they were both very close friends, they both had a passion for outer space and would talk about it any chance they could. However, not long after Aries turned 18 he got into an accident that resulted in his death. He went to heaven where he became an angel, this hurt his terribly, since he couldnt see his only friend anymore. Years pasted for him and he eventually managed to move on slightly, still missing his friend on occasion. Since he is dead, he is unable to age and is stuck as an 18 year old. After adjusting to his new life, and new aspects about himself ((mainly his wings)), he became a guardian angel to ((not yet decided)), who he protects and cares for the best he can. The longer he spend in heaven, the less and less he remembered about his past life, only sometimes remembering small parts when hes dreaming.</p>
  159.  
  160. <h1>
  161. <br>
  162. </h1>
  163. </div>
  164. <!--------------------------- SECTION FOUR -- LINKS ------------------------------------>
  165. <div class="tab-pane card-block pb-1 show" id="FOUR" style="height:550px; overflow:auto;">
  166. <div class="row">
  167. <!--------------------------- CHARACTER LINK -------------------------------------->
  168. <div class="col-12 mb-2"><img src="IMG%20URL" class="rounded float-sm-right ml-sm-2 d-block mx-auto fr-fic fr-dib" height="16" width="16">
  169.  
  170. <h2 class="my-2 text-sm-left text-center"><a href="LINK">Character</a></h2>
  171.  
  172. <p>[ <em>relationship</em> ] :]</p>
  173. </div>
  174. <!--------------------------- CHARACTER LINK -------------------------------------->
  175. <div class="col-12 mb-2"><img src="IMG%20URL" class="rounded float-sm-right ml-sm-2 d-block mx-auto fr-fic fr-dib" height="16" width="16">
  176.  
  177. <h2 class="my-2 text-sm-left text-center"><a href="LINK">Character</a></h2>
  178.  
  179. <p>[ <em>relationship</em> ] :]</p>
  180. </div>
  181. <!--------------------------- CHARACTER LINK -------------------------------------->
  182. <div class="col-12 mb-2"><img src="IMG%20URL" class="rounded float-sm-right ml-sm-2 d-block mx-auto fr-fic fr-dib" height="16" width="16">
  183.  
  184. <h2 class="my-2 text-sm-left text-center"><a href="LINK">Character</a></h2>
  185.  
  186. <p>[ <em>relationship</em> ] ;]</p>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194.  
  195. <p class="text-right"><a class="btn btn-danger" href="/lowkeywicked"><i class="fas fa-code mr-1"></i> Credit</a></p>
  196. </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!