API tools faq
paste
Advertisement
kay_kodes

you were always trouble || backstory

kay_kodes
May 21st, 2022
236
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.61 KB | None | 0 0
raw download clone embed print report
  1. ♡ 'ello 'ello! welcome back. i AM back again. because i am unavoidable (*insert a hairflip here :3*). anywayssss, I AM MADLY IN LOVE with the profile text i made before this. it is INEXPLICABLY ATTRACTIVE and thanks for all the love. i love making matching backstories or profile texts so here y'all go! a matching backstory to the profile text. i'm not going to dive deeper, the aesthetics the same. the same BADASS alisa ortega is back too. so uh...have fun or i'll have alisa uh...destroy you in every way, shape and form :3 mwah! have fun!♡
  2.  
  3. best dreams,
  4. kay <3
  5.  
  6.  
  7. --CODE STARTS BELOW THIS TEXT--
  8.  
  9. <!--!!ALL FONTMEME FONTS USED: PHOTOGRAPHY SIGNATURE!!-->
  10.  
  11. <html>
  12. <center>
  13. <link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
  14. <style>
  15. /*Scrollbar*/
  16. ::-webkit-scrollbar {width: 0px;}
  17. ::-webkit-scrollbar-thumb {background: #fff;}
  18. ::-webkit-scrollbar-thumb:hover {background: #fff;}
  19. .box{
  20. position: relative;
  21. text-align: center;
  22.  
  23. }
  24. .booktitle{
  25. font-family: 'Lavishly Yours', cursive;
  26. font-size:80px;
  27. color:#00539c;
  28. position: absolute;
  29. top: 50%;
  30. left: 50%;
  31. transform: translate(-50%, -50%);
  32. }
  33. .page{
  34. text-decoration: none;
  35. color:black;
  36. padding: 10px
  37.  
  38. }
  39.  
  40. .columnone{
  41. float: right;
  42. width:250px;
  43. height:715px;
  44. background-color:#d9cbc3;
  45. border: 2px #000 ;
  46. margin-right:10px;
  47. margin-top:20px;
  48. margin-bottom: -25px;
  49. overflow:auto;
  50.  
  51. }
  52. .columntwo{
  53. float:left;
  54. width:465px;
  55. height:750px;
  56. margin-left:30px;
  57. margin-bottom: 10px;
  58. overflow: auto;
  59.  
  60.  
  61.  
  62. </style>
  63. <a name="one">
  64. <div style="background:#d9cbc3;border:3px solid #000;width:800px;height:915px;border-radius:0px;overflow:auto">
  65. <div class="box">
  66. <center>
  67. <img src="https://fontmeme.com/permalink/220521/de78b0a354ba5681d358b4264fd308cc.png" border="0" style="margin-top:30px; width:410px;margin-bottom:10px">
  68. </center></div>
  69.  
  70. <div class="columnone">
  71.  
  72. <img src="https://i.pinimg.com/474x/38/3a/16/383a1664fef1721437efea4d6991ff00.jpg" style="width:200px;height:300px;border: 2px solid #fff;object-fit:cover">
  73. <br>
  74. <img src="https://i.pinimg.com/474x/fe/68/8f/fe688fdb05e0afe848d4f09f228182aa.jpg" style="width:200px;height:300px;border: 2px solid #fff;margin-top:10px;object-fit:cover">
  75. <br>
  76. <img src="https://i.pinimg.com/474x/58/94/9e/58949e321a59f87ad4d09e3d4bc3ca9d.jpg" style="width:200px;height:300px;border: 2px solid #fff;margin-top:10px;object-fit:cover">
  77.  
  78. <img src="https://i.pinimg.com/474x/d6/51/ed/d651edca7177df70a7125f52b17b3207.jpg" style="width:200px;height:300px;border: 2px solid #fff;margin-top:10px;object-fit:cover">
  79. </div>
  80.  
  81. <div class="columntwo">
  82. <div style="text-align:center;width:465px;height:655px;overflow-auto">
  83. <br style="margin-top:10px">
  84. <b style="font-size:20px"><u>PARENTS</u></b>
  85. <p>
  86.  
  87. <!--FATHER-->
  88. <img src="https://fontmeme.com/permalink/220521/4ed2737a808fc6a30a64075321251dde.png" border="0" style="width:200px;margin-bottom:10px">
  89. <p>
  90. <img src="https://i.pinimg.com/474x/c9/e9/20/c9e920e0c8baee9fe2b67e6d165d8326.jpg" style="width:130px;height:130px;float: left;margin-left: 5px;margin-right:5px;border: 2px solid #fff">
  91. Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. Ea saepe officia eum nulla quaerat 33 corrupti animi. Ab laboriosam omnis sed commodi nulla eum minima molestiae et temporibus ducimus. Aut dolorem unde est natus expedita aut fuga aliquid ea veritatis vitae aut omnis accusantium? In voluptates eligendi qui voluptates quaerat et suscipit optio est quia quibusdam et maxime accusantium qui corporis ratione eum asperiores nulla. Non aliquam voluptas ea consequatur repellendus et quia galisum ut perspiciatis nulla a fuga dicta est quas provident.
  92.  
  93. <p>
  94.  
  95. <!--MOTHER-->
  96. <img src="https://fontmeme.com/permalink/220521/9d65cff3240fee26f21a6ef5163e6fe0.png" border="0" style="width:200px;margin-bottom:10px">
  97. <br>
  98. <img src="https://i.pinimg.com/474x/1c/0e/ee/1c0eee29cde6c5e656c453c57a20cc76.jpg" style="width:130px;height:130px;float: right;margin-left: 5px;margin-right:5px;border: 2px solid #fff">
  99. Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. Ea saepe officia eum nulla quaerat 33 corrupti animi. Ab laboriosam omnis sed commodi nulla eum minima molestiae et temporibus ducimus. Aut dolorem unde est natus expedita aut fuga aliquid ea veritatis vitae aut omnis accusantium? In voluptates eligendi qui voluptates quaerat et suscipit optio est quia quibusdam et maxime accusantium qui corporis ratione eum asperiores nulla. Non aliquam voluptas ea consequatur repellendus et quia galisum ut perspiciatis nulla a fuga dicta est quas provident.
  100.  
  101.  
  102. <p style="margin-top:25px">
  103. <b style="font-size:20px"><u>SIBLINGS</u></b>
  104. <p>
  105.  
  106. <!--SIBLING1-->
  107. <img src="https://fontmeme.com/permalink/220521/7e0e49422e56d47bcdbf769aa8469289.png" border="0" style="width:200px;margin-bottom:10px">
  108. <p>
  109. <img src="https://i.pinimg.com/474x/86/70/8a/86708ae385a91cd33c292da7b6d8559f.jpg" style="width:130px;height:130px;float: left;margin-left: 5px;margin-right:5px;border: 2px solid #fff">
  110. Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. Ea saepe officia eum nulla quaerat 33 corrupti animi. Ab laboriosam omnis sed commodi nulla eum minima molestiae et temporibus ducimus. Aut dolorem unde est natus expedita aut fuga aliquid ea veritatis vitae aut omnis accusantium? In voluptates eligendi qui voluptates quaerat et suscipit optio est quia quibusdam et maxime accusantium qui corporis ratione eum asperiores nulla. Non aliquam voluptas ea consequatur repellendus et quia galisum ut perspiciatis nulla a fuga dicta est quas provident.
  111.  
  112. <p>
  113.  
  114. <!--SIBLING2-->
  115. <img src="https://fontmeme.com/permalink/220521/1ffecc1b7bb891c470bc1a58d8268734.png" border="0" style="width:200px;margin-bottom:10px">
  116. <br>
  117. <img src="https://i.pinimg.com/474x/11/16/1b/11161bac90bf6ad97e324e67322cb4c8.jpg" style="width:130px;height:130px;float: right;margin-left: 5px;margin-right:5px;border: 2px solid #fff">
  118. Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. Ea saepe officia eum nulla quaerat 33 corrupti animi. Ab laboriosam omnis sed commodi nulla eum minima molestiae et temporibus ducimus. Aut dolorem unde est natus expedita aut fuga aliquid ea veritatis vitae aut omnis accusantium? In voluptates eligendi qui voluptates quaerat et suscipit optio est quia quibusdam et maxime accusantium qui corporis ratione eum asperiores nulla. Non aliquam voluptas ea consequatur repellendus et quia galisum ut perspiciatis nulla a fuga dicta est quas provident.
  119.  
  120. <p style="margin-top:25px">
  121. <b style="font-size:20px"><u>CHILDHOOD</u></b>
  122. <p>
  123. <img src="https://fontmeme.com/permalink/220521/6299491e235591af28ce679b16435cb5.png" border="0" style="width:200px;margin-bottom:10px">
  124. <p>
  125. <img src="https://i.pinimg.com/474x/8a/b8/62/8ab862c472814c8b81234b07d49cc406.jpg" style="width:130px;height:130px;float: left;margin-left: 5px;margin-right:5px;border: 2px solid #fff">
  126. Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. Ea saepe officia eum nulla quaerat 33 corrupti animi. Ab laboriosam omnis sed commodi nulla eum minima molestiae et temporibus ducimus. Aut dolorem unde est natus expedita aut fuga aliquid ea veritatis vitae aut omnis accusantium? In voluptates eligendi qui voluptates quaerat et suscipit optio est quia quibusdam et maxime accusantium qui corporis ratione eum asperiores nulla. Non aliquam voluptas ea consequatur repellendus et quia galisum ut perspiciatis nulla a fuga dicta est quas provident.
  127.  
  128. <p>
  129. <img src="https://i.pinimg.com/474x/d0/fe/05/d0fe05f7725ea27ab6597b7f44c32efa.jpg" style="width:130px;height:130px;float: right;margin-left: 5px;margin-right:5px;border: 2px solid #fff">
  130. Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. Ea saepe officia eum nulla quaerat 33 corrupti animi. Ab laboriosam omnis sed commodi nulla eum minima molestiae et temporibus ducimus. Aut dolorem unde est natus expedita aut fuga aliquid ea veritatis vitae aut omnis accusantium? In voluptates eligendi qui voluptates quaerat et suscipit optio est quia quibusdam et maxime accusantium qui corporis ratione eum asperiores nulla. Non aliquam voluptas ea consequatur repellendus et quia galisum ut perspiciatis nulla a fuga dicta est quas provident.
  131.  
  132. <p style="margin-top:25px">
  133. <b style="font-size:20px"><u>PRESENT</u></b>
  134. <p>
  135. <img src="https://fontmeme.com/permalink/220521/6299491e235591af28ce679b16435cb5.png" border="0" style="width:200px;margin-bottom:10px">
  136. <p>
  137. <img src="https://i.pinimg.com/474x/bd/86/ff/bd86ff3f5de289a76a8ff8c4a73f8a19.jpg" style="width:130px;height:130px;float: left;margin-left: 5px;margin-right:5px;border: 2px solid #fff">
  138. Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. Ea saepe officia eum nulla quaerat 33 corrupti animi. Ab laboriosam omnis sed commodi nulla eum minima molestiae et temporibus ducimus. Aut dolorem unde est natus expedita aut fuga aliquid ea veritatis vitae aut omnis accusantium? In voluptates eligendi qui voluptates quaerat et suscipit optio est quia quibusdam et maxime accusantium qui corporis ratione eum asperiores nulla. Non aliquam voluptas ea consequatur repellendus et quia galisum ut perspiciatis nulla a fuga dicta est quas provident.
  139.  
  140. <p>
  141. <img src="https://i.pinimg.com/474x/14/c0/27/14c0270efd6408c885cd059029d243fa.jpg" style="width:130px;height:130px;float: right;margin-left: 5px;margin-right:5px;border: 2px solid #fff">
  142. Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. Ea saepe officia eum nulla quaerat 33 corrupti animi. Ab laboriosam omnis sed commodi nulla eum minima molestiae et temporibus ducimus. Aut dolorem unde est natus expedita aut fuga aliquid ea veritatis vitae aut omnis accusantium? In voluptates eligendi qui voluptates quaerat et suscipit optio est quia quibusdam et maxime accusantium qui corporis ratione eum asperiores nulla. Non aliquam voluptas ea consequatur repellendus et quia galisum ut perspiciatis nulla a fuga dicta est quas provident.
  143.  
  144. <div>
  145. <div>
  146.  
  147. </div></div></div></div></div> </div>
  148.  
  149. <div><center><a href="https://kkodes.wixsite.com/dreamer" style="color:#000;font-size:12px"><b><u>kay kodes</u></b></a></center>
  150.  
  151. <link rel="preconnect" href="https://fonts.googleapis.com">
  152. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  153. <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
  154.  
  155. <script>
  156. function openCity(evt, cityName) {
  157. var i, tabcontent, tablinks;
  158. tabcontent = document.getElementsByClassName("tabcontent");
  159. for (i = 0; i < tabcontent.length; i++) {
  160. tabcontent[i].style.display = "none";
  161. }
  162. tablinks = document.getElementsByClassName("tablinks");
  163. for (i = 0; i < tablinks.length; i++) {
  164. tablinks[i].className = tablinks[i].className.replace(" active", "");
  165. }
  166. document.getElementsByClassName("tablinks");
  167. for (i = 0; i < tablinks.length; i++) {
  168. tablinks[i].className = tablinks[i].className.replace(" active", "");
  169. }
  170. document.getElementById(cityName).style.display = "block";
  171. evt.currentTarget.className += " active";
  172. }
  173.  
  174. // Get the element with id="defaultOpen" and click on it
  175. document.getElementById("defaultOpen").click();
  176. </script>
  177.  
  178. <div style="display:none">
  179. <iframe src="https://www.youtube.com/embed/5U7bF68xcRg?autoplay=1&amp;loop=1&amp;playlist=5U7bF68xcRg" frameborder="0" allow="autoplay; clipboard-write; "></iframe>
  180. </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!