API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 25th, 2020
135
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.36 KB | None | 0 0
raw download clone embed print report
  1. <!--------------------------------
  2.  
  3. RULES
  4. – Read this thoroughly please, and maybe leave a small comment saying that you've read it? :'3 thank youu
  5. [ https://toyhou.se/~bulletins/114207 ]
  6.  
  7. TIPPY TIPS
  8. – this layout uses custom colours and as of DATE, do NOT have bootstrap colours.
  9. – for the stats, change the number in [ width:50% ] to your desired percentage [ 0% to 100% ]
  10.  
  11. – need more help with HTML or there's a bug (prior to any edits)? don't be afraid to PM me <3
  12.  
  13.  
  14. ACCENT : #D11C46
  15. TEXT : #231f20
  16. BACKGROUND : #fff
  17.  
  18.  
  19. --------------------------------->
  20.  
  21.  
  22. <div class="container-fluid pt-4 " style="color: #000000; font-weight:0; font-size:14px; max-width:1000px">
  23. <div class="row no-gutters">
  24.  
  25.  
  26. <!-------------------------------- [ IMAGE ] --------------------------------->
  27. <div class="col-lg-4 p-1">
  28. <div class="card h-100 rounded-0" style="background-color:#D11C46; border-color:#D11C46">
  29.  
  30. <div class="h-100" style="min-height:350px;
  31. background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/26b3ae5c-1393-4f67-9315-10a265746f08/ddr629r-ab154aa3-ca89-4aa4-81c1-94b210ebcb98.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzI2YjNhZTVjLTEzOTMtNGY2Ny05MzE1LTEwYTI2NTc0NmYwOFwvZGRyNjI5ci1hYjE1NGFhMy1jYTg5LTRhYTQtODFjMS05NGIyMTBlYmNiOTgucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.97jBb935ekm-KPsVy4Ci2JocVydVBh-KfpMbNLZ_A-U) center;
  32. background-size:cover;
  33. background-repeat: no-repeat;"></div>
  34.  
  35. </div>
  36. </div>
  37. <!-------------------------------- [ IMAGE END ] --------------------------------->
  38.  
  39.  
  40.  
  41. <!-------------------------------- [ CONTENT BOX ] --------------------------------->
  42. <div class="col-lg-7 p-1">
  43. <div class="card rounded-0" style="background-color:#D11C46; border-color:#D11C46">
  44. <div class="h-100">
  45.  
  46. <!-------------------------------- [ TAB ICONS ] --------------------------------->
  47. <!-- i don't recommand you add or delete tabs unless you 100% know what you're doing lol -->
  48. <ul class="nav row no-gutters text-center my-2">
  49. <li class="nav-item col">
  50. <a class="rounded-0 p-2 border-0 card btn-block active" style="background-color:#D11C46" data-toggle="tab" href="#profile">
  51. <i class="far fa-info-square fa-lg text-white"></i>
  52. </a>
  53. </li>
  54.  
  55. <li class="nav-item col">
  56. <a class="rounded-0 p-2 border-0 card btn-block" style="background-color:#D11C46" data-toggle="tab" href="#about">
  57. <i class="far fa-address-card fa-lg text-white">
  58. </a>
  59. </li>
  60.  
  61. <li class="nav-item col">
  62. <a class="rounded-0 p-2 border-0 card bg-faded btn-block" style="background-color:#D11C46" data-toggle="tab" href="#history">
  63. <i class="far fa-comment-alt-dots fa-lg text-white"></i>
  64. </a>
  65. </li>
  66.  
  67. <li class="nav-item col">
  68. <a class="rounded-0 p-2 border-0 card bg-faded btn-block" style="background-color:#D11C46" data-toggle="tab" href="#misc">
  69. <i class="far fa-music fa-lg text-white"></i>
  70. </a>
  71. </li>
  72.  
  73. <li class="nav-item col">
  74. <a class="rounded-0 p-2 border-0 card bg-faded btn-block" style="background-color:#D11C46" data-toggle="tab" href="#link">
  75. <i class="far fa-link fa-lg text-white"></i>
  76. </a>
  77. </li>
  78. </ul>
  79.  
  80. <!-------------------------------- [ TAB ICONS END ] --------------------------------->
  81.  
  82.  
  83. <div class="tab-content">
  84.  
  85. <!-------------------------------- [ PROFILE ] --------------------------------->
  86. <div class="tab-pane fade active show" id="profile">
  87. <div class="p-2 rounded-0 card" style="background-color:#fff; height:550px; overflow:auto">
  88. <div class="p-3">
  89.  
  90. <div class="font-italic text-uppercase text-right" style="; font-size:15px; letter-spacing:2px;">
  91. <i class="far fa-info-square pull-left"></i>Profile
  92. <hr class="my-1 mb-4" style="border-color: rgba(0,0,0,.110)"></div>
  93.  
  94.  
  95. <div class="px-3 row no-gutters">
  96.  
  97. <div class="col-lg-12" style="">
  98. <span class="text-uppercase pull-left" style="filter: opacity(70%); letter-spacing:1px;">Name</span>
  99. <span class="pull-right">Anichka</span>
  100. <hr class="mt-3" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  101. </div>
  102.  
  103. <div class="col-lg-12" style="">
  104. <span class="text-uppercase pull-left" style="filter: opacity(70%); letter-spacing:1px;">Pronouns</span>
  105. <span class="pull-right">She / he / they</span>
  106. <hr class="mt-3" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  107. </div>
  108.  
  109. <div class="col-lg-12" style="">
  110. <span class="text-uppercase pull-left" style="filter: opacity(70%); letter-spacing:1px;">age</span>
  111. <span class="pull-right">19</span>
  112. <hr class="mt-3" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  113. </div>
  114.  
  115. <div class="col-lg-12" style="">
  116. <span class="text-uppercase pull-left" style="filter: opacity(70%); letter-spacing:1px;">birthday</span>
  117. <span class="pull-right">26th July</span>
  118. <hr class="mt-3" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  119. </div>
  120.  
  121. <div class="col-lg-12">
  122. <span class="text-uppercase pull-left" style="filter: opacity(70%); letter-spacing:1px;">MBTI</span>
  123. <span class="pull-right">ESFP</span>
  124. <hr class="mt-3" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  125. </div>
  126.  
  127. <div class="col-lg-12">
  128. <span class="text-uppercase pull-left" style="filter: opacity(70%); letter-spacing:1px;">orientation</span> <!-- or species! -->
  129. <span class="pull-right">Lesbian</span>
  130. <hr class="mt-3" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  131. </div>
  132.  
  133. <div class="col-lg-12" style="">
  134. <span class="text-uppercase pull-left" style="filter: opacity(70%); letter-spacing:1px;">Occupation</span>
  135. <span class="pull-right">Student</span>
  136. <hr class="mt-3" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  137. </div>
  138.  
  139. <div class="col-lg-12" style="">
  140. <span class="text-uppercase pull-left" style="filter: opacity(70%); letter-spacing:1px;">voice</span>
  141. <span class="pull-right">—</span>
  142. <hr class="mt-3" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  143. </div>
  144.  
  145. <div class="col-lg-12" style="">
  146. <span class="text-uppercase pull-left" style="filter: opacity(70%); letter-spacing:1px;">theme</span>
  147. <span class="pull-right"><a href="https://www.youtube.com/watch?v=3Yrr7D0eVwQ" id="" rel="noopener noreferrer" style="color: #D11C46;" target="_blank">Gorillaz — DARE</a></span>
  148. <hr class="mt-3" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  149. </div>
  150.  
  151. <!-- quote -->
  152. <div class="mt-4 mx-auto text-center" style="">
  153. <i class="pull-left mr-3 fad fa-quote-left fa-lg" style="color: #D11C46"></i>
  154. <i class="pull-right ml-3 fad fa-quote-right fa-lg" style="color: #D11C46"></i>
  155. <i style="font-size:22px; font-weight:0"><a href="https://www.youtube.com/watch?v=yb6amH7hEhA" id="" rel="noopener noreferrer" style="color: #D11C46;" target="_blank">Bitches love me 'cause they know that I can rock</a></i>
  156. </div>
  157.  
  158. </div>
  159.  
  160. </div>
  161. </div>
  162. </div>
  163. <!-------------------------------- [ PROFILE END ] --------------------------------->
  164.  
  165.  
  166.  
  167. <!-------------------------------- [ ABOUT ] --------------------------------->
  168. <div class="tab-pane fade" id="about">
  169. <div class="p-2 rounded-0 card" style="background-color:#fff; height:550px; overflow:auto"><div class="p-3">
  170.  
  171. <div class="text-uppercase text-right" style="font-size:15px; letter-spacing:2px;">
  172. <i><i class="far fa-address-card pull-left"></i>About</i>
  173. <hr class="my-1 mb-4" style="border-color: rgba(0,0,0,.110)"></div>
  174.  
  175.  
  176. <div class="mb-3" style="filter: opacity(70%)">
  177.  
  178. <p>Anichka would be best described as a ray of sunshine. Her overly-saccharine personality can either make someone feel at ease or completely disturb them. She treats anyone she meets like her new best friend regardless of what their impression might be though, and is a huge social butterfly. She is incredibly enthusiastic when it comes to her friends, and is always eager to make new ones. </p>
  179.  
  180. <p>Often attending parties, or pretty much anything she can manage to get access to, she enjoys making others laugh and generally wants people around her to have a good time too. She also enjoys being the center of attention, and might resort to doing outlandish things in order to achieve this.</p>
  181.  
  182. <p>While she has a tendency to be extremely talkative and hyperactive, she is a surprisingly good listener too and realises that not everyone is as full as energy as she is. She has the ability to be slightly more relaxed if she's with those close to her, or people who just prefer a more calm atmosphere. She is incredibly loyal to her closer friends, and despite her short attention span, she would never entertain the thought of replacing them for a seemingly more lively group of friends.</p>
  183.  
  184. <p>She can sometimes be oblivious to malicious intentions or behaviour, because of this, she tends to not notice when others are trying to hurt her or her loved ones until it's too late. She's not very well equipped when it comes to negative emotions, and she's likely to use distractions as a means to avoid her feelings. She can become particularly erratic if she's under more stress than she can handle, though most do not realize it and simply assume she's being her usual self.</p>
  185.  
  186.  
  187. </div>
  188. <hr class="my-1 mb-4" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  189.  
  190. <!-------------------------------- [ LIKES AND DISLIKES ] --------------------------------->
  191. <div class="px-3 row no-gutters"><div class="col-sm mb-1">
  192.  
  193. <div class="text-uppercase" style="font-size:15px; letter-spacing:1px">Likes</div>
  194. <ul style="filter: opacity(70%)">
  195. <li>Loud music</li>
  196. <li>Spicy food</li>
  197. <li>Colourful stickers</li>
  198. </ul>
  199. </div>
  200.  
  201. <div class="col-sm mb-1">
  202. <div class="text-uppercase" style="font-size:14px; letter-spacing:1px">Dislikes</div>
  203. <ul style="filter: opacity(70%)">
  204. <li>Boredom</li>
  205. <li>Being alone</li>
  206. <li>Anything mean spirited</li>
  207. </ul>
  208. </div>
  209. </div>
  210. <!-------------------------------- [ LIKES AND DISLIKES END ] --------------------------------->
  211.  
  212.  
  213.  
  214. </div>
  215. </div>
  216. </div>
  217. <!-------------------------------- [ ABOUT END ] --------------------------------->
  218.  
  219.  
  220.  
  221. <!-------------------------------- [ HISTORY ] --------------------------------->
  222. <div class="tab-pane fade" id="history">
  223. <div class="p-2 rounded-0 card" style="background-color:#fff; height:550px; overflow:auto">
  224. <div class="p-3">
  225.  
  226. <div class="text-uppercase text-right" style="font-size:15px; letter-spacing:2px;">
  227. <i><i class="far fa-comment-alt-dots pull-left "></i>More</i>
  228. <hr class="my-1 mb-4" style="border-color: rgba(0,0,0,.110)"></div>
  229.  
  230.  
  231. <div class="text-uppercase text-left py-1" style="font-size:14px; letter-spacing: 1px"><i class="far fa-heart"></i> Interests</div>
  232. <div class="px-3 mb-4" style="filter: opacity(70%)">
  233.  
  234. <p>Anichka is highly fascinated with fashion, and while she's quite versatile when it comes to clothing, she tends to gravitate towards a more emo/scene/punk look. She enjoys those particular styles the most, along with the type of people who sport said styles. Anichka is very eager to involve herself in as many different circles and cultures as she can.</p>
  235.  
  236. <p>Anichka enjoys a wide range of music; post-punk, alternative metal, industrial and techno are a few notable favourites. She also enjoys popular songs from the early 2000s. Favourite genres aside, Anichka will listen to anything so long as its loud or catchy.</p>
  237.  
  238. </div>
  239.  
  240. <div class="text-uppercase text-left py-1" style="font-size:14px; letter-spacing: 1px"><i class="far fa-history"></i> Background</div>
  241. <div class="px-3 mb-4" style="filter: opacity(70%)">
  242.  
  243. <p>—</p>
  244.  
  245. </div>
  246. <hr class="my-1 mb-4" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  247.  
  248. <!-------------------------------- [ STATS ] --------------------------------->
  249. <div class="p-3 row no-gutters"><div class="col-sm mb-1">
  250.  
  251. <div class="text-uppercase" style="font-size:14px; letter-spacing:1px">Traits</div>
  252.  
  253. <div class="p-1 d-flex">
  254. <span class="w-50 p-1 text-uppercase" style="letter-spacing:1px; filter: opacity(70%)">Charisma</span>
  255. <div class="w-50 mx-1 progress my-auto rounded-0" style="height:5px; background-color: rgba(0,0,0,.110)">
  256. <div class="progress-bar" style="width: 100%; background-color:#D11C46"></div></div>
  257. </div>
  258.  
  259. <div class="p-1 d-flex">
  260. <span class="w-50 p-1 text-uppercase" style="letter-spacing:1px; filter: opacity(70%)">Empathy</span>
  261. <div class="w-50 mx-1 progress my-auto rounded-0" style="height:5px; background-color: rgba(0,0,0,.110)">
  262. <div class="progress-bar" style="width: 60%; background-color:#D11C46"></div></div>
  263. </div>
  264.  
  265. <div class="p-1 d-flex">
  266. <span class="w-50 p-1 text-uppercase" style="letter-spacing:1px; filter: opacity(70%)">Intellect</span>
  267. <div class="w-50 mx-1 progress my-auto rounded-0" style="height:5px; background-color: rgba(0,0,0,.110)">
  268. <div class="progress-bar" style="width: 50%; background-color:#D11C46"></div></div>
  269. </div>
  270.  
  271. <div class="p-1 d-flex">
  272. <span class="w-50 p-1 text-uppercase" style="letter-spacing:1px; filter: opacity(70%)">Confidence</span>
  273. <div class="w-50 mx-1 progress my-auto rounded-0" style="height:5px; background-color: rgba(0,0,0,.110)">
  274. <div class="progress-bar" style="width: 80%; background-color:#D11C46"></div></div>
  275. </div>
  276.  
  277. <div class="p-1 d-flex">
  278. <span class="w-50 p-1 text-uppercase" style="letter-spacing:1px; filter: opacity(70%)">Openess</span>
  279. <div class="w-50 mx-1 progress my-auto rounded-0" style="height:5px; background-color: rgba(0,0,0,.110)">
  280. <div class="progress-bar" style="width: 70%; background-color:#D11C46"></div></div>
  281. </div>
  282.  
  283. </div>
  284.  
  285. <div class="col-sm-auto m-2" style="border-style:dashed; border-width:1px 1px 0 0; border-color: rgba(0,0,0,.110)"></div>
  286. <div class="col-sm ml-2 mb-1">
  287.  
  288. <div class="text-uppercase" style="font-size:14px; letter-spacing:1px">Skills</div>
  289.  
  290. <div class="p-1 d-flex">
  291. <span class="w-50 p-1 text-uppercase" style="letter-spacing:1px; filter: opacity(70%)">Strength</span>
  292. <div class="w-50 mx-1 progress my-auto rounded-0" style="height:5px; background-color: rgba(0,0,0,.110)">
  293. <div class="progress-bar" style="width: 20%; background-color:#D11C46"></div></div>
  294. </div>
  295.  
  296. <div class="p-1 d-flex">
  297. <span class="w-50 p-1 text-uppercase " style="letter-spacing:1px; filter: opacity(70%)">Endurance</span>
  298. <div class="w-50 mx-1 progress my-auto rounded-0" style="height:5px; background-color: rgba(0,0,0,.110)">
  299. <div class="progress-bar" style="width: 90%; background-color:#D11C46"></div></div>
  300. </div>
  301.  
  302. <div class="p-1 d-flex">
  303. <span class="w-50 p-1 text-uppercase" style="letter-spacing:1px; filter: opacity(70%)">Agility</span>
  304. <div class="w-50 mx-1 progress my-auto rounded-0" style="height:5px; background-color: rgba(0,0,0,.110)">
  305. <div class="progress-bar" style="width: 40%; background-color:#D11C46"></div></div>
  306. </div>
  307.  
  308. <div class="p-1 d-flex">
  309. <span class="w-50 p-1 text-uppercase" style="letter-spacing:1px; filter: opacity(70%)">Willpower</span>
  310. <div class="w-50 mx-1 progress my-auto rounded-0" style="height:5px; background-color: rgba(0,0,0,.110)">
  311. <div class="progress-bar" style="width: 65%; background-color:#D11C46"></div></div>
  312. </div>
  313.  
  314. <div class="p-1 d-flex">
  315. <span class="w-50 p-1 text-uppercase" style="letter-spacing:1px; filter: opacity(70%)">Observation</span>
  316. <div class="w-50 mx-1 progress my-auto rounded-0" style="height:5px; background-color: rgba(0,0,0,.110)">
  317. <div class="progress-bar" style="width: 13%; background-color:#D11C46"></div></div>
  318. </div>
  319.  
  320. </div>
  321. </div>
  322. <!-------------------------------- [ STATS ENDS ] --------------------------------->
  323.  
  324.  
  325.  
  326. </div>
  327. </div>
  328. </div>
  329. <!-------------------------------- [ HISTORY END ] --------------------------------->
  330.  
  331.  
  332.  
  333. <!-------------------------------- [ MISC. ] --------------------------------->
  334. <!--------------------------------
  335.  
  336. T I P S
  337.  
  338. - to change the video, get the string of characters after
  339. "https://www.youtube.com/watch?v="
  340. - for example: https://www.youtube.com/watch?v="""""e1fLz8aZSWY""""
  341. inside the quatations is what you'd use!
  342. - then below, copy and paste that into where it says, "STRING HERE" ;3
  343.  
  344. ---------------------------------->
  345. <div class="tab-pane fade" id="misc">
  346. <div class="p-2 rounded-0 card" style="background-color:#fff; height:550px; overflow:auto">
  347. <div class="p-3">
  348.  
  349. <div class="text-uppercase text-right" style="font-size:15px; letter-spacing:2px;">
  350. <i><i class="far fa-music pull-left"></i>Misc.</i>
  351. <hr class="my-1 mb-4" style="border-color: rgba(0,0,0,.110)"></div>
  352. <iframe class="flex-fill pb-2"
  353. style="width:100%; min-height:250px;"
  354. frameborder="0"
  355. allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
  356. src="https://www.youtube.com/embed/PyetoxPO5gA">
  357. </iframe>
  358.  
  359.  
  360. <!-------------------------------- [ DN AND TRIVIA END ] --------------------------------->
  361.  
  362. <hr class="my-1 mb-4" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  363.  
  364. <div class="text-uppercase text-left py-1" style="font-size:14px; letter-spacing: 1px">Trivia</div>
  365. <ul style="filter: opacity(70%)">
  366. <li>She shares a studio house with Ingrid and Ordelia.</li>
  367. <li>Anichka wears hair and tail extensions.</li>
  368. <li>Her hairstyle and fashion styles are ever changing.</li>
  369. <li>She's currently learning how to play the electric guitar, and has always wanted to start her own band. </li>
  370. </ul>
  371.  
  372. <hr class="my-1 mb-4" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  373.  
  374. <div class="text-uppercase text-left py-1" style="font-size:14px; letter-spacing: 1px">Design Notes</div>
  375. <ul style="filter: opacity(70%)">
  376. <li>Her hairstyle changes frequently. No style is off limits!</li>
  377. <li>Her right ear tip is slightly chipped.</li>
  378. </ul>
  379.  
  380.  
  381. <!-------------------------------- [ DN AND TRIVIA END ] --------------------------------->
  382.  
  383. </div>
  384. </div>
  385. </div>
  386. <!-------------------------------- [ MISC. END ] --------------------------------->
  387.  
  388.  
  389.  
  390. <!-------------------------------- [ LINK ] --------------------------------->
  391. <!--------------------------------
  392.  
  393. T I P S
  394.  
  395. - square images look best!!
  396. - for the text, a few sentences (2-3) would look nice but yeah, keep it short!
  397.  
  398. ---------------------------------->
  399. <div class="tab-pane fade" id="link">
  400. <div class="p-2 rounded-0 card" style="background-color:#fff; height:550px; overflow:auto">
  401. <div class="p-3">
  402.  
  403. <div class="text-uppercase text-right" style="font-size:15px; letter-spacing:2px;">
  404. <i><i class="far fa-link pull-left "></i>Relationships</i>
  405. <hr class="my-1 mb-4" style="border-color: rgba(0,0,0,.110)"></div>
  406.  
  407.  
  408. <!-- [ CHARACTER ONE ] -->
  409. <div class="col-lg-13 w-100 mb-2 row no-gutters"><div class="col-md-4 p-2 my-auto hidden-sm-down">
  410. <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/2573817?1576909439" class="fr-rounded"></div>
  411.  
  412. <div class="col-md-8 p-2"><div class="d-flex justify-content-between">
  413. <a href="https://toyhou.se/2573817.ingrid" class="text-uppercase" style="color:#D11C46">Ingrid</a> <span><i>girlfriend</i></span>
  414. </div><hr class="my-1" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  415.  
  416. <p style="filter: opacity(70%)">Anichka and Ingrid were early child-hood friends. They have been extremely close to each other for a long time, though their relationship did not start until late into their college years.</p>
  417.  
  418. </div>
  419. </div>
  420. <!-- [ CHARACTER ONE END ] -->
  421.  
  422. <!-- [ CHARACTER TWO ] -->
  423. <div class="col-lg-13 w-100 mb-2 row no-gutters"><div class="col-md-4 p-2 my-auto hidden-sm-down">
  424. <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/4975983?1578836108" class="fr-rounded float-sm-left"></div>
  425.  
  426. <div class="col-md-8 p-2"><div class="d-flex justify-content-between">
  427. <a href="https://toyhou.se/4975983.-biscate-" class="text-uppercase" style="color:#D11C46">Biscate</a> <span><i>best friend</i></span>
  428. </div><hr class="my-1" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  429.  
  430. <p style="filter: opacity(70%)">Due to sharing quite similar personalities, Lucky is one of Anichka's favourite people to spend time with. She enjoys Poppy's company too, though she can sometimes find herself at odds with how to properly bond with her.</p>
  431.  
  432. </div>
  433. </div>
  434. <!-- [ CHARACTER TWO END ] -->
  435.  
  436. <!-- [ CHARACTER THREE ] -->
  437. <div class="col-lg-13 w-100 mb-2 row no-gutters"><div class="col-md-4 p-2 my-auto hidden-sm-down">
  438. <img src="https://f2.toyhou.se/file/f2-toyhou-se/characters/2573799?1576909370" class="fr-rounded float-sm-left"></div>
  439.  
  440. <div class="col-md-8 p-2"><div class="d-flex justify-content-between">
  441. <a href="https://toyhou.se/2573799.parisa" class="text-uppercase" style="color:#D11C46">Parisa</a> <span><i>friend</i></span>
  442. </div><hr class="my-1" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  443.  
  444. <p style="filter: opacity(70%)">Anichka and Parisa were good friends in their early college year. While they're still on good terms now, they only spend time with each other on occasion.</p>
  445.  
  446. </div>
  447. </div>
  448. <!-- [ CHARACTER THREE END ] -->
  449.  
  450. <!-- [ CHARACTER THREE ] -->
  451. <div class="col-lg-13 w-100 mb-2 row no-gutters"><div class="col-md-4 p-2 my-auto hidden-sm-down">
  452. <img src="https://file.toyhou.se/thumbnails/12581060_87C.png" class="fr-rounded float-sm-left"></div>
  453.  
  454. <div class="col-md-8 p-2"><div class="d-flex justify-content-between">
  455. <a href="https://toyhou.se/3595000.cinnamon" class="text-uppercase" style="color:#D11C46">Cinnamon</a> <span><i>best friend</i></span>
  456. </div><hr class="my-1" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  457.  
  458. <p style="filter: opacity(70%)">Anichka is enamoured by Cinnamon's odd obsessions and interests and is always eager to hear her stories. She wants to go ghost hunting with her at some point.</p>
  459.  
  460. </div>
  461. </div>
  462. <!-- [ CHARACTER THREE END ] -->
  463.  
  464. <!-- [ CHARACTER THREE ] -->
  465. <div class="col-lg-13 w-100 mb-2 row no-gutters"><div class="col-md-4 p-2 my-auto hidden-sm-down">
  466. <img src="https://file.toyhou.se/thumbnails/13290491_BJO.jpg" class="fr-rounded float-sm-left"></div>
  467.  
  468. <div class="col-md-8 p-2"><div class="d-flex justify-content-between">
  469. <a href="https://toyhou.se/3757134.ordelia" class="text-uppercase" style="color:#D11C46">Ordelia</a> <span><i>best friend</i></span>
  470. </div><hr class="my-1" style="border-style:dashed; border-color: rgba(0,0,0,.110)">
  471.  
  472. <p style="filter: opacity(70%)">Anichka loves going clothes shopping with Ordelia. They also like blasting nu metal when they're at home together, much to the dismay of their neighbors.</p>
  473.  
  474. </div>
  475. </div>
  476. <!-- [ CHARACTER THREE END ] -->
  477.  
  478. </div>
  479. </div>
  480. </div>
  481. <!-------------------------------- [ LINK END ] --------------------------------->
  482.  
  483. </div>
  484. </div>
  485. </div>
  486. </div>
  487.  
  488. <!-------------------------------- [ CREDITS - don't touchie!! ] --------------------------------->
  489. <small class="pt-1 text-secondary">code by <a href="https://toyhou.se/5913467.-f2u-tabby" style="color:#D11C46">CHRONlCAL</a></small>
  490.  
  491. </div>
  492. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!