Advertisement
Guest User

Untitled

a guest
Feb 18th, 2018
58
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.05 KB | None | 0 0
  1. <!-------------------------------
  2.  
  3. SIMPLE BY JAYDEN @ TH
  4. HUGE THANKS TO STARLIPOP @ TH FOR THEIR GOLDMINE CODES
  5. WITHOUT THEM THIS LAYOUT WOULDN'T BE POSSIBLE!
  6.  
  7. PLEASE DO NOT SELL, REDISTRIBUTE OR COPY
  8.  
  9. TO CHANGE THE COLOR, LOOK FOR #BFA7DB
  10. AND CHANGE IT USING A HEX COLOR!
  11.  
  12. ---------------------------------
  13.  
  14. SIDE IMAGE MUST BE SQUARE
  15. MAX IS 300 X 300
  16.  
  17. IMAGE----------------------------->
  18. <div class="card bg-faded" style="width:300px; padding:5px; border:1px solid #ff6961;">
  19. <div class="card-block"><img src="https://orig00.deviantart.net/e055/f/2018/049/a/1/6527528_pfvqcmbwj6eaqmu_by_goatkiie-dc3luw7.png" class="fr-fic fr-dii" width="238" height="238"></div>
  20. </div>
  21. <!---------------
  22.  
  23.  
  24.  
  25. LEFT INFO------------>
  26. <div class="ui-accordion card bg-faded" style="width:300px; height:280px; margin-top:20px; border:1px solid #ff6961;">
  27.  
  28. <h2 class="card-inverse card-header" style="letter-spacing:3px;text-transform:uppercase;background-color:#ff6961;"><i class="fa fa-rocket"></i> status</h2>
  29. <div class="ui-accordion-content card-block">
  30.  
  31. <table style="height:100%; border:none;" width="100%">
  32. <tbody>
  33. <tr>
  34. <td style="width: 87.1795%; text-align: center;"><strong>Obtained:&nbsp;</strong></td>
  35. </tr>
  36. <tr>
  37. <td style="width: 87.1795%; text-align: center;"><strong>Status:</strong> Active sona</td>
  38. </tr>
  39. <tr>
  40. <td style="width: 87.1795%; text-align: center;"><strong>Worth:</strong>&nbsp;</td>
  41. </tr>
  42. <tr>
  43. <td style="text-align: center;"><strong>Notes:</strong>&nbsp;</td>
  44. </tr>
  45. <tr>
  46. <td style="text-align: center;"><strong>Creator:</strong>
  47. <a href="https://enderflame93.deviantart.com/" id="">Cass</a></td>
  48. </tr>
  49. </tbody>
  50. </table>
  51. </div>
  52. </div>
  53. <!---------------
  54.  
  55.  
  56.  
  57. CREDITS DO NOT REMOVE------------>
  58. <div class="card bg-faded" style="width:300px;margin-top:20px;text-transform:uppercase;">
  59. <div class="card-block" style="text-align: center;"><span style="font-size: 9px; color: rgb(115, 115, 115);">Layout by @Jayden &nbsp; &bull; &nbsp;</span></div>
  60. </div>
  61. <!---------------
  62.  
  63.  
  64.  
  65. MAIN PANEL------------>
  66. <div class="ui-accordion card bg-faded" style="width:700px; height:673px; margin-left:318px; margin-top:-673px;border:1px solid #ff6961;">
  67.  
  68. <h2 class="card-inverse card-header" style="letter-spacing:3px;text-transform:uppercase;background-color:#ff6961;"><i class="fa fa-id-card-o"></i> Neo</h2>
  69. <div class="ui-accordion-content card-block bg-faded" style="height: 210px;"><em>stoic &bull; brave &bull; hostile</em>
  70. <hr style="border:dashed #dddddd;border-width:1px 0 0;">
  71.  
  72. <table class="double table-hover" style="margin-right: calc(0%); width: 100%; margin-left: calc(0%); border:none;">
  73. <tbody>
  74. <tr>
  75. <td class="title" style="width: 21.9243%; text-align: right;"><strong>Name</strong></td>
  76. <td style="text-align: left; width: 27.4451%;">Neo</td>
  77. <td class="title" style="width: 25.2363%; text-align: right;"><strong>Birthdate</strong></td>
  78. <td style="width: 25.394%; text-align: left;">???</td>
  79. </tr>
  80. <tr>
  81. <td class="title" style="width: 21.9243%; text-align: right;"><strong>Age</strong></td>
  82. <td style="text-align: left; width: 27.4451%;">19</td>
  83. <td class="title" style="width: 25.2363%; text-align: right;"><strong>Zodiac</strong></td>
  84. <td style="width: 25.394%; text-align: left;">???</td>
  85. </tr>
  86. <tr>
  87. <td class="title" style="width: 21.9243%; text-align: right;"><strong>Gender</strong></td>
  88. <td style="text-align: left; width: 27.4451%;">Male</td>
  89. <td class="title" style="width: 25.2363%; text-align: right;"><strong>Orientation</strong></td>
  90. <td style="width: 25.394%; text-align: left;">Bi</td>
  91. </tr>
  92. <tr>
  93. <td class="title" style="width: 21.9243%; text-align: right;"><strong>Species</strong></td>
  94. <td style="text-align: left; width: 27.4451%;">Wendigo</td>
  95. <td class="title" style="width: 25.2363%; text-align: right;"><strong>Song</strong>
  96. <br>
  97. </td>
  98. <td style="width: 25.394%; text-align: left;"><a href="https://www.youtube.com/watch?v=TV5m7KvWUj0" id="">Another way out</a>
  99. <br>
  100. </td>
  101. </tr>
  102. <tr>
  103. <td class="title" style="width: 21.9243%; text-align: right;"><strong>Relationship</strong></td>
  104. <td style="text-align: left; width: 27.4451%;">-</td>
  105. <td class="title" style="width: 25.2363%; text-align: right;">
  106. <br>
  107. </td>
  108. <td style="width: 25.394%; text-align: left;">
  109. <br>
  110. </td>
  111. </tr>
  112. <tr>
  113. <td class="title" style="width: 21.9243%; text-align: right;">
  114. <br>
  115. </td>
  116. <td style="text-align: left; width: 27.4451%;">
  117. <br>
  118. </td>
  119. <td class="title" style="width: 25.2363%; text-align: right;">
  120. <br>
  121. </td>
  122. <td style="width: 25.394%; text-align: left;">
  123. <br>
  124. </td>
  125. </tr>
  126. </tbody>
  127. </table>
  128. <hr style="border:dashed #dddddd;border-width:1px 0 0;">
  129. </div>
  130. <div class="ui-accordion-content card-block bg-faded" style="height: 150px; text-align: center;">
  131. <br>
  132. </div>
  133. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement