Advertisement
Modwri

toyhouse coding

Sep 7th, 2023
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.93 KB | None | 0 0
  1. <div class="container mx-auto" style="width:1050px;">
  2. <div class="card card-outline-warning mb-4">
  3. <div class="card-header bg-primary display-3">
  4. About
  5. </div>
  6. <div class="card-block bg-faded">
  7. <div>
  8. <ul class="magnific-gallery list-unstyled">
  9. <li class="gallery-item">
  10. <a href="IMAGE" class="magnific-item th float-right ml-1">
  11. <img src="THUMBNAIL">
  12. </a>
  13. </li>
  14. </ul>
  15. <tr>
  16. <td class="w-50 align-top">
  17. <p><b>【NAME】</b>
  18. <br>Words.
  19. <br><b>【AGE】</b>
  20. <br>Words.
  21. <br><b>【GENDER】</b>
  22. <br>Words.
  23. <br><b>【ORIGIN】</b>
  24. <br>Words.
  25. <br><b>【STATUS】</b>
  26. <br>Words.
  27. </p>
  28. </td>
  29. <td class="w-50 align-top">
  30. <p><b>【ALIAS】</b>
  31. <br>Words.
  32. <br><b>【D.O.B.】</b>
  33. <br>Words.
  34. <br><b>【ORIENTATION】</b>
  35. <br>Words.
  36. <br><b>【SPECIES】</b>
  37. <br>Words.
  38. <br><b>【THEME】</b>
  39. <br><a href="link">Title</a>
  40. </p>
  41. </td>
  42. </tr>
  43. </table>
  44. <p>hook goes here</p>
  45. </div>
  46. </div>
  47. </div>
  48. <div class="card card-outline-warning mb-4">
  49. <div class="card-header bg-primary display-3">
  50. Tendencies
  51. </div>
  52. <div class="card-block bg-faded">
  53. <div>
  54. <p>A few descriptive paragraphs.</p>
  55. <table class="w-100 border-0">
  56. <tr>
  57. <td class="align-top" style="width:33.3%;">
  58. <b>【Likes】</b>
  59. <ul class="mb-0">
  60. <li>words</li>
  61. <li>words</li>
  62. <li>words</li>
  63. <li>words</li>
  64. </ul>
  65. </td>
  66. <td class="align-top" style="width:33.3%;">
  67. <b>【Dislikes】</b>
  68. <ul class="mb-0">
  69. <li>words</li>
  70. <li>words</li>
  71. <li>words</li>
  72. <li>words</li>
  73. </ul>
  74. </td>
  75. <td class="align-top" style="width:33.3%;">
  76. <b>【Habits】</b>
  77. <ul class="mb-0">
  78. <li>words</li>
  79. <li>words</li>
  80. <li>words</li>
  81. <li>words</li>
  82. </ul>
  83. </td>
  84. </tr>
  85. </table>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="card card-outline-warning mb-4">
  90. <div class="card-header bg-primary display-3">
  91. Design
  92. </div>
  93. <div class="card-block bg-faded">
  94. <div>
  95. <ul class="magnific-gallery list-unstyled">
  96. <li class="gallery-item">
  97. <a href="IMAGE" class="magnific-item th float-right ml-1">
  98. <img src="THUMBNAIL">
  99. </a>
  100. </li>
  101. </ul>
  102. <table class="border-0 w-75 mx-auto">
  103. <tr>
  104. <td class="w-50 align-top">
  105. <p><b>【HEIGHT】</b>
  106. <br>Words.
  107. <br><b>【SKIN TONE】</b>
  108. <br>Words.
  109. <br><b>【HAIR COLOR】</b>
  110. <br>Words.
  111. <br><b>【DEMEANOR】</b>
  112. <br>Words.
  113. </p>
  114. </td>
  115. <td class="w-50 align-top">
  116. <p><b>【BUILD】</b>
  117. <br>Words.
  118. <br><b>【EYES】</b>
  119. <br>Words.
  120. <br><b>【HAIR STYLE】</b>
  121. <br>Words.
  122. <br><b>【STYLE】</b>
  123. <br>Words.
  124. </p>
  125. </td>
  126. </tr>
  127. </table>
  128. <p>A few descriptive paragraphs.</p>
  129. </div>
  130. </div>
  131. </div>
  132. <div class="card card-outline-warning mb-4">
  133. <div class="card-header bg-primary display-3">
  134. History
  135. </div>
  136. <div class="card-block bg-faded">
  137. <div>
  138. <ul class="magnific-gallery list-unstyled">
  139. <li class="gallery-item">
  140. <a href="IMAGE" class="magnific-item th float-left ml-1" style="width:300px; padding-right:20px;">
  141. <img src="THUMBNAIL" style="width:300px;">
  142. </a>
  143. </li>
  144. </ul>
  145. <p>A few descriptive paragraphs.</p>
  146. </div>
  147. </div>
  148. </div>
  149. <div class="card card-outline-warning mb-4">
  150. <div class="card-header bg-primary display-3">
  151. Relationships
  152. </div>
  153. <div class="card-block bg-faded">
  154. <table class="w-100 border-0">
  155. <tr>
  156. <td class="w-50 align-top">
  157. <a href=""><img src="https://i.imgur.com/g01OBpV.png" style="height: 150px;" class="float-left mr-1 img-rounded"></a>
  158. <br><b>【NAME】</b>
  159. <br><em>Title.</em>
  160. <br><br><p>Description.</p>
  161. </td>
  162. <td class="w-50 align-top">
  163. <a href=""><img src="https://i.imgur.com/g01OBpV.png" style="height: 150px;" class="float-left mr-1 img-rounded"></a>
  164. <br><b>【NAME】</b>
  165. <br><em>Title.</em>
  166. <br><br><p>Description.</p>
  167. </td>
  168. </tr>
  169. <tr>
  170. <td class="w-50 align-top">
  171. <a href=""><img src="https://i.imgur.com/g01OBpV.png" style="height: 150px;" class="float-left mr-1 img-rounded"></a>
  172. <br><b>【NAME】</b>
  173. <br><em>Title.</em>
  174. <br><br><p>Description.</p>
  175. </td>
  176. <td class="w-50 align-top">
  177. <a href=""><img src="https://i.imgur.com/g01OBpV.png" style="height: 150px;" class="float-left mr-1 img-rounded"></a>
  178. <br><b>【NAME】</b>
  179. <br><em>Title.</em>
  180. <br><br><p>Description.</p>
  181. </td>
  182. </tr>
  183. </table>
  184. </div>
  185. </div>
  186. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement