kay_kodes

inexplicably attractive || profile text

May 20th, 2022
172
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.18 KB | None | 0 0
  1. ♡ hello hello! i'm going to keep this short because i am feeling lazy :) but anyways, i present to you a new profile text based on Alisa Ortega from The Inheritance Games. she's a bossy lady so uh...keep the credits or i'll have her sue you :) haveeee fun!!! ♡
  2.  
  3. best dreams,
  4. kay <3
  5.  
  6. --CODE STARTS BELOW THIS TEXT--
  7.  
  8. <!--!!FONTMEME FONT FOR TITLE: PHOTOGRAPHY SIGNATURE!!-->
  9.  
  10. <html>
  11. <center>
  12. <link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
  13. <style>
  14. /*Scrollbar*/
  15. ::-webkit-scrollbar {width: 0px;}
  16. ::-webkit-scrollbar-thumb {background: #fff;}
  17. ::-webkit-scrollbar-thumb:hover {background: #fff;}
  18. .box{
  19. position: relative;
  20. text-align: center;
  21.  
  22. }
  23. .booktitle{
  24. font-family: 'Lavishly Yours', cursive;
  25. font-size:80px;
  26. color:#00539c;
  27. position: absolute;
  28. top: 50%;
  29. left: 50%;
  30. transform: translate(-50%, -50%);
  31. }
  32. .page{
  33. text-decoration: none;
  34. color:black;
  35. padding: 10px
  36.  
  37. }
  38.  
  39. .columnone{
  40. float: right;
  41. width:250px;
  42. height:715px;
  43. background-color:#d9cbc3;
  44. border: 2px #000 ;
  45. margin-right:10px;
  46. margin-top:20px;
  47. margin-bottom: -25px;
  48. overflow:auto;
  49.  
  50. }
  51. .columntwo{
  52. float:left;
  53. width:465px;
  54. height:750px;
  55. margin-left:30px;
  56. margin-bottom: 10px;
  57. overflow: auto;
  58. }
  59.  
  60.  
  61. </style>
  62. <a name="one">
  63. <div style="background:#d9cbc3;border:3px solid #000;width:800px;height:915px;border-radius:0px;overflow:auto">
  64. <div class="box">
  65. <center>
  66. <img src="https://fontmeme.com/permalink/220520/f7fd2c77d5ed53984c55ea1b1383625e.png" border="0" style="margin-top:30px; width:500px;margin-bottom:10px">
  67. </center></div>
  68.  
  69. <div class="columnone">
  70.  
  71. <img src="https://i.pinimg.com/474x/38/3a/16/383a1664fef1721437efea4d6991ff00.jpg" style="width:200px;height:300px;border: 2px solid #fff;object-fit:cover">
  72. <br>
  73. <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">
  74. <br>
  75. <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">
  76.  
  77. <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">
  78. </div>
  79.  
  80. <div class="columntwo">
  81. <div style="text-align:justify;width:465px;height:655px;overflow-auto">
  82. <br style="margin-top:10px">
  83. <b style="font-size:20px"><u>BASICS</u></b>
  84.  
  85. <p><b>name.</b> insert name here<br>
  86. <b>nickname(s).</b> insert nickname(s) here<br>
  87. <b>orientation.</b> insert orientation here<br>
  88. <b>birthday.</b> insert birthday here<br>
  89. <b>birthplace.</b> insert birthplace here<br>
  90. <b>current residence.</b> insert current residence here<br><br>
  91.  
  92. <b>quote.</b><i> wat is het toch heerlijk om de koningin te zijn</i>
  93.  
  94. <p><b>house/faction/kingdom.</b> insert placement here<br>
  95. <b>bloodline.</b> insert bloodline here<br>
  96. <b>status.</b> insert status here<br>
  97. <b>graduate/student year.</b> insert year here<br>
  98. <b>occupation.</b> insert occupation here
  99.  
  100. <div style=" border-left: 2px solid #fff; padding-left: 10px">
  101. <p><b>mother.</b> insert name here<br>
  102. <b>father.</b> insert name here
  103.  
  104. <div style=" border-left: 2px solid #fff; padding-left: 10px;margin-left:10px">
  105. <b>sister.</b> insert name here<br>
  106. <b>brother.</b> insert name here<br>
  107. </div>
  108. </div>
  109. <br>
  110. <b>significant other.</b> insert name here
  111. <p style="margin-top:25px">
  112. <b style="font-size:20px"><u>ABOUT</u></b>
  113. <p>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.
  114.  
  115. <p>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.
  116.  
  117. <p style="margin-top:25px">
  118. <b style="font-size:20px"><u>PERSONALITY</u></b>
  119. <p>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.
  120.  
  121. <p>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.
  122.  
  123. <p style="margin-top:25px">
  124. <b style="font-size:20px"><u>APPEARANCE</u></b>
  125. <p>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.
  126.  
  127. <p>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.
  128.  
  129. <!--RELATIONS-->
  130. <div style="background: #d9cbc3;padding:5%;border:#000 3px solid;width:410px;height:200px;margin-left:2px;overflow:auto">
  131. <b style="font-size:20px"><u>RELATIONS</u></b><p>
  132.  
  133. <!--each relation-->
  134. <div style="background: #d9cbc3;padding:5%;border:#d9cbc3 2px solid;width:350px;height:120px;margin-right:10px;float:left">
  135. <img src="https://i.pinimg.com/474x/3b/ac/8d/3bac8d76e66bfca32da13ea72e668f65.jpg" style="width:120px;height:120px;border:solid #fff;border-radius:100%;float:left;margin-left:-10px;margin-bottom:10px;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  136. <p><b>Relation | Name</b></p>
  137. <p>Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi.
  138. </div><br>
  139.  
  140. <!--each relation-->
  141. <div style="background: #d9cbc3;padding:5%;border:#d9cbc3 2px solid;width:350px;height:120px;margin-right:10px;float:left">
  142. <img src="https://i.pinimg.com/564x/0f/82/0a/0f820a41936ff6e241452f6694b52380.jpg" style="width:120px;height:120px;border:solid #fff;border-radius:100%;float:left;margin-left:-10px;margin-bottom:10px;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  143. <p><b>Relation | Name</b></p>
  144. <p>Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi.
  145. </div><br>
  146.  
  147. <!--each relation-->
  148. <div style="background: #d9cbc3;padding:5%;border:#d9cbc3 2px solid;width:350px;height:120px;margin-right:10px;float:left">
  149. <img src="https://i.pinimg.com/474x/90/e7/09/90e709ab24ac8d006a357106c585a27c.jpg" style="width:120px;height:120px;border:solid #fff;border-radius:100%;float:left;margin-left:-10px;margin-bottom:10px;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  150. <p><b>Relation | Name</b></p>
  151. <p>Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi.
  152. </div><br>
  153. </div>
  154.  
  155. <p style="margin-top:25px">
  156. <b style="font-size:20px"><u>BRIEF HISTORY</u></b>
  157. <p>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.
  158.  
  159. <p>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.
  160.  
  161. <!--AESTHETIC-->
  162. <div style="background: #d9cbc3;padding:5%;border:#000 3px solid;width:410px;height:200px;margin-left:2px;overflow:auto">
  163. <b style="font-size:20px"><u>AESTHETICS</u></b><p>
  164. <center>
  165. <!--each aesthetic-->
  166. <img src="https://i.pinimg.com/474x/66/65/3b/66653b3f3502a4fead9d032d9761a847.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  167. <!--each aesthetic-->
  168. <img src="https://i.pinimg.com/474x/81/dc/c8/81dcc8721b3fd80ac3c3b87614e75f9e.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  169. <!--each aesthetic-->
  170. <img src="https://i.pinimg.com/474x/90/ed/ad/90edad557e95aec4b0f571f954cc5687.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  171.  
  172. <br>
  173.  
  174. <!--each aesthetic-->
  175. <img src="https://i.pinimg.com/474x/5f/2c/89/5f2c890b2d807cc31c323b8914575a78.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  176. <!--each aesthetic-->
  177. <img src="https://i.pinimg.com/474x/73/27/64/732764e5626ccd6ece7b58cb9e3fdd44.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  178. <!--each aesthetic-->
  179. <img src="https://i.pinimg.com/474x/ea/e4/b9/eae4b9561bbf29721e2e597d8f0490b2.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  180.  
  181. <br>
  182.  
  183. <!--each aesthetic-->
  184. <img src="https://i.pinimg.com/474x/40/fb/0b/40fb0b205b281d75b0284fea5d520058.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  185. <!--each aesthetic-->
  186. <img src="https://i.pinimg.com/474x/19/e5/08/19e50839b5a97ef28f3bd717e32f2ae7.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  187. <!--each aesthetic-->
  188. <img src="https://i.pinimg.com/474x/25/36/99/253699cae1a7b81914689d8955695d5e.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  189.  
  190. <br>
  191.  
  192. <!--each aesthetic-->
  193. <img src="https://i.pinimg.com/474x/f9/db/ca/f9dbca0cade28fd6d3e87f9fec75016e.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  194. <!--each aesthetic-->
  195. <img src="https://i.pinimg.com/474x/d2/d8/4e/d2d84e12660ecd00c8a5032c9c8e94f0.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  196. <!--each aesthetic-->
  197. <img src="https://i.pinimg.com/474x/f7/95/57/f795575ccc8b05f8d5280bcd48a5ff7c.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;box-shadow: 2px 2px 7px 3px #fff">
  198. </center>
  199.  
  200.  
  201. <div>
  202. <div>
  203.  
  204. </div></div></div></div></div> </div>
  205.  
  206. <div><center><a href="https://kkodes.wixsite.com/dreamer" style="color:#000;font-size:12px"><b><u>kay kodes</u></b></a></center>
  207.  
  208. <link rel="preconnect" href="https://fonts.googleapis.com">
  209. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  210. <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
  211.  
  212. <script>
  213. function openCity(evt, cityName) {
  214. var i, tabcontent, tablinks;
  215. tabcontent = document.getElementsByClassName("tabcontent");
  216. for (i = 0; i < tabcontent.length; i++) {
  217. tabcontent[i].style.display = "none";
  218. }
  219. tablinks = document.getElementsByClassName("tablinks");
  220. for (i = 0; i < tablinks.length; i++) {
  221. tablinks[i].className = tablinks[i].className.replace(" active", "");
  222. }
  223. document.getElementsByClassName("tablinks");
  224. for (i = 0; i < tablinks.length; i++) {
  225. tablinks[i].className = tablinks[i].className.replace(" active", "");
  226. }
  227. document.getElementById(cityName).style.display = "block";
  228. evt.currentTarget.className += " active";
  229. }
  230.  
  231. // Get the element with id="defaultOpen" and click on it
  232. document.getElementById("defaultOpen").click();
  233. </script>
  234.  
  235. <div style="display:none">
  236. <iframe src="https://www.youtube.com/embed/5U7bF68xcRg?autoplay=1&amp;loop=1&amp;playlist=5U7bF68xcRg" frameborder="0" allow="autoplay; clipboard-write; "></iframe>
  237. </div>
Advertisement
Add Comment
Please, Sign In to add comment