Advertisement
ObscureSunrise

TH Miku Hatsune

May 7th, 2023
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.68 KB | None | 0 0
  1. <div class="my-lg-5 mx-auto" style="font-weight:500; font-size:80%; letter-spacing:.25px; line-height:15px; max-width:500px">
  2.  
  3. <!--- 02. SECOND BAR (MAIN BLOCK 01) --->
  4. <div class="card d-block rounded-0 p-2 mt-2" style="border:2px dotted #DAD0F7; background-color:#FFF">
  5. <div class="row no-gutters">
  6.  
  7. <!--- FIRST COLUMN (IMAGE) --->
  8. <div class="col-4 p-0" style="text-align:center">
  9. <img src="https://64.media.tumblr.com/00981a7e5085511e8dfde89d7f759e9c/f0d39d646e0e4ec7-f5/s540x810/c0d8ba8ac473f0d66b23960a65c47f6539d5b899.gifv" style="border-radius:1em; width:150px; height:180px; object-fit:cover"/>
  10. </div>
  11. <!------------------------------------------------
  12. Copy and paste the link of your desired image inside: src="LINK GOES HERE"
  13. ------------------------------------------------->
  14. <!------------->
  15.  
  16. <!--- SECOND COLUMN (INFORMATION) --->
  17. <div class="col-4 p-0 pt-2">
  18.  
  19. <!--- NAME --->
  20. <p align="center" style="font-style:italic; font-family:Georgia; color:#93A5E1; font-size:2em; font-weight:bold">
  21. Sleepy Mia
  22. <i class="fa fa-beat-fade">♪</i>
  23. </p>
  24. <!------------->
  25.  
  26. <!--- INTRODUCTION --->
  27. <p style="color:#93A5E1">
  28.  
  29. <span style="background:#F0F3FF">
  30. She/her
  31. ||
  32. young adult
  33. ||
  34. (´,,•ω•,,) ♡</span>
  35.  
  36. <span>English is not my native language!!</span>
  37. </p>
  38. <p style="color:#93A5E1">
  39. A silly and sensitive girl who is just trying hard! (´。• ᵕ •。`)
  40. <br>I don't mind talking, but please be polite and understanding!
  41. </p>
  42.  
  43. <!------------------------------------------------
  44. This is just an example! You can write your own introduction!
  45. ------------------------------------------------->
  46. <!------------->
  47.  
  48. <!--- SOCIAL MEDIA LINKS --->
  49. <div class="row no-gutters">
  50. <div class="col-4 p-1">
  51.  
  52. <a class="btn btn-outline d-block p-2 mt-2 mb-1" href="https://vk.com/whyareuthatsad" style="text-align:center; font-weight:bold; font-style:italic; font-family:Georgia; color:#A99CE7; border-radius:0.75em; border-color:#F0F1F5; background-color:#F0F3FF">
  53. <i class="fa-brands fa-vk"></i>
  54. </a>
  55. </div>
  56.  
  57. <div class="col-4 p-1">
  58. <a class="btn btn-outline d-block p-2 mt-2 mb-1" href="https://buzzly.art/~whyareyouthatsad" style="text-align:center; font-weight:bold; font-style:italic; font-family:Georgia; color:#A99CE7; border-radius:0.75em; border-color:#F0F1F5; background-color:#F0F3FF">
  59. <i class="fa-solid fa-bee"></i>
  60. </a>
  61. </div>
  62.  
  63. <div class="col-4 p-1">
  64. <a class="btn btn-outline d-block p-2 mt-2 mb-1" title="whyareuthatsad#3508" style="text-align:center; font-weight:bold; font-style:italic; font-family:Georgia; color:#A99CE7; border-radius:0.75em; border-color:#F0F1F5; background-color:#F0F3FF">
  65. <i class="fa-brands fa-discord"></i>
  66. </a>
  67. </div>
  68. </div>
  69. <!------------------------------------------------
  70. Copy and paste the link of your social media accounts inside: href="LINK GOES HERE"
  71. ------------------------------------------------->
  72. <!------------->
  73.  
  74. </div>
  75.  
  76. <!------------->
  77.  
  78. <!--- THIRD COLUMN (PREFERENCES) --->
  79.  
  80. <div class="col-4 p-0">
  81. <div class="row no-gutters">
  82.  
  83. </div>
  84. <br>
  85. <!------------->
  86.  
  87. <!--- (☆▽☆) SECTION --->
  88. <div class="card d-block rounded-0 p-1" style="border-width:2px; border-color:#EBF2FF; background-color:#FFF">
  89. <p style="font-weight:500; color:#BFD5FF">
  90. <span class="mr-1" style="background:#EBF2FF">
  91.  <b>♡ Open/maybe:</b>  
  92. </span><br>
  93. <b><i>Requests</i></b> — open periodically, information in the post/thread
  94. <br><b><i>Trades</i></b> — open for both art and characters!
  95. </p>
  96. </div>
  97. <!------------------------------------------------
  98. This section is basically the "Likes" section!
  99. ------------------------------------------------->
  100. <!------------->
  101.  
  102. <!--- 〒▽〒 SECTION --->
  103. <div class="card d-block rounded-0 p-1 mt-1" style="border-width:2px; border-color:#EBF2FF; background-color:#FFF">
  104. <p style="font-weight:500; color:#BFD5FF">
  105. <span class="mr-1" style="background:#EBF2FF">
  106.  <b>× Closed/maybe:</b>  
  107. </span><br>
  108. <b><i>Customs/collabs</i></b> — ask/maybe
  109. <br><b><i>Commissions</i></b> — completely closed
  110. </p>
  111. </div>
  112. <!------------------------------------------------
  113. This section is basically the "Dislikes" section!
  114. ------------------------------------------------->
  115. <!------------->
  116.  
  117. </div>
  118. </div>
  119. </div>
  120.  
  121. <!------------->
  122.  
  123. <!--- 04. FOURTH BAR (MAIN BLOCK 02) --->
  124.  
  125. <div class="card d-block rounded-0 p-5 mt-2" style="color:#fdc0c6; border:2px dotted #F3BEE7; background-color:#FFF">
  126. <div class="row no-gutters">
  127. <div class="col-6">
  128.  
  129. <!--- BEFORE YOU FOLLOW SECTION --->
  130. <p style="color:#F4A8E0;">
  131. I draw traditionally with different materials. Mainly with alcohol markers, watercolors, colored pencils, liners. Sometimes I also make various postcards with scrapbooking elements. I draw less often in digital, but still try to practice and improve my skill and anatomy!
  132. </p>
  133.  
  134. <p style="color:#F4A8E0;">
  135. I don't mind talking, but please be polite and understanding! Feel free to write to me in the comments or send me a message!
  136. <br> ( ´。• ᵕ •。` ) ♡
  137. </p>
  138. <!------------->
  139.  
  140. </div>
  141. <div class="col-6">
  142. <!--- DON'T FOLLOW IF SECTION --->
  143. <img align="right" src="https://64.media.tumblr.com/4e426f6f6afd241d323b98f7fabdbeb2/f432b211ceb91b86-07/s1280x1920/519d37521d314b92467af098ed517b35390e3a82.gifv" style="border-radius:1em; width:170px; height:170px; object-fit:cover">
  144. <!------------->
  145.  
  146. </div>
  147. </div>
  148. </div>
  149.  
  150. <!------------->
  151.  
  152. <!--- CREDITS (DO NOT DELETE) --->
  153. <div class="faded small text-right">
  154. <a href="https://toyhou.se/19051128.04-strawberry"><i class="fas fa-code fa-xs fa-fw tooltipster" title="Code by dashyowo" style="color:#ed85a0"></i></a>
  155. </div>
  156. <!------------->
  157.  
  158. </div>
  159. </div>
  160.  
  161. <!------------->
  162.  
  163. <!--- END --->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement