Advertisement
Anonimiss

character sheet

Aug 13th, 2018
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.51 KB | None | 0 0
  1. <div class="container">
  2. <div class="card card-block card-inverse card-primary rounded-0 text-white display-4"><em>Basic Info</em></div>
  3. <div class="card card-block bg-faded mb-3" style="border:transparent;">
  4. <div class="row">
  5. <div class="col-sm-6">
  6.  
  7. <ul class="list-unstyled">
  8. <li>
  9. <div class="row mb-1">
  10. <div class="col-4"><strong>Name</strong></div>
  11. <div class="col-8">Name <font color="#9b9b9b">(pronunciation)</font></div>
  12. </div>
  13. <div class="row mb-1">
  14. <div class="col-4"><strong>Age</strong></div>
  15. <div class="col-8">X years old</div>
  16. </div>
  17. <div class="row mb-1">
  18. <div class="col-4"><strong>Gender</strong></div>
  19. <div class="col-8">Gender</div>
  20. </div>
  21. <div class="row mb-1">
  22. <div class="col-4"><strong>Sexuality</strong></div>
  23. <div class="col-8">Sexuality</div>
  24.  
  25. <p>
  26. <br>
  27. </p>
  28. </div>
  29. </li>
  30. </ul>
  31. </div>
  32. <div class="col-sm-6">
  33. <div class="row mb-1">
  34. <div class="col-4"><strong>Height</strong></div>
  35. <div class="col-8">1&#39;1&quot;</div>
  36. </div>
  37. <div class="row mb-1">
  38. <div class="col-4"><strong>Body type</strong></div>
  39. <div class="col-8">Body type</div>
  40. </div>
  41. <div class="row mb-1">
  42. <div class="col-4">
  43. <br>
  44. </div>
  45. </div>
  46. <div class="row mb-1">
  47. <div class="col-8">
  48. <br>
  49. </div>
  50.  
  51. <p>
  52. <br>
  53. </p>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. <div class="card card-block card-inverse card-primary rounded-0 text-white display-4"><em>Personality</em></div>
  59. <div class="card card-block bg-faded mb-3" style="border:transparent;">
  60. <div class="row">
  61. <div class="col-sm-4">
  62.  
  63. <ul style="list-style-type: disc;">
  64. <li>Trait</li>
  65. <li>Trait</li>
  66. <li>Trait</li>
  67. <li>Trait</li>
  68. <li>Trait</li>
  69. </ul>
  70. </div>
  71. <div class="col-sm-8">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lectus sapien, rutrum vitae volutpat sit amet, scelerisque euismod velit. Donec leo enim, condimentum vel consectetur ut, sollicitudin ut dolor. In eu auctor odio. In a felis erat. Duis sit amet porttitor nibh. Maecenas eget eros accumsan, finibus neque vel, pretium est. In dictum quam quis ante volutpat, at porta lacus feugiat. Praesent porta, risus ac suscipit vulputate, magna quam sollicitudin mauris, non accumsan eros ligula vel magna. Donec finibus nisi id lacus ultrices tempor.&nbsp;</div>
  72. </div>
  73. </div>
  74. <div class="row justify-content-between">
  75. <div class="col-md-4">
  76. <div class="card card-block card-inverse card-primary rounded-0 text-white display-4"><em>Likes</em></div>
  77.  
  78. <ul class="card card-block bg-faded text-left list-unstyled mb-3" style="border:transparent;">
  79. <li><i class="fa fa-check"></i> Like</li>
  80. <li><i class="fa fa-check"></i> Like</li>
  81. <li><i class="fa fa-check"></i> Like</li>
  82. <li><i class="fa fa-check"></i> Like</li>
  83. <li><i class="fa fa-check"></i> Like</li>
  84. </ul>
  85. </div>
  86. <div class="col-md-4">
  87. <div class="card card-block card-inverse card-primary rounded-0 text-white display-4"><em>Dislikes</em></div>
  88.  
  89. <ul class="card card-block bg-faded text-left list-unstyled mb-3" style="border:transparent;">
  90. <li><i class="fa fa-times"></i> Dislike</li>
  91. <li><i class="fa fa-times"></i> Dislike</li>
  92. <li><i class="fa fa-times"></i> Dislike</li>
  93. <li><i class="fa fa-times"></i> Dislike</li>
  94. <li><i class="fa fa-times"></i> Dislike</li>
  95. </ul>
  96. </div>
  97. <div class="col-md-4">
  98. <div class="card card-block card-inverse card-primary rounded-0 text-white display-4"><em>Hobbies</em></div>
  99.  
  100. <ul class="card card-block bg-faded text-left list-unstyled mb-3" style="border:transparent;">
  101. <li><i class="fa fa-star"></i> Hobby</li>
  102. <li><i class="fa fa-star"></i> Hobby</li>
  103. <li><i class="fa fa-star"></i> Hobby</li>
  104. <li><i class="fa fa-star"></i> Hobby</li>
  105. <li><i class="fa fa-star"></i> Hobby</li>
  106. </ul>
  107. </div>
  108. </div>
  109. <div class="card card-block card-inverse card-primary rounded-0 text-white display-4"><em>Abilities</em></div>
  110. <div class="card card-block bg-faded mb-3" style="border:transparent;">
  111.  
  112. <ul style="list-style-type: disc;">
  113. <li class="mb-2">Ability.</li>
  114. <li class="mb-2">Ability.</li>
  115. </ul>
  116. </div>
  117. <div class="card card-block card-inverse card-primary rounded-0 text-white display-4"><em>Backstory</em></div>
  118. <div class="card card-block bg-faded mb-3" style="border:transparent;">
  119.  
  120. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lectus sapien, rutrum vitae volutpat sit amet, scelerisque euismod velit. Donec leo enim, condimentum vel consectetur ut, sollicitudin ut dolor. In eu auctor odio. In a felis erat. Duis sit amet porttitor nibh. Maecenas eget eros accumsan, finibus neque vel, pretium est. In dictum quam quis ante volutpat, at porta lacus feugiat. Praesent porta, risus ac suscipit vulputate, magna quam sollicitudin mauris, non accumsan eros ligula vel magna. Donec finibus nisi id lacus ultrices tempor. Quisque lacinia justo lectus, non cursus ligula efficitur sit amet. Pellentesque nec augue vitae lacus sollicitudin congue vel ac tellus. Fusce magna enim, facilisis quis est et, gravida efficitur velit. In hac habitasse platea dictumst. Duis id ullamcorper eros, sed gravida magna. Vivamus eleifend, magna at tempus mollis, ipsum odio tempus nunc, nec ultrices ex magna eget sapien. Proin nec erat ornare, ullamcorper libero vitae,</p>
  121. </div>
  122. <div class="card card-block card-inverse card-primary rounded-0 text-white display-4"><em>Relationships</em></div>
  123. <div class="card card-block bg-faded mb-3" style="border:transparent;">
  124. <div class="container">
  125. <div class="row justify-content-between">
  126.  
  127. <p><a href="https://toyhou.se/" id="">name</a> | Relationship</p>
  128.  
  129. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lectus sapien, rutrum vitae volutpat sit amet, scelerisque euismod velit. Donec leo enim, condimentum vel consectetur ut, sollicitudin ut dolor. In eu auctor odio. In a felis erat. Duis sit amet porttitor nibh. Maecenas eget eros accumsan, finibus neque vel, pretium est. In dictum quam quis ante volutpat, at porta lacus feugiat. Praesent porta, risus ac suscipit vulputate, magna quam sollicitudin mauris, non accumsan eros ligula vel magna. Donec finibus nisi id lacus ultrices tempor. Quisque lacinia justo lectus, non cursus ligula efficitur sit amet.</p>
  130.  
  131. <p><a href="https://toyhou.se/" id="">name</a> | Relationship</p>
  132.  
  133. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed lectus sapien, rutrum vitae volutpat sit amet, scelerisque euismod velit. Donec leo enim, condimentum vel consectetur ut, sollicitudin ut dolor. In eu auctor odio. In a felis erat. Duis sit amet porttitor nibh. Maecenas eget eros accumsan, finibus neque vel, pretium est. In dictum quam quis ante volutpat, at porta lacus feugiat. Praesent porta, risus ac suscipit vulputate, magna quam sollicitudin mauris, non accumsan eros ligula vel magna. Donec finibus nisi id lacus ultrices tempor. Quisque lacinia justo lectus, non cursus ligula efficitur sit amet.</p>
  134. </div>
  135. </div>
  136. </div>
  137. <div class="card card-block card-inverse card-primary rounded-0 text-white display-4"><em>Design Notes</em></div>
  138. <div class="card card-block bg-faded mb-3" style="border:transparent;">
  139.  
  140. <ul style="list-style-type: disc;">
  141. <li>Note.</li>
  142. <li>Note.</li>
  143. <li>Note.</li>
  144. </ul>
  145. </div>
  146.  
  147. <p class="text-right">profile html by @hukiolukio</p>
  148. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement