SHARE
TWEET

Untitled

a guest Mar 22nd, 2019 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <div align="center">
  2. <div style="max-width: 900px;">
  3. <div class="row">
  4. <div class="rightcolumn d-none d-sm-block col-sm-4" style="
  5. padding: 10px; float: left;
  6. padding-left: 40px;">
  7.  
  8. <div class="card bg-faded" style="
  9. padding: 20px; border: 0px solid; border-color: #78E044;
  10. margin-top: 0px; font-family: Arial;
  11. padding: 20px; line-height: 43px;">
  12. <!--------------------------- NAVIGATION BUTTONS -------------------------------------->
  13. <ul class="mb-2 nav card-footer-tabs nav-justified text-uppercase text-muted" style="letter-spacing:1px; padding:5px;">
  14. <li class="nav-item"><a class="nav-link show active" data-toggle="tab" href="#TWO"><span style='font-family: "zapf dingbats";'>as foretold,</span></a>
  15. <a class="nav-link show" data-toggle="tab" href="#THREE"><span style=' font-family: "zapf dingbats";'>conquest</span></a>
  16. <a class="nav-link show" data-toggle="tab" href="#FOUR"><span style=' font-family: "zapf dingbats";'>and entropy</span></a></li>
  17. </ul>
  18. <div><span style="letter-spacing: 1px; text-transform: uppercase;"><br></span></div>
  19. </div>
  20. </div>
  21.  
  22. <!-- ------------------------------
  23.  
  24. column 2
  25.  
  26. ------------------------------- -->
  27. <div class="leftcolumn col-sm-8" style="height:500px;
  28. padding: 10px; float: left;
  29. padding-left: -40px;">
  30. <div align="center">
  31. <div class="card bg-faded" media="" style="max-width:870px; padding:0px;">
  32. <div class="tab-content bg-faded text-muted" style="max-width:670px;">
  33. <!--------------------------- SECTION TWO -- DETAILS ------------------------------------>
  34. <div class="tab-pane card-block pb-0 show active" id="TWO" style="height:400px; overflow:auto;">
  35. <div class="display-4 text-uppercase d-flex justify-content-between" style="font-size:22px;letter-spacing:1px;">THE EVENING STAR</div>
  36.  
  37. <p style="text-align: left;"><sub><b>Noun</b><br>
  38. ǣfensteorra : <br>
  39.                    1. The evening star: Venus as seen in the early evening.</sub></p>
  40.  
  41. <hr>
  42.  
  43. <p style="text-align: left;">Gold-trimmed indigo flecked with stars that danced with as much life as the nightsky embodied the creature's frame. Described best as a dragon, she seemed too ethereal to be a living, breathing creature - although, few were blessed enough to encounter her close at hand. Often seen at a distance wheeling leisurely circles, it was small wonder many thought her presence a good omen. Worshiped and protected by the uneducated, the creature had been invited into this world and wasn't about to leave willingly.</p>
  44. <hr>
  45.  
  46. <div class="d-flex">
  47. <div class="card rounded-circle mx-auto" style="overflow:hidden;max-width:200px;height:200px;">
  48. <div style="display:inline-block;position:relative;left:-185px;top:-52.5px;">
  49.  
  50. <iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/-xFTvudHR_8?controls=0&iv_load_policy=3&loop=1" frameborder="0" allowfullscreen=""></iframe>
  51.  
  52. </div>
  53. </div>
  54. </div>
  55. <p style="text-align: right;"><sup><sup>layout by @robot</sup></sup></p>
  56. </div>
  57. <!--------------------------- SECTION THREE -- STORY ------------------------------------>
  58. <div class="tab-pane card-block pb-1 show" id="THREE" style="height:400px; overflow:auto;">
  59.  
  60. <p style="text-align: center; font-size:22px;letter-spacing:1px;"><i>"Now, it begins."</i></p>
  61.  
  62. <table style="width: 100%; border:none;">
  63. <tbody>
  64. <tr>
  65. <td style="text-align: right;">name</td>
  66. <td>
  67.  
  68. <p style="text-align: left;">their true name is unclear, and they innumerable monikers; very commonly they are referred to as <i>venus</i>, <i>Ç£fensteorra</i>, or simply <i>steorra</i>.</p>
  69. </td>
  70. </tr>
  71. <tr>
  72. <td style="width: 7.4206%; text-align: right;">species</td>
  73. <td style="width: 92.4207%;">
  74. <p style="text-align: left;"><i class="fas fa-dragon"></i></p>
  75. </td>
  76. </tr>
  77. <tr>
  78. <td style="width: 7.4206%; text-align: right;">breed</td>
  79. <td style="width: 92.4207%;">
  80.  
  81. <p style="text-align: left;">???</p>
  82. </td>
  83. </tr>
  84. <tr>
  85. <td style="width: 7.4206%; text-align: right;">sex</td>
  86. <td style="width: 92.4207%;">
  87.  
  88. <p style="text-align: left;"><i class="fas fa-venus"></i></p>
  89. </td>
  90. </tr>
  91. <tr>
  92. <td style="width: 7.4206%; text-align: right;">age</td>
  93. <td style="width: 92.4207%;">
  94.  
  95. <p style="text-align: left;">irrelevant, fully mature</p>
  96. </td>
  97. </tr>
  98. <tr>
  99. <td style="width: 7.4206%; text-align: right;">personality</td>
  100. <td style="width: 92.4207%;">
  101.  
  102. <p style="text-align: left;">snide with that haughty air of self-importance that drives away all but the most determined of companions.</p>
  103. </td>
  104. </tr>
  105. </tbody>
  106. </table>
  107. </div>
  108. <!--------------------------- SECTION FOUR -- LINKS ------------------------------------>
  109. <div class="tab-pane card-block pb-1 show" id="FOUR" style="height:400px; overflow:auto;">
  110. <div class="row">
  111. <!--------------------------- CHARACTER LINK -------------------------------------->
  112. <div align="center">
  113.  
  114. <table style="width: 90%; border:0px;">
  115. <tbody>
  116. <tr>
  117. <td style="width: 28.3333%;">NOME</td>
  118. <td style="width: 71.5152%;">DESC</td>
  119. </tr>
  120. <tr>
  121. <td style="width: 28.3333%;">NOME</td>
  122. <td style="width: 71.5152%;">DESC</td>
  123. </tr>
  124. <tr>
  125. <td style="width: 28.3333%;">NOME</td>
  126. <td style="width: 71.5152%;">DESC</td>
  127. </tr>
  128. <tr>
  129. <td style="width: 28.3333%;">NOME</td>
  130. <td style="width: 71.5152%;">DESC</td>
  131. </tr>
  132. <tr>
  133. <td style="width: 28.3333%;">NOME</td>
  134. <td style="width: 71.5152%;">DESC</td>
  135. </tr>
  136. </tbody>
  137. </table>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142.  
  143. </div>
  144. </div>
  145. </div>
  146. </div>
  147.  
  148. </div>
  149. </div>
  150. </div>
  151. </div>
  152.  
  153. <div class="fixed-bottom p-2" style="right:0;left:inherit;">
  154.   <a class="btn btn-default btn-sm rounded-0" style="font-size:12px;" href="https://toyhou.se/3614196.-f2u-html-tidbits/3614551.001-character-background">
  155.     <i class="fal fa-code"></i>
  156.   </a>
  157. </div>
  158.  
  159. <div style="position:absolute;top:0;bottom:0;left:0;
  160.  
  161.   background:#e08d8d url(https://file.toyhou.se/images/12382028_P3tRSvemjUSMwD8.png) fixed center;
  162.  
  163. width:100%;z-index:-1;"></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