API tools faq
paste
Advertisement
kay_kodes

stars around my scars || PT

kay_kodes
Jun 7th, 2023 (edited)
225
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.04 KB | None | 0 0
raw download clone embed print report
  1. <!--FONTMEME FOR TITLE: Thesignature Font-->
  2.  
  3. <html>
  4. <center>
  5. <link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
  6.  
  7. <link href="https://fonts.cdnfonts.com/css/briana-brush-pen" rel="stylesheet">
  8.  
  9. <style>
  10. /*Scrollbar*/
  11. ::-webkit-scrollbar {width: 0px;}
  12. ::-webkit-scrollbar-thumb {background: #fff;}
  13. ::-webkit-scrollbar-thumb:hover {background: #fff;}
  14.  
  15.  
  16. }
  17. .htitle1{
  18. font-family: 'Briana Brush Pen', sans-serif;
  19. font-size:30px;
  20. color:#000;
  21.  
  22.  
  23. }
  24. .page{
  25. text-decoration: none;
  26. color:black;
  27. padding: 10px
  28.  
  29. }
  30.  
  31. .columnone{
  32. float: right;
  33. width:250px;
  34. height:520px;
  35. background-color:#f4f0ec;
  36. border: 2px #000 ;
  37. margin-right:10px;
  38. margin-top:10px;
  39. margin-bottom: 25px;
  40. margin-left:550px;
  41. overflow:hidden;
  42. position: absolute
  43.  
  44. }
  45. .columntwo{
  46. float:left;
  47. width:500px;
  48. height:500px;
  49. margin-left:30px;
  50. margin-bottom: 25px;
  51. overflow: auto;
  52. font-size:12px;
  53. color:#57261c;
  54. margin-top:20px;
  55. position: absolute
  56. }
  57.  
  58.  
  59. button {
  60. width:150px;
  61. height:150px;
  62. margin-top:0px;
  63. overflow: hidden;
  64. border: 2px solid #836953;
  65. font-weight: bold;
  66. font-size: 15px;
  67. text-shadow: 0 0 40px #fff, 0 0 50px #bbb, 0 0 60px #fff, 0 0 70px #bbb, 0 0 80px #fff, 0 0 90px #bbb, 0 0 100px #fff;
  68. transition: all 0.3s ease 0s;
  69. outline: 1px solid #fff;
  70. outline-offset: -6px;
  71. }
  72.  
  73. button:hover {
  74. box-shadow: 0px 15px 20px;
  75. outline: none;
  76. box-shadow: 1px 1px 6px 2px #fff;
  77. filter:grayscale(100%)
  78. }
  79.  
  80. button:active {
  81. transform: translateY(-1px);}
  82.  
  83.  
  84. </style>
  85. <a name="one">
  86. <div style="background:#f4f0ec;border:3px solid #836953;width:800px;height:650px;border-radius:0px;">
  87.  
  88. <center>
  89. <img src="https://fontmeme.com/permalink/230608/473391666f8b16dd48c668a4b0ca7299.png" border="0" style="margin-top:30px; width:450px;margin-bottom:10px">
  90. </center>
  91.  
  92. <div class="columnone">
  93. <button class="tablinks" onclick="openCity(event, 'one')" id="defaultOpen"style="width:120px;height:120px;background: url(https://i.pinimg.com/236x/d2/ee/c5/d2eec5fada479f53511df5750a85c46a.jpg)center;background-size:cover"></button>
  94.  
  95. <br>
  96.  
  97. <button class="tablinks" onclick="openCity(event, 'two')" id="defaultOpen"style="width:120px;height:120px;background: url(https://i.pinimg.com/236x/84/be/8c/84be8c35c2729d5ff534f57d8e2ca949.jpg)center;background-size:cover;margin-top: 10px"></button>
  98.  
  99. <br>
  100.  
  101. <button class="tablinks" onclick="openCity(event, 'three')" id="defaultOpen"style="width:120px;height:120px;background: url(https://i.pinimg.com/236x/e0/6b/79/e06b794e93a64b903593e397fc904781.jpg)center;background-size:cover;margin-top: 10px"></button>
  102.  
  103. <br>
  104.  
  105. <button class="tablinks" onclick="openCity(event, 'four')" id="defaultOpen"style="width:120px;height:120px;background: url(https://i.pinimg.com/236x/e1/c6/ee/e1c6eecdf547329cdbb5efea05850ecd.jpg)center;background-size:cover;margin-top: 10px"></button>
  106. </div>
  107.  
  108. <div class="columntwo">
  109.  
  110. <!--PAGE 1-->
  111. <div id="one" class="tabcontent">
  112. <div style="text-align:justify;width:500px;height:560px;overflow:auto">
  113. <br style="margin-top:10px">
  114. <b style="font-size:20px"><u>BASICS</u></b>
  115.  
  116.  
  117. <img src="https://i.pinimg.com/236x/16/5a/66/165a666916ae8c76d02fe0687349b69f.jpg" style="float: right;width:100px;height:100px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;border: #836953 2px solid;object-fit:cover;border-radius:100%">
  118.  
  119. <p><b>name.</b> insert name here<br>
  120. <b>nickname(s).</b> insert nickname(s) here<br>
  121. <b>orientation.</b> insert orientation here<br>
  122. <b>birthday.</b> insert birthday here<br>
  123. <b>birthplace.</b> insert birthplace here<br>
  124. <b>current residence.</b> insert current residence here<br><br>
  125.  
  126. <img src="https://i.pinimg.com/564x/df/80/ff/df80ffc2bb8da30285129a7bca57a8e3.jpg" style="float: right;width:100px;height:100px;margin-left:10px;margin-right:10px;margin-top:px;margin-bottom:10px;border: #836953 2px solid;object-fit:cover;border-radius:100%">
  127.  
  128. <b>quote.</b><i> wat is het toch heerlijk om de koningin te zijn</i>
  129.  
  130. <p><b>house/faction/kingdom.</b> insert placement here<br>
  131. <b>bloodline.</b> insert bloodline here<br>
  132. <b>status.</b> insert status here<br>
  133. <b>graduate/student year.</b> insert year here<br>
  134. <b>occupation.</b> insert occupation here
  135.  
  136. <div style=" border-left: 2px solid #836953; padding-left: 10px">
  137. <p><b>mother.</b> insert name here<br>
  138. <b>father.</b> insert name here
  139.  
  140. <img src="https://i.pinimg.com/236x/cf/dd/a8/cfdda8ef917774d4eb3c74fabd3114ab.jpg" style="float: right;width:100px;height:100px;margin-left:10px;margin-right:10px;margin-top:0px;margin-bottom:10px;border: #836953 2px solid;object-fit:cover;border-radius:100%">
  141. <div style=" border-left: 2px solid #836953; padding-left: 10px;margin-left:10px">
  142.  
  143. <b>sister.</b> insert name here<br>
  144. <b>brother.</b> insert name here<br>
  145.  
  146. </div>
  147. </div>
  148. <br>
  149.  
  150. <b>significant other.</b> insert name here
  151. <p style="margin-top:25px">
  152. <b style="font-size:20px"><u>ABOUT</u></b>
  153. <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.
  154.  
  155. <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.
  156.  
  157. <p style="margin-top:25px">
  158. <b style="font-size:20px"><u>PERSONALITY</u></b>
  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. <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.
  162.  
  163. <p style="margin-top:25px">
  164. <b style="font-size:20px"><u>APPEARANCE</u></b>
  165. <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.
  166.  
  167. <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.
  168.  
  169.  
  170.  
  171. <div><div>
  172.  
  173. </div></div>
  174. <br></div></div>
  175.  
  176. <!--PAGE 2-->
  177. <div id="two" class="tabcontent">
  178. <div style="text-align:justify;width:465px;height:655px;overflow-auto">
  179. <br style="margin-top:10px">
  180. <!--RELATIONS-->
  181. <b style="font-size:20px"><u>RELATIONS</u></b><p>
  182.  
  183. <!--each relation-->
  184. <div style="padding:5%;border:#d9cbc3 2px solid;width:415px;margin-right:10px;float:left;margin-top:10px">
  185. <img src="https://i.pinimg.com/236x/40/41/15/40411552e2ae42a5fc21a7e408c95043.jpg" style="width:100px;height:100px;border:solid #836953;border-radius:100%;float:left;margin-left:-10px;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  186. <p><b>Relation | Name</b></p>
  187. <p>Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. 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. 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.
  188. </div><br>
  189.  
  190. <!--each relation-->
  191. <div style="padding:5%;border:#d9cbc3 2px solid;width:415px;margin-right:10px;float:left;margin-top:10px">
  192. <img src="https://i.pinimg.com/236x/83/e5/59/83e5597323f9abe35ee67531039185ed.jpg" style="width:100px;height:100px;border:solid #836953;border-radius:100%;float:left;margin-left:-10px;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  193. <p><b>Relation | Name</b></p>
  194. <p>Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. 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. 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.
  195. </div><br>
  196.  
  197. <!--each relation-->
  198. <div style="padding:5%;border:#d9cbc3 2px solid;width:415px;margin-right:10px;float:left;margin-top:10px">
  199. <img src="https://i.pinimg.com/236x/68/bc/0b/68bc0bae08e78e7dc5d4f9afd243952c.jpg" style="width:100px;height:100px;border:solid #836953;border-radius:100%;float:left;margin-left:-10px;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  200. <p><b>Relation | Name</b></p>
  201. <p>Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. 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. 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.
  202. </div><br>
  203.  
  204. <!--each relation-->
  205. <div style="padding:5%;border:#d9cbc3 2px solid;width:415px;margin-right:10px;float:left;margin-top:10px">
  206. <img src="https://i.pinimg.com/236x/de/6b/03/de6b037019cbce5c708c374481abb70a.jpg" style="width:100px;height:100px;border:solid #836953;border-radius:100%;float:left;margin-left:-10px;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  207. <p><b>Relation | Name</b></p>
  208. <p>Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. 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. 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.
  209. </div><br>
  210.  
  211. <!--each relation-->
  212. <div style="padding:5%;border:#d9cbc3 2px solid;width:415px;margin-right:10px;float:left;margin-top:10px">
  213. <img src="https://i.pinimg.com/236x/ab/c2/96/abc29600ac31733905d0c6541092ea16.jpg" style="width:100px;height:100px;border:solid #836953;border-radius:100%;float:left;margin-left:-10px;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  214. <p><b>Relation | Name</b></p>
  215. <p>Lorem ipsum dolor sit amet. Est dolor consectetur et galisum saepe et sunt odit qui maiores quasi. 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. 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.
  216. </div><br>
  217.  
  218. <div><div>
  219.  
  220. </div></div>
  221. <br></div></div>
  222.  
  223. <!--PAGE 3-->
  224. <div id="three" class="tabcontent">
  225. <div style="text-align:justify;width:465px;height:655px;overflow-auto">
  226. <br style="margin-top:10px">
  227. <!--AESTHETIC-->
  228.  
  229. <b style="font-size:20px"><u>AESTHETICS</u></b><p>
  230. <center>
  231. <!--each aesthetic-->
  232. <img src="https://i.pinimg.com/236x/fb/0c/a3/fb0ca397301c9918a52bc7dea16effb9.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  233. <!--each aesthetic-->
  234. <img src="https://i.pinimg.com/236x/42/7c/18/427c183120ac0c609b0863279d010af4.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  235. <!--each aesthetic-->
  236. <img src="https://i.pinimg.com/236x/f9/28/ac/f928acc0a8079e47440d85cf17fa309b.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  237.  
  238. <br>
  239.  
  240. <!--each aesthetic-->
  241. <img src="https://i.pinimg.com/236x/1a/96/a8/1a96a855f1cc36000b60a02f18c7616b.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:0px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  242. <!--each aesthetic-->
  243. <img src="https://i.pinimg.com/236x/10/63/7f/10637f55b6d2b4430c2599eff76fec02.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:0px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  244. <!--each aesthetic-->
  245. <img src="https://i.pinimg.com/236x/c6/e3/9e/c6e39ea400d1728e76e2fdc75f103011.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:0px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  246.  
  247. <br>
  248.  
  249.  
  250. <!--each aesthetic-->
  251. <img src="https://i.pinimg.com/236x/78/b6/4b/78b64b2dfeac5234b2ae6045d18e7e45.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:0px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  252. <!--each aesthetic-->
  253. <img src="https://i.pinimg.com/236x/66/4c/93/664c93121ffda173feb0c86fc468c1d3.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:0px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  254. <!--each aesthetic-->
  255. <img src="https://i.pinimg.com/236x/f6/6a/4b/f66a4b3f20a5b9be6bbe75965d83f332.jpg" style="width:120px;height:120px;margin-left:2px;margin-right:px;margin-top:0px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  256. </center>
  257. <br><br><br>
  258.  
  259. <!--VISUALS-->
  260. <b style="font-size:20px"><u>VISUALS</u></b><p>
  261. <center>
  262. <!--each visual-->
  263. <img src="https://i.pinimg.com/originals/2a/24/9f/2a249f47c09ca0765c904ed35494c86a.gif" style="width:120px;height:150px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  264.  
  265. <!--each visual-->
  266. <img src="https://i.pinimg.com/originals/93/2b/6d/932b6d91cb48dd572b6c70e5c3fb59e1.gif" style="width:120px;height:150px;margin-left:15px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  267.  
  268. <!--each visual-->
  269. <img src="https://i.pinimg.com/originals/c8/e6/b8/c8e6b85256e6aca6fb902776b5b173e0.gif" style="width:120px;height:150px;margin-left:15px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #836953 2px solid;object-fit:cover">
  270. </center>
  271.  
  272. <div><div>
  273.  
  274. </div></div>
  275. <br></div></div>
  276.  
  277. <!--PAGE 4-->
  278. <div id="four" class="tabcontent">
  279. <div style="text-align:justify;width:465px;height:655px;overflow-auto">
  280. <br style="margin-top:10px">
  281. <p style="margin-top:25px">
  282. <b style="font-size:20px"><u>BRIEF HISTORY</u></b>
  283. <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.
  284.  
  285. <img src="https://i.pinimg.com/236x/0f/37/11/0f3711053533e360870de2e80b9737b4.jpg" style="float: right;width:140px;height:140px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;border: #836953 2px solid;object-fit:cover;border-radius:100%">
  286.  
  287. <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. 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.
  288.  
  289. <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.
  290.  
  291. <img src="https://i.pinimg.com/236x/75/12/5b/75125bb68914aa1662d3ea00eaa1cb0e.jpg" style="float: left;width:140px;height:140px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;border: #836953 2px solid;object-fit:cover;border-radius:100%">
  292.  
  293. <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. 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. 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.
  294.  
  295. <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.
  296. <div><div><div>
  297.  
  298.  
  299. </div></div></div></div>
  300. <br></div></div></div></div></div></div>
  301.  
  302. <div><center><a href="https://kkodes.wixsite.com/dreamer" style="color:#000;font-size:12px"><b><u>kay kodes</u></b></a></center>
  303.  
  304. <link rel="preconnect" href="https://fonts.googleapis.com">
  305. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  306. <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
  307.  
  308. <script>
  309. function openCity(evt, cityName) {
  310. var i, tabcontent, tablinks;
  311. tabcontent = document.getElementsByClassName("tabcontent");
  312. for (i = 0; i < tabcontent.length; i++) {
  313. tabcontent[i].style.display = "none";
  314. }
  315. tablinks = document.getElementsByClassName("tablinks");
  316. for (i = 0; i < tablinks.length; i++) {
  317. tablinks[i].className = tablinks[i].className.replace(" active", "");
  318. }
  319. document.getElementsByClassName("tablinks");
  320. for (i = 0; i < tablinks.length; i++) {
  321. tablinks[i].className = tablinks[i].className.replace(" active", "");
  322. }
  323. document.getElementById(cityName).style.display = "block";
  324. evt.currentTarget.className += " active";
  325. }
  326.  
  327. // Get the element with id="defaultOpen" and click on it
  328. document.getElementById("defaultOpen").click();
  329. </script>
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!