Advertisement
kay_kodes

lexelot code help

Jul 24th, 2022
30
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.55 KB | None | 0 0
  1.  
  2. <!--!!ALL FONTMEME FONTS USED: PHOTOGRAPHY SIGNATURE!!-->
  3.  
  4. <html>
  5. <center>
  6. <link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
  7. <style>
  8. /*Scrollbar*/
  9. ::-webkit-scrollbar {width: 0px;}
  10. ::-webkit-scrollbar-thumb {background: #fff;}
  11. ::-webkit-scrollbar-thumb:hover {background: #fff;}
  12. .box{
  13. position: relative;
  14. text-align: center;
  15.  
  16. }
  17. .booktitle{
  18. font-family: 'Lavishly Yours', cursive;
  19. font-size:80px;
  20. color:#00539c;
  21. position: absolute;
  22. top: 50%;
  23. left: 50%;
  24. transform: translate(-50%, -50%);
  25. }
  26. .page{
  27. text-decoration: none;
  28. color:black;
  29. padding: 10px
  30.  
  31. }
  32.  
  33. .columnone{
  34. float: right;
  35. width:250px;
  36. height:715px;
  37. background-color:#d9cbc3;
  38. border: 2px #000 ;
  39. margin-right:10px;
  40. margin-top:20px;
  41. margin-bottom: -25px;
  42. overflow:auto;
  43.  
  44. }
  45. .columntwo{
  46. float:left;
  47. width:465px;
  48. height:750px;
  49. margin-left:30px;
  50. margin-bottom: 10px;
  51. overflow: auto;
  52.  
  53.  
  54.  
  55. </style>
  56. <a name="one">
  57. <div style="background:#d9cbc3;border:3px solid #000;width:800px;height:915px;border-radius:0px;overflow:auto">
  58. <div class="box">
  59. <center>
  60. <img src="https://media.discordapp.net/attachments/936137900368728074/1000642807507206224/16586422281404354888393812791901.png" border="0" style="margin-top:30px; width:310px;margin-bottom:10px">
  61. <p>
  62. <img src="https://fontmeme.com/permalink/220521/de78b0a354ba5681d358b4264fd308cc.png" border="0" style="margin-top:-10px; width:210px;margin-bottom:10px">
  63. </center></div>
  64.  
  65. <div class="columnone">
  66.  
  67. <img src="https://media.discordapp.net/attachments/936137900368728074/1000661056361857075/16586465709336884481133455893650.jpg" style="width:200px;height:300px;border: 2px solid #fff;object-fit:cover">
  68. <br>
  69. <img src="https://media.discordapp.net/attachments/936137900368728074/1000661449699504208/1658646673841754760632172099380.jpg" style="width:200px;height:300px;border: 2px solid #fff;margin-top:10px;object-fit:cover">
  70. <br>
  71. <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">
  72.  
  73. <img src="https://media.discordapp.net/attachments/936137900368728074/1000661913023287336/16586467802452510848457026057251.jpg" style="width:200px;height:300px;border: 2px solid #fff;margin-top:10px;object-fit:cover">
  74. </div>
  75.  
  76. <div class="columntwo">
  77. <div style="text-align:center;width:465px;height:655px;overflow-auto">
  78. <br style="margin-top:10px">
  79. <b style="font-size:20px"><u>PARENTS</u></b>
  80. <p>
  81.  
  82. <!--FATHER-->
  83. <img src="https://media.discordapp.net/attachments/936137900368728074/1000643269690130482/16586423404017076934798646295174.png" border="0" style="width:200px;margin-bottom:10px">
  84. <p>
  85. <img src="https://i.pinimg.com/originals/1f/11/8a/1f118a777b5e6f41fa4e6076de86f62d.gif" style="width:130px;height:130px;float: left;margin-left: 5px;margin-right:5px;border: 2px solid #fff;object-fit:cover">
  86. Wilson Cardenas, was a self-made man, who was very proud of his achievements and the respect he had earned in the society. He had left his parental home close to Mexico City in his late 15s for a search of a better life, a life which he had dreamt about, full of wealth, friends and love; and of all the places in the world, he stumbled into Chicago. Life in Chicago had been more of an adventure ride for him, he was all alone, all by himself lost in the big city where he knew no one to guide him on. The first year at Chicago as a Candor was pretty much a dark phase for him as he used to get mocked and insulted for not being able to cope up with other students and so he used to be silent and lonely throughout most of the time. Wilson Cardenas had almost made up a plan to run far away from the city but then he met Calyarie, another young initiate from Erudite which brought a massive turn to his life.
  87.  
  88. <p>
  89.  
  90. <!--MOTHER-->
  91. <img src="https://media.discordapp.net/attachments/936137900368728074/1000643104921092196/16586423003485740778451622303193.png" border="0" style="width:200px;margin-bottom:10px">
  92. <br>
  93. <img src="https://c.tenor.com/4-d1ajaUBwgAAAAC/troian-bellisario.gif" style="width:130px;height:130px;float: right;margin-left: 5px;margin-right:5px;border: 2px solid #fff;object-fit:cover">
  94. Calayrie Montgomery was the first-born child among the three daughters the elder Montgomerys had. The family was known to be extremely intelligent and very diligent in their work since ages, with the whole lineage always being in the Erudite faction. Calayrie was the prettiest and the eldest of the three. Though being in Erudite, Calayrie was also brave and empathetic. She loved helping others and perhaps that was the sole reason she always had a great amount of friends swarming around her. It was during one of the classes when her emotional side took over when she saw Wilson getting emotionally abused with all those mockings and so she decided to take a step towards improvement of the life of a person to whom she was strangely attracted.
  95.  
  96.  
  97. <p style="margin-top:25px">
  98. <b style="font-size:20px"><u>SIBLINGS</u></b>
  99. <p>
  100.  
  101. <!--SIBLING1-->
  102. <img src="https://media.discordapp.net/attachments/936137900368728074/1000642534315413555/16586421447814773593509500531225.png" border="0" style="width:200px;margin-bottom:10px">
  103. <p>
  104. <img src="https://img.nickpic.host/SUz3K8.gif" style="width:130px;height:130px;float: left;margin-left: 5px;margin-right:5px;border: 2px solid #fff;object-fit:cover">
  105. 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.
  106.  
  107. <p style="margin-top:25px">
  108. <b style="font-size:20px"><u>First Meeting and Changeover</u></b>
  109. <p>
  110. <img src="https://media.discordapp.net/attachments/936137900368728074/1000645118405115985/16586427736717264579605888649400.png" border="0" style="width:350px;margin-bottom:10px">
  111. <p>
  112. <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;object-fit:cover">
  113. First meeting of the future couple happened at the Pier where Wilson had thought of buying a fluffy companion from the Pet Boutique where he accidentally stumbled upon Calayrie and she fell right on to his arm. A romantic meeting isn't so? Soon after they started hanging out with each other more often, Calayrie started having her inspiring influence on Wilson. That influence of her brought about a complete makeover in his character, from a shy, weak young boy, he turned into a confident, determined young teenager ready to face any difficulty in life. With this personality not only did he gain respect among his Candor colleagues but also got noticeably close to reaching the life he had been dreaming of when he left his hometown and began the search.
  114.  
  115. <p style="margin-top:25px">
  116. <b style="font-size:20px"><u>Love and Marriage</u></b>
  117. <p>
  118. <img src="https://media.discordapp.net/attachments/936137900368728074/1000647129779408916/16586432411222011576910287585861.png" border="0" style="width:200px;margin-bottom:10px">
  119. <p>
  120. <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;object-fit:cover">
  121. 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>PRESENT</u></b>
  125. <p>
  126. <img src="https://fontmeme.com/permalink/220521/6299491e235591af28ce679b16435cb5.png" border="0" style="width:200px;margin-bottom:10px">
  127. <p>
  128. <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;object-fit:cover">
  129. 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.
  130.  
  131. <p>
  132. <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;object-fit:cover">
  133. 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.
  134.  
  135. <div>
  136. <div>
  137.  
  138. </div></div></div></div></div> </div>
  139.  
  140. <div><center><a href="https://kkodes.wixsite.com/dreamer" style="color:#000;font-size:12px"><b><u>kay kodes</u></b></a></center>
  141.  
  142. <link rel="preconnect" href="https://fonts.googleapis.com">
  143. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  144. <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
  145.  
  146. <script>
  147. function openCity(evt, cityName) {
  148. var i, tabcontent, tablinks;
  149. tabcontent = document.getElementsByClassName("tabcontent");
  150. for (i = 0; i < tabcontent.length; i++) {
  151. tabcontent[i].style.display = "none";
  152. }
  153. tablinks = document.getElementsByClassName("tablinks");
  154. for (i = 0; i < tablinks.length; i++) {
  155. tablinks[i].className = tablinks[i].className.replace(" active", "");
  156. }
  157. document.getElementsByClassName("tablinks");
  158. for (i = 0; i < tablinks.length; i++) {
  159. tablinks[i].className = tablinks[i].className.replace(" active", "");
  160. }
  161. document.getElementById(cityName).style.display = "block";
  162. evt.currentTarget.className += " active";
  163. }
  164.  
  165. // Get the element with id="defaultOpen" and click on it
  166. document.getElementById("defaultOpen").click();
  167. </script>
  168.  
  169. <div style="display:none">
  170. <iframe src="https://www.youtube.com/embed/5U7bF68xcRg?autoplay=1&amp;loop=1&amp;playlist=5U7bF68xcRg" frameborder="0" allow="autoplay; clipboard-write; "></iframe>
  171. </div>
  172.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement