Advertisement
ChainOfRain

[F2U] Another Love (Couple)

Mar 16th, 2022 (edited)
525
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.92 KB | None | 0 0
  1. <!--------------------------
  2.  
  3. ✦ The main color of this code is
  4.  
  5. #FF748C
  6.  
  7. it also is the color used for character 1 in the dynamics tab, the color used for character 2 is
  8.  
  9. #8B2637
  10.  
  11. substitute them to change the color theme of the whole code :)
  12.  
  13. ✦ Replace all the LINK with the actual image link you want
  14.  
  15. ✦ For the MUSIC PLAYER you have to get the embed code, all you need to do is paste the code part after the '=' of the youtube link you need
  16.  
  17. for example
  18.  
  19. https://www.youtube.com/watch?v=8nscnsS2Fj4
  20.  
  21. the part you need to copy is
  22.  
  23. 8nscnsS2Fj4
  24.  
  25. and put it in LINK CODE place
  26.  
  27. ✦ Don't remove the credits, please!
  28.  
  29. ✦ If you have problems feel free to DM me ovo)b
  30.  
  31.  
  32. ✦ And please consider support me on my Ko-Fi → https://ko-fi.com/chainofrain
  33.  
  34.  
  35. ---------------------------->
  36.  
  37.  
  38. <div class="card p-4 border-0 rounded-0" style="font-weight: 300; ketter-spacing: 1px; background-color: #FFB8C4; color: #000">
  39.  
  40. <!------------------------------------ R O W - 1 ------------------------------------------------------->
  41. <div class="row">
  42. <!-------------------------------------- I M A G E S ---------------------------------------------------------------->
  43. <div class="col-md-6">
  44. <i class="fas fa-heart" style="font-size: 60px; position: relative; z-index: 2; margin-top: -15px; transform: rotate(-20deg); color: #FF748C"></i>
  45. <i class="fad fa-heart" style="font-size: 35px; position: relative; z-index: 2; margin-top: -15px; transform: rotate(20deg); color: #FF748C"></i>
  46.  
  47. <div class="row no-gutters mb-2" style="; position: relative; z-index: 1; margin-top: -45px">
  48. <div class="col mr-1">
  49. <div class="card border-0" style="height: 220px; border-radius: 20px 0px 0px 0px; background-image: url(
  50.  
  51. 'LINK'
  52.  
  53. ); background-position: center; background-size: cover; background-repeat: no-repeat"></div>
  54. <div class="card border-0 rounded-0 mt-1" style="height: 261px; background-image: url(
  55.  
  56. 'LINK'
  57.  
  58. ); background-position: center; background-size: cover; background-repeat: no-repeat"></div>
  59. </div>
  60. <div class="col">
  61. <div class="card border-0 rounded-0" style="height: 485px; border-radius: 0px 0px 20px 00px; background-image: url(
  62.  
  63. 'LINK'
  64.  
  65. ); background-position: center; background-size: cover; background-repeat: no-repeat"></div>
  66. </div>
  67. </div></div>
  68.  
  69. <!-------------------------------------- S T O R Y ---------------------------------------------------------------->
  70. <div class="col">
  71. <div class="card border-0 rounded-0 bg-transparent">
  72. <ul class="nav justify-content-end">
  73. <li class="nav-item mx-1">
  74. <a class="nav-link active" data-toggle="tab" href="#ONE" style="background-color: #FF748C; color: white; border-radius: 30px 30px 0px 0px; text-align: center">𝕀</a>
  75. </li>
  76. <li class="nav-item">
  77. <a class="nav-link" data-toggle="tab" href="#TWO" style="background-color: #FF748C; color: white; border-radius: 30px 30px 0px 0px; text-align: center">𝕀𝕀</a>
  78. </li>
  79. <li class="nav-item mx-1">
  80. <a class="nav-link" data-toggle="tab" href="#THREE" style="background-color: #FF748C; color: white; border-radius: 30px 30px 0px 0px; text-align: center">𝕀𝕀𝕀</a>
  81. </li>
  82. <li class="nav-item">
  83. <a class="nav-link" data-toggle="tab" href="#FOUR" style="background-color: #FF748C; color: white; border-radius: 30px 30px 0px 0px; text-align: center">𝕀𝕍</a>
  84. </li>
  85. </ul>
  86. <div class="card rounded-0 mb-2 p-2" style="background-color:#FF748C; letter-spacing:1.7px; font-size: 17px">
  87. <p class="text-white">| Story <i class="fal fa-books mt-1 pull-right"></i></p></div>
  88. <div class="card rounded-0" style="height:340px; background: white">
  89. <div class="tab-content">
  90.  
  91. <div class="tab-pane fade show active" id="ONE">
  92. <p class="p-2" style="height: 338px; overflow: auto"><span style="color: #FF748C; letter-spacing:1.7px"><i class="fad fa-bookmark"></i> overview</span>
  93. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  94. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  95. </div>
  96.  
  97. <div class="tab-pane fade" id="TWO">
  98. <p class="p-2" style="height: 338px; overflow: auto"><span style="color: #FF748C; letter-spacing:1.7px"><i class="fad fa-bookmark"></i> meeting</span>
  99. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  100. </div>
  101.  
  102. <div class="tab-pane fade" id="THREE">
  103. <p class="p-2" style="height: 338px; overflow: auto"><span style="color: #FF748C; letter-spacing:1.7px"><i class="fad fa-bookmark"></i> getting closer</span>
  104. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  105. </div>
  106.  
  107. <div class="tab-pane fade" id="FOUR">
  108. <p class="p-2" style="height: 338px; overflow: auto"><span style="color: #FF748C; letter-spacing:1.7px"><i class="fad fa-bookmark"></i> feelings</span>
  109. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  110. </div>
  111. </div></div>
  112. </div>
  113.  
  114. <!-------------------------------------- M U S I C ---------------------------------------------------------------->
  115. <div class="card p-2 mt-2" style="background-color:#FF748C; letter-spacing:1.7px; font-size: 17px; border-radius: 0px 0px 20px 20px">
  116. <div class="d-flex justify-content-between">
  117. <span style="letter-spacing: 2px;color: #fff"><i class="far fa-music" style="font-size: 15px; font-weight:lighter;"></i> Artist - Song Name
  118. </span>
  119. <span><iframe class="flex-fill" style="width:100%;height:25px;width:25px;clip-path: polygon(25% 20%, 25% 100%, 80% 60%);opacity: 0.01;" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen src="
  120.  
  121. https://www.youtube.com/embed/LINK CODE
  122.  
  123. "></iframe><i class="fas fa-play" style="margin-left:-20px; font-size: 20px; color: #fff"></i></span>
  124. </div></div>
  125. </div></div>
  126.  
  127. <!------------------------------------------------------- R O W - 2 -------------------------------------------------------->
  128. <div class="row my-1">
  129. <div class="col-md-5">
  130. <!-------------------------------------- D Y N A M I C S ---------------------------------------------------------------->
  131. <div class="card rounded-0 mb-2 p-2" style="background-color:#FF748C; letter-spacing:1.7px; font-size: 17px">
  132. <p class="text-white">| Dynamics <i class="fal fa-heartbeat mt-1 pull-right"></i></p></div>
  133. <div class="card rounded-0 p-2" style="height:310px; background: white; overflow-y: auto; overflow-x: hidden">
  134. <div class="row">
  135. <!-------------- color scheme ---------------->
  136. <div class="col-md-6" style="text-align:left;">Name 1 <i class="fas fa-heart my-1 pull-right" style="color: #FF748C;"></i></div>
  137. <div class="col-md-6" style="text-align:left;">Name 2 <i class="fas fa-heart my-1 pull-right" style="color: #8B2637;"></i></div>
  138. <hr class="my-1 w-75">
  139. </div>
  140. <div class="row no-gutters">
  141. <!-------------- big spoon <=> little spoon ---------------->
  142. <div class="col-md-3" style="text-align:left;">Big Spoon</div>
  143. <div class="col-md-6 mt-1" style="text-align:center;">
  144. <i class="far fa-heart mx-1" style="color: #;"></i>
  145. <i class="fas fa-heart mx-1" style="color: #FF748C;"></i>
  146. <i class="far fa-heart mx-1" style="color: #;"></i>
  147. <i class="fas fa-heart mx-1" style="color: #8B2637;"></i>
  148. <i class="far fa-heart mx-1" style="color: #;"></i>
  149. </div>
  150. <div class="col-md-3" style="text-align:right;">Little Spoon</div>
  151.  
  152. <!-------------- extroverted <=> introverted ---------------->
  153. <div class="col-md-3 mt-1" style="text-align:left;">Extroverted</div>
  154. <div class="col-md-6 mt-1" style="text-align:center;">
  155. <i class="far fa-heart mx-1" style="color: #;"></i>
  156. <i class="fas fa-heart mx-1" style="color: #FF748C;"></i>
  157. <i class="far fa-heart mx-1" style="color: #;"></i>
  158. <i class="fas fa-heart mx-1" style="color: #8B2637;"></i>
  159. <i class="far fa-heart mx-1" style="color: #;"></i>
  160. </div>
  161. <div class="col-md-3 mt-1" style="text-align:right;">Introverted</div>
  162.  
  163. <!-------------- words <=> actions ---------------->
  164. <div class="col-md-3 mt-1" style="text-align:left;">Words</div>
  165. <div class="col-md-6 mt-1" style="text-align:center;">
  166. <i class="far fa-heart mx-1" style="color: #;"></i>
  167. <i class="fas fa-heart mx-1" style="color: #FF748C;"></i>
  168. <i class="far fa-heart mx-1" style="color: #;"></i>
  169. <i class="fas fa-heart mx-1" style="color: #8B2637;"></i>
  170. <i class="far fa-heart mx-1" style="color: #;"></i>
  171. </div>
  172. <div class="col-md-3 mt-1" style="text-align:right;">Actions</div>
  173.  
  174. <!-------------- confesses first <=> waits confession ---------------->
  175. <div class="col-md-3 mt-1" style="text-align:left;">Confesses First</div>
  176. <div class="col-md-6 mt-1" style="text-align:center;">
  177. <i class="far fa-heart mx-1" style="color: #;"></i>
  178. <i class="fas fa-heart mx-1" style="color: #FF748C;"></i>
  179. <i class="far fa-heart mx-1" style="color: #;"></i>
  180. <i class="fas fa-heart mx-1" style="color: #8B2637;"></i>
  181. <i class="far fa-heart mx-1" style="color: #;"></i>
  182. </div>
  183. <div class="col-md-3 mt-1" style="text-align:right;">Waits Confession</div>
  184.  
  185. <!-------------- dislike pda <=> like pda ---------------->
  186. <div class="col-md-3 mt-1" style="text-align:left;">Dislikes PDA</div>
  187. <div class="col-md-6 mt-1" style="text-align:center;">
  188. <i class="far fa-heart mx-1" style="color: #;"></i>
  189. <i class="fas fa-heart mx-1" style="color: #FF748C;"></i>
  190. <i class="far fa-heart mx-1" style="color: #;"></i>
  191. <i class="fas fa-heart mx-1" style="color: #8B2637;"></i>
  192. <i class="far fa-heart mx-1" style="color: #;"></i>
  193. </div>
  194. <div class="col-md-3 mt-1" style="text-align:right;">Likes PDA</div>
  195.  
  196. <!-------------- nicknames <=> real name ---------------->
  197. <div class="col-md-3 mt-1" style="text-align:left;">Nicknames</div>
  198. <div class="col-md-6 mt-1" style="text-align:center;">
  199. <i class="far fa-heart mx-1" style="color: #;"></i>
  200. <i class="fas fa-heart mx-1" style="color: #FF748C;"></i>
  201. <i class="far fa-heart mx-1" style="color: #;"></i>
  202. <i class="fas fa-heart mx-1" style="color: #8B2637;"></i>
  203. <i class="far fa-heart mx-1" style="color: #;"></i>
  204. </div>
  205. <div class="col-md-3 mt-1" style="text-align:right;">Real Name</div>
  206.  
  207. <!-------------- protective <=> chill ---------------->
  208. <div class="col-md-3 mt-1" style="text-align:left;">Protective</div>
  209. <div class="col-md-6 mt-1" style="text-align:center;">
  210. <i class="far fa-heart mx-1" style="color: #;"></i>
  211. <i class="fas fa-heart mx-1" style="color: #FF748C;"></i>
  212. <i class="far fa-heart mx-1" style="color: #;"></i>
  213. <i class="fas fa-heart mx-1" style="color: #8B2637;"></i>
  214. <i class="far fa-heart mx-1" style="color: #;"></i>
  215. </div>
  216. <div class="col-md-3 mt-1" style="text-align:right;">Chill</div>
  217.  
  218. <!-------------- sensitive <=> dense ---------------->
  219. <div class="col-md-3 mt-1" style="text-align:left;">Sensitive</div>
  220. <div class="col-md-6 mt-1" style="text-align:center;">
  221. <i class="far fa-heart mx-1" style="color: #;"></i>
  222. <i class="fas fa-heart mx-1" style="color: #FF748C;"></i>
  223. <i class="far fa-heart mx-1" style="color: #;"></i>
  224. <i class="fas fa-heart mx-1" style="color: #8B2637;"></i>
  225. <i class="far fa-heart mx-1" style="color: #;"></i>
  226. </div>
  227. <div class="col-md-3 mt-1" style="text-align:right;">Dense</div>
  228.  
  229. <!-------------- can't cook <=> makes dinner ---------------->
  230. <div class="col-md-3 mt-1" style="text-align:left;">Can't Cook</div>
  231. <div class="col-md-6 mt-1" style="text-align:center;">
  232. <i class="far fa-heart mx-1" style="color: #;"></i>
  233. <i class="fas fa-heart mx-1" style="color: #FF748C;"></i>
  234. <i class="far fa-heart mx-1" style="color: #;"></i>
  235. <i class="fas fa-heart mx-1" style="color: #8B2637;"></i>
  236. <i class="far fa-heart mx-1" style="color: #;"></i>
  237. </div>
  238. <div class="col-md-3 mt-1" style="text-align:right;">Makes Dinner</div>
  239.  
  240. <!-------------- experienced <=> first-timer ---------------->
  241. <div class="col-md-3 mt-1" style="text-align:left;">Experienced</div>
  242. <div class="col-md-6 mt-1" style="text-align:center;">
  243. <i class="far fa-heart mx-1" style="color: #;"></i>
  244. <i class="fas fa-heart mx-1" style="color: #FF748C;"></i>
  245. <i class="far fa-heart mx-1" style="color: #;"></i>
  246. <i class="fas fa-heart mx-1" style="color: #8B2637;"></i>
  247. <i class="far fa-heart mx-1" style="color: #;"></i>
  248. </div>
  249. <div class="col-md-3 mt-1" style="text-align:right;">First-Timer</div>
  250. </div></div>
  251. </div>
  252.  
  253. <!-------------------------------------- CHARACTERs THOUGHTS ---------------------------------------------------------------->
  254. <div class="col">
  255. <div class="row no-gutters mt-2">
  256. <div class="col-md-3 mr-2"><div class="card" style="border-radius: 50%; height: 160px; background-image: url(
  257.  
  258. 'LINK'
  259.  
  260. ); background-position: center; background-size: cover; background-repeat: no-repeat"></div></div>
  261. <div class="col"><div class="card rounded-0 p-2" style="height: 160px; background-color: white">
  262. <p style="color: #FF748C; font-size: 15px; letter-spacing: 1.5px; margin-bottom: 2px">| Name 1 thoughts on Name 2 <i class="fad fa-heart pull-right"></i></p>
  263. <hr class="my-1 w-100">
  264. <p style="overflow: auto;">
  265. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  266. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  267. </p>
  268. </div></div>
  269. </div>
  270. <!----------------------
  271. -------------------->
  272. <div class="row no-gutters mt-3">
  273. <div class="col"><div class="card rounded-0 p-2" style="height: 160px; background-color: white">
  274. <p style="color: #8B2637; font-size: 15px; letter-spacing: 1.5px; margin-bottom: 2px">| Name 2 thoughts on Name 1 <i class="fad fa-heart pull-right"></i></p>
  275. <hr class="my-1 w-100">
  276. <p style="overflow: auto;">
  277. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  278. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  279. </p>
  280. </div></div>
  281. <div class="col-md-3 ml-2"><div class="card" style="border-radius: 50%; height: 160px; background-image: url(
  282.  
  283. 'LINK'
  284.  
  285. ); background-position: center; background-size: cover; background-repeat: no-repeat"></div></div>
  286. </div></div>
  287. </div>
  288.  
  289. <!------------------------------------------------------- R O W - 3 -------------------------------------------------------->
  290. <div class="row my-1">
  291. <div class="col-md-7">
  292. <div class="card rounded-0 mb-2 p-2" style="background-color:#FF748C; letter-spacing:1.7px; font-size: 17px">
  293. <p class="text-white">| Headcanons <i class="fal fa-sparkles mt-1 pull-right"></i></p></div>
  294. <div class="card rounded-0 p-3" style="height:310px; background: white; overflow-y: auto; overflow-x: hidden">
  295. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  296. <hr class="my-1 w-75">
  297. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  298. <hr class="my-1 w-75">
  299. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  300. </div></div>
  301.  
  302. <div class="col-md-5">
  303. <div class="card border-0 rounded-0" style="height: 360px; background:transparent; background-image: url(
  304.  
  305. 'LINK'
  306.  
  307. ); background-repeat: no-repeat; background-size: cover"></div>
  308. <!------------------------------------------
  309. CREDITS (obv don't remove this pls)
  310. -------------------------------------------->
  311. <div class="text-right small mt-2" style="letter-spacing:4px; margin-bottom: -15px">
  312. <a href="https://toyhou.se/ChainOfRain" data-toggle="tooltip" data-placement="top" title="code by chainofrain" style="text-decoration:none;color:#FF748C;"><i class="far fa-code"></i>
  313. </a> .
  314. <a href="https://toyhou.se/4701769.-f2u-in-profile-playlist" data-toggle="tooltip" data-placement="top" title="music code by strabi" style="text-decoration:none;color:#FF748C;">
  315. <i class="far fa-music"></i>
  316. </a> .
  317. <a href="" data-toggle="tooltip" data-placement="top" title="images by artist" style="text-decoration:none;color:#FF748C;"><i class="far fa-camera"></i>
  318. </a>
  319. </div>
  320. </div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement