API tools faq
paste
Advertisement
kay_kodes

red as the dawn || profile text

kay_kodes
Mar 14th, 2022
124
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.44 KB | None | 0 0
raw download clone embed print report
  1. ♡ well well welcome back! i'm here as usual with new, fun code! basically, i am in love with both the red queen and inheritance games backstories. therefore, i thought of making a matching profile text! for both backstories of course ;) anyways, feel free to edit to your heart's content just remember to keep the credits!! ♡
  2.  
  3. best dreams,
  4. kay <3
  5.  
  6.  
  7. --CODE STARTS BELOW THIS TEXT--
  8. <html>
  9. <center>
  10. <link href='https://fonts.googleapis.com/css?family=Almendra SC' rel='stylesheet'>
  11. <style>
  12. /*Scrollbar*/
  13. ::-webkit-scrollbar {width: 0px;}
  14. ::-webkit-scrollbar-thumb {background: #fff;}
  15. ::-webkit-scrollbar-thumb:hover {background: #fff;}
  16. .box{
  17. position: relative;
  18. text-align: center;
  19.  
  20. }
  21. .tab button {
  22. background:rgba(0,0,0,.0);
  23. width:100px;
  24. height:100px;
  25. margin-top:1px;
  26. float:center;
  27. border-radius: 100%;
  28. background: #f2f3f4;
  29. font-family: 'Almendra SC';
  30. font-size: 15px
  31.  
  32. }
  33. .booktitle{
  34. font-family:'Sacramento';
  35. font-size:80px;
  36. color:#00539c;
  37. position: absolute;
  38. top: 50%;
  39. left: 50%;
  40. transform: translate(-50%, -50%);
  41. }
  42. .page{
  43. text-decoration: none;
  44. color:black;
  45. overflow: auto;
  46. padding: 10px
  47. }
  48. .columnone{
  49. border-color: #fff;
  50. border: 10px;
  51. width: 200px;
  52. height: 700px;
  53. float: left
  54.  
  55. }
  56. .columntwo{
  57. width: 500px;
  58. height: 900px;
  59. overflow: auto;
  60. color: #fff;
  61. text-align: justify
  62. }
  63. .h1{
  64. font-family: 'Almendra SC';
  65. font-size: 10px
  66. }
  67. .trait{
  68. background:#bebebe;
  69. padding:3px;
  70. font-family: 'Almendra SC', monospace;
  71. font-size:13px;
  72. text-align:center;
  73. text-transform:lowercase;
  74. }
  75. .pandn{
  76. font-family: 'Almendra SC';
  77. font-size: 15px
  78. }
  79.  
  80. </style>
  81. <a name="one">
  82. <div style="background:#850705;border:10px double #fff;width:720px;height:950px;overflow: auto">
  83. <div class="box">
  84. <img src="https://i.pinimg.com/474x/a8/d1/2e/a8d12ef9e3a6c235402def7abca3c9c4.jpg" style="width:100%;height:200px;">
  85. <center><div class="booktitle"><img src="https://fontmeme.com/permalink/220314/6b6679aa453006d1179d9e2202978c38.png" alt="style-script-font" border="0" style="margin-top:10px;margin-bottom:-40px;width:450px">
  86. <img src="https://fontmeme.com/permalink/220314/a95410ad547e001c6e849ac91b13c2bc.png" alt="style-script-font" border="0" style="margin-top:40px; width:300px">
  87. </center></div>
  88. <hr style="border:double #fff;border-width:thin;">
  89.  
  90. <div class="columnone">
  91. <div style="background: #850705;padding:5%;border:#850705 2px double;width:175px;height:700px;float:left;margin-right:10px;margin-left:4px">
  92. <center>
  93. <div class="tab">
  94. <button class="tablinks" onclick="openCity(event, 'one')" id="defaultOpen">about</button><br><br>
  95.  
  96. <button class="tablinks" onclick="openCity(event, 'two')">first impression</button><br><br>
  97.  
  98. <button class="tablinks" onclick="openCity(event, 'three')">personality</button><br><br>
  99.  
  100. <button class="tablinks" onclick="openCity(event, 'four')">appearance</button><br><br>
  101.  
  102. <button class="tablinks" onclick="openCity(event, 'five')">relations</button><br><br>
  103.  
  104. <button class="tablinks" onclick="openCity(event, 'six')">aesthetic</button>
  105. <br><br><br>
  106. <img src="https://i.pinimg.com/474x/2e/f5/8c/2ef58c1ed9dc99340777f4bce853d899.jpg" style="width:170px;height:170px;border: 5px double #fff;border-radius:100%;margin-bottom:5px">
  107. </div>
  108. </div>
  109. </div>
  110.  
  111. <div class="columntwo">
  112. <div id="one" class="tabcontent">
  113. <div style="margin-left: 10px ">
  114. <h2><img src="https://fontmeme.com/permalink/220314/5e10b5b88d9be82180255a367a230790.png" alt="style-script-font" border="0" style="margin-top:10px;width:100px"></h2>
  115. <img src="https://i.pinimg.com/474x/18/d5/f3/18d5f30f13ec72ff6d44093132ec39f5.jpg" style="width:150px;height:150px;border: 5px double #fff;float:right;margin-right:10px;border-radius:100%">
  116. full name ➳ add full name<br>
  117. nickname(s) ➳ add nickname(s)<br>
  118. age ➳ add age<br>
  119. birthdate ➳ add birthdate<br>
  120. birthplace ➳ add birthplace<br>
  121. current residence ➳ add residence<br>
  122. status ➳ add status<br>
  123. </p></br>
  124. <img src="https://i.pinimg.com/474x/28/49/cb/2849cb0745458d386c74a64fe17e2930.jpg" style="width:150px;height:150px;border: 5px double #fff;float:right;margin-left:8px;margin-right:8px;border-radius:100%;margin-top:30px">
  125. <p>
  126. group ➳ add house/kingdom/faction<br>
  127. school year ➳ add school year<br>
  128. occupation ➳ add occupation<br>
  129. extra info ➳ add extra info <br>
  130. </p></br>
  131. <p>
  132. orientation ➳ add orientation<br>
  133. relationship status ➳ add status<br>
  134. partner ➳ add partner<br>
  135. extra info ➳ add extra info <br>
  136. </p>
  137. <br>
  138. <center><h2><img src="https://fontmeme.com/permalink/220314/33028c6c693c5c9daf466d4091977ece.png" alt="style-script-font" border="0" style="margin-top:-30px;width:120px"></h2></center>
  139. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sem massa, ornare sit amet laoreet in, mollis non arcu. Morbi semper molestie ligula ut convallis. Mauris varius augue mollis, ultrices lorem quis, hendrerit felis. In sit amet lacus ac augue aliquam consequat sit amet sed ipsum. Nulla cursus rutrum imperdiet. Curabitur eget tempor erat. Phasellus cursus efficitur dolor, eget accumsan arcu. Morbi nec porta orci, sit amet interdum sem. Vivamus nec nisl id est tempor aliquam ut sit amet turpis. Nunc auctor, erat sit amet maximus dictum, metus lectus suscipit ante, at congue mauris orci vel augue. Integer vitae purus magna.
  140. <p>Massa sapien faucibus et molestie ac feugiat. Id donec ultrices tincidunt arcu non sodales. Risus quis varius quam quisque id diam. At erat pellentesque adipiscing commodo elit at imperdiet dui accumsan. Nibh tellus molestie nunc non blandit massa enim nec dui. Id consectetur purus ut faucibus. Nulla pharetra diam sit amet nisl suscipit. Arcu non sodales neque sodales. Massa tempor nec feugiat nisl. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Fringilla ut morbi tincidunt augue interdum velit.
  141. <div>
  142. </div>
  143. <br></div></div>
  144. <div id="two" class="tabcontent">
  145. <div style="margin-left: 10px">
  146. <h2><img src="https://fontmeme.com/permalink/220314/8689a693e836901b3d091d22d8bf3557.png" alt="style-script-font" border="0" style="margin-top:10px;width:200px"></h2>
  147. <img src="https://i.pinimg.com/474x/d3/aa/20/d3aa20109bd389228cc59e52a8b19dc5.jpg" style="width:170px;height:170px;border: 5px double #fff;float:left;margin-right:5px;border-radius:100%">
  148. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh mauris cursus mattis molestie a iaculis at erat. Et malesuada fames ac turpis egestas sed tempus urna et. At auctor urna nunc id. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Id nibh tortor id aliquet lectus proin nibh nisl. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas. At auctor urna nunc id cursus metus. Sit amet consectetur adipiscing elit duis tristique. Eu augue ut lectus arcu bibendum at varius vel pharetra. Volutpat diam ut venenatis tellus in metus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Vel turpis nunc eget lorem dolor.</p>
  149. <img src="https://i.pinimg.com/474x/9e/9b/5f/9e9b5f8bc136d97e65a5cd2f9d0033f7.jpg" style="width:170px;height:170px;border: 5px double #fff;float:right;margin-left:8px;margin-right:8px;border-radius:100%">
  150. <p>Et ultrices neque ornare aenean euismod. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi.Maecenas volutpat blandit aliquam etiam erat velit. Rhoncus est pellentesque elit ullamcorper dignissim cras. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Vel orci porta non pulvinar neque laoreet. Tortor id aliquet lectus proin nibh nisl condimentum id. Interdum velit euismod in pellentesque massa. Aliquam faucibus purus in massa tempor nec feugiat nisl. Donec ac odio tempor orci dapibus ultrices in. Lacus sed viverra tellus in. Vel pharetra vel turpis nunc. Eget dolor morbi non arcu. Magna fermentum iaculis eu non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada. Adipiscing bibendum est ultricies integer quis. Donec pretium vulputate sapien nec sagittis aliquam malesuada. Facilisis volutpat est velit egestas dui id ornare arcu. Ipsum faucibus vitae aliquet nec ullamcorper sit amet risus nullam. Varius vel pharetra vel turpis nunc eget.
  151. <div>
  152. </div>
  153. <br></div></div>
  154.  
  155.  
  156. <div id="three" class="tabcontent">
  157. <div style="margin-left: 10px">
  158. <h2><img src="https://fontmeme.com/permalink/220314/05fc49317b5aa18c9db74a7ddfb3cd45.png" alt="style-script-font" border="0" style="margin-top:10px;width:150px"></h2>
  159. <div style="background:#eee;width:480px;margin:7px 0;">
  160. <div class="trait" style="width:37%">
  161. trait here → 37%
  162. </div>
  163. </div>
  164. <div style="background:#eee;width:480px;margin:7px 0;">
  165. <div class="trait" style="width:45%">
  166. trait here → 45%
  167. </div>
  168. </div>
  169. <div style="background:#eee;width:480px;margin:7px 0;">
  170. <div class="trait" style="width:57%">
  171. trait here → 57%
  172. </div>
  173. </div>
  174. <div style="background:#eee;width:480px;margin:7px 0;">
  175. <div class="trait" style="width:64%">
  176. trait here → 74%
  177. </div>
  178. </div>
  179. <div style="background:#eee;width:480px;margin:7px 0;">
  180. <div class="trait" style="width:71%">
  181. trait here → 91%
  182. </div>
  183. </div><br>
  184. <div class="pandn">
  185. <div style="background: #850705;padding:5%;border:#fff 2px double;width:150px;height:200px;float:left;margin-right:-3px;margin-left:4px">
  186. <center><b><i>likes</i></b></center><br>
  187. <center>
  188. ♛ trait here<br><br>
  189. ♛ trait here<br><br>
  190. ♛ trait here<br><br>
  191. ♛ trait here<br><br>
  192. ♛ trait here
  193. </center>
  194. </div></div>
  195. <div class="pandn">
  196. <div style="background: #850705;padding:5%;border:#fff 2px double;width:150px;height:200px;float:right;margin-right:10px;margin-left:-20px">
  197. <center><b><i>dislikes</i></b></center><br>
  198. <center>
  199. ♛ trait here<br><br>
  200. ♛ trait here<br><br>
  201. ♛ trait here<br><br>
  202. ♛ trait here<br><br>
  203. ♛ trait here
  204. </center>
  205. </div></div>
  206. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  207. <img src="https://i.pinimg.com/736x/ac/22/fe/ac22fefa3931624ad068bdb9b2bc3558.jpg" style="width:170px;height:170px;border: 5px double #fff;float:right;margin-left:8px;margin-right:8px;border-radius:100%">
  208. <p>Et ultrices neque ornare aenean euismod. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Maecenas volutpat blandit aliquam etiam erat velit. Rhoncus est pellentesque elit ullamcorper dignissim cras. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Vel orci porta non pulvinar neque laoreet. Tortor id aliquet lectus proin nibh nisl condimentum id. Interdum velit euismod in pellentesque massa. Aliquam faucibus purus in massa tempor nec feugiat nisl. Donec ac odio tempor orci dapibus ultrices in. Lacus sed viverra tellus in. Vel pharetra vel turpis nunc. Eget dolor morbi non arcu. Magna fermentum iaculis eu non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada. Adipiscing bibendum est ultricies integer quis. Donec pretium vulputate sapien nec sagittis aliquam malesuada. Facilisis volutpat est velit egestas dui id ornare arcu. Ipsum faucibus vitae aliquet nec ullamcorper sit amet risus nullam. Varius vel pharetra vel turpis nunc eget.
  209. <div>
  210. </div>
  211. <br></div></div>
  212. <div id="four" class="tabcontent">
  213. <div style="margin-left: 10px">
  214. <h2><img src="https://fontmeme.com/permalink/220314/eb29c64ab0f12672ebce0a4e687a8852.png" alt="style-script-font" border="0" style="margin-top:10px;width:150px"></h2>
  215. <div style="background: #850705;width: 430px; height:350px;padding:5%;border:#850705 2px double;float:left;margin-right:-3px;margin-left:4px;overflow:auto">
  216.  
  217. <!---apperance description here-->
  218. <img src="https://i.pinimg.com/474x/2c/4a/a2/2c4aa212c00b3c37508e1ca4870d1803.jpg" style="width:170px;height:170px;border: 5px double #fff;float:left;margin-left:8px;margin-right:8px;border-radius:100%">
  219. Massa sapien faucibus et molestie ac feugiat. Id donec ultrices tincidunt arcu non sodales. Risus quis varius quam quisque id diam. At erat pellentesque adipiscing commodo elit at imperdiet dui accumsan. Nibh tellus molestie nunc non blandit massa enim nec dui. Id consectetur purus ut faucibus. Nulla pharetra diam sit amet nisl suscipit. Arcu non sodales neque sodales. Massa tempor nec feugiat nisl. Praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Fringilla ut morbi tincidunt augue interdum velit. Elit sed vulputate mi sit amet mauris commodo quis. Iaculis eu non diam phasellus. Lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci. Nulla posuere sollicitudin aliquam ultrices. Pharetra sit amet aliquam id diam maecenas. Libero enim sed faucibus turpis in eu mi. Blandit aliquam etiam erat velit scelerisque in dictum non consectetur. Sed tempus urna et pharetra pharetra massa.
  220. <img src="https://i.pinimg.com/474x/fc/a5/2e/fca52e6785cdbba0e3bc08f00f2ee5f5.jpg" style="width:170px;height:170px;border: 5px double #fff;float:right;margin-left:8px;margin-right:5px;border-radius:100%;margin-top:10px">
  221. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nibh mauris cursus mattis molestie a iaculis at erat. Et malesuada fames ac turpis egestas sed tempus urna et. At auctor urna nunc id. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Id nibh tortor id aliquet lectus proin nibh nisl. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas. At auctor urna nunc id cursus metus. Sit amet consectetur adipiscing elit duis tristique. Eu augue ut lectus arcu bibendum at varius vel pharetra. Volutpat diam ut venenatis tellus in metus. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Vel turpis nunc eget lorem dolor.
  222. </div>
  223.  
  224. <div style="background: #850705;width: 430px; height:350px;padding:5%;border:#850705 2px double;float:left;margin-right:-3px;margin-left:4px;overflow:auto;margin-top:20px">
  225. <img src="https://i.pinimg.com/474x/c0/67/e6/c067e67e04c8d2b894522ea91d3417b4.jpg" style="width:170px;height:170px;border: 5px double #fff;float:left;margin-left:30px;margin-right:8px;border-radius:100%">
  226. <img src="https://i.pinimg.com/474x/97/6a/8a/976a8a1a91a4b77d32e14ef0927ee53f.jpg" style="width:170px;height:170px;border: 5px double #fff;float:left;margin-left:8px;margin-right:8px;border-radius:100%">
  227. <br><br>
  228. <img src="https://i.pinimg.com/474x/6e/23/90/6e239018896e60948d94757965c65d3e.jpg" style="width:170px;height:170px;border: 5px double #fff;float:left;margin-left:30px;margin-right:8px;border-radius:100%;margin-top:10px">
  229. <img src="https://i.pinimg.com/474x/75/04/a0/7504a0fb079793f154a2780f52c7e506.jpg" style="width:170px;height:170px;border: 5px double #fff;float:left;margin-left:8px;margin-right:8px;border-radius:100%;margin-top:10px">
  230. </div>
  231. <div>
  232. </div>
  233. <br></div></div>
  234. <div id="five" class="tabcontent">
  235. <div style="margin-left: 10px">
  236. <h2><img src="https://fontmeme.com/permalink/220314/4b3a99ac81586db57547abda82f32c6e.png" alt="style-script-font" border="0" style="margin-top:10px;width:100px"></h2>
  237.  
  238. <div style="background: #850705;padding:5%;border:#850705 2px double;width:420px;height:120px;margin-right:10px;margin-left:10px;float:center">
  239. <img src="https://64.media.tumblr.com/b06222de54c729baf957ba8d880a607d/tumblr_pxtw0rwDee1w34zcno2_500.gifv" style="width:120px;height:120px;border:solid #fff;border-radius:100%;float:left;margin-left:-10px;margin-bottom:10px;margin-right:10px">
  240. <p><b>Relation | Name</b></p>
  241. <p> Relation Description
  242. </div><br>
  243.  
  244. <div style="background: #850705;padding:5%;border:#850705 2px double;width:420px;height:120px;margin-right:10px;margin-left:10px;float:center">
  245. <img src="https://64.media.tumblr.com/b06222de54c729baf957ba8d880a607d/tumblr_pxtw0rwDee1w34zcno2_500.gifv" style="width:120px;height:120px;border:solid #fff;border-radius:100%;float:left;margin-left:-10px;margin-bottom:10px;margin-right:10px">
  246. <p><b>Relation | Name</b></p>
  247. <p> Relation Description
  248. </div><br>
  249.  
  250. <div style="background: #850705;padding:5%;border:#850705 2px double;width:420px;height:120px;margin-right:10px;margin-left:10px;float:center">
  251. <img src="https://64.media.tumblr.com/b06222de54c729baf957ba8d880a607d/tumblr_pxtw0rwDee1w34zcno2_500.gifv" style="width:120px;height:120px;border:solid #fff;border-radius:100%;float:left;margin-left:-10px;margin-bottom:10px;margin-right:10px">
  252. <p><b>Relation | Name</b></p>
  253. <p> Relation Description
  254. </div><br>
  255.  
  256. <div style="background: #850705;padding:5%;border:#850705 2px double;width:420px;height:120px;margin-right:10px;margin-left:10px;float:center">
  257. <img src="https://64.media.tumblr.com/b06222de54c729baf957ba8d880a607d/tumblr_pxtw0rwDee1w34zcno2_500.gifv" style="width:120px;height:120px;border:solid #fff;border-radius:100%;float:left;margin-left:-10px;margin-bottom:10px;margin-right:10px">
  258. <p><b>Relation | Name</b></p>
  259. <p> Relation Description
  260. </div><br>
  261.  
  262. <div style="background: #850705;padding:5%;border:#850705 2px double;width:420px;height:120px;margin-right:10px;margin-left:10px;float:center">
  263. <img src="https://64.media.tumblr.com/b06222de54c729baf957ba8d880a607d/tumblr_pxtw0rwDee1w34zcno2_500.gifv" style="width:120px;height:120px;border:solid #fff;border-radius:100%;float:left;margin-left:-10px;margin-bottom:10px;margin-right:10px">
  264. <p><b>Relation | Name</b></p>
  265. <p> Relation Description
  266. </div><br>
  267. <div>
  268. </div>
  269. <br></div></div>
  270. <div id="six"class="tabcontent">
  271. <div style="margin-left: 10px">
  272. <h2><img src="https://fontmeme.com/permalink/220314/a21ef308228e9e523a433f4a0a8ed3ac.png" alt="style-script-font" border="0" style="margin-top:10px;width:100px"></h2>
  273. <center>
  274. <img src="https://i.pinimg.com/474x/b1/a9/8e/b1a98e3e7f86e241a6540ea9c9b564c5.jpg" style="width:170px;height:170px;border: 5px double #fff;margin-right:5px;margin-left:8px;border-radius:100%">
  275. <img src="https://i.pinimg.com/474x/c5/c4/0b/c5c40b8230b25c3fe38fc66754f782a1.jpg" style="width:170px;height:170px;border: 5px double #fff;margin-right:5px;border-radius:100%">
  276. <br>
  277. <img src="https://i.pinimg.com/474x/95/3b/ea/953bea843ce55f4e26c8af4d4b3e71cc.jpg" style="width:170px;height:170px;border: 5px double #fff;margin-right:5px;margin-left:8px;border-radius:100%">
  278. <img src="https://i.pinimg.com/564x/15/2d/73/152d737dec2174a5954e716f0d7b3eff.jpg" style="width:170px;height:170px;border: 5px double #fff;margin-right:5px;border-radius:100%">
  279. <br>
  280. <img src="https://i.pinimg.com/474x/b5/ad/93/b5ad939a9ba6306f91e1c5c11b003c6d.jpg" style="width:170px;height:170px;border: 5px double #fff;margin-right:5px;margin-left:8px;border-radius:100%">
  281. <img src="https://i.pinimg.com/474x/dc/92/d4/dc92d4f3824bb2683a348a7381026a0a.jpg" style="width:170px;height:170px;border: 5px double #fff;margin-right:5px;border-radius:100%">
  282. <br>
  283. <img src="https://i.pinimg.com/474x/e2/ae/e7/e2aee77a064693398472141c5803f130.jpg" style="width:170px;height:170px;border: 5px double #fff;margin-right:5px;margin-left:8px;border-radius:100%">
  284. <img src="https://i.pinimg.com/564x/8f/db/44/8fdb4408908c86b6d1f3a50e5cc6b556.jpg" style="width:170px;height:170px;border: 5px double #fff;margin-right:5px;border-radius:100%">
  285.  
  286. </div></div></div></div> </div> </div>
  287.  
  288. <div><center><a href="https://kkodes.wixsite.com/dreamer" style="color:#000;font-size:12px;"><b><u>kay kodes</u></b></a></center>
  289.  
  290. <link rel="preconnect" href="https://fonts.googleapis.com">
  291. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  292. <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
  293.  
  294. <script>
  295. function openCity(evt, cityName) {
  296. var i, tabcontent, tablinks;
  297. tabcontent = document.getElementsByClassName("tabcontent");
  298. for (i = 0; i < tabcontent.length; i++) {
  299. tabcontent[i].style.display = "none";
  300. }
  301. tablinks = document.getElementsByClassName("tablinks");
  302. for (i = 0; i < tablinks.length; i++) {
  303. tablinks[i].className = tablinks[i].className.replace(" active", "");
  304. }
  305. document.getElementsByClassName("tablinks");
  306. for (i = 0; i < tablinks.length; i++) {
  307. tablinks[i].className = tablinks[i].className.replace(" active", "");
  308. }
  309. document.getElementById(cityName).style.display = "block";
  310. evt.currentTarget.className += " active";
  311. }
  312.  
  313. // Get the element with id="defaultOpen" and click on it
  314. document.getElementById("defaultOpen").click();
  315. </script>
  316. <div style="display:none">
  317. <iframe src="https://www.youtube.com/embed/nQ7SQVXkWr8?autoplay=1&amp;loop=1&amp;playlist=nQ7SQVXkWr8" frameborder="0" allow="autoplay; clipboard-write; "></iframe>
  318. </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!