API tools faq
paste
Advertisement
kay_kodes

welcome to hogwarts || staff book

kay_kodes
Jun 12th, 2023 (edited)
203
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.59 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3.  
  4. <!--title font-->
  5. <link href="https://fonts.cdnfonts.com/css/bettaway" rel="stylesheet">
  6.  
  7.  
  8. <style>
  9. /*Scrollbar*/
  10. ::-webkit-scrollbar {width: 0px;}
  11. ::-webkit-scrollbar-thumb {background: #fff;}
  12. ::-webkit-scrollbar-thumb:hover {background: #fff;}
  13.  
  14. button {
  15. width:150px;
  16. height:90px;
  17. margin-top:0px;
  18. overflow: hidden;
  19. border: 0px solid #fff;
  20. font-weight: bold;
  21. font-size: 20px;
  22. color:#fff;
  23. background:rgba(255, 255, 255, 0.0)
  24. </style>
  25.  
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32. <!-- BOOK-->
  33. <center>
  34.  
  35. <div style="text-align:justify;border-radius:0px;color:#fff;font-family:'Times New Roman';font-size:15px;width:500px;height:773px;text-align:justify;border:1px solid #000">
  36.  
  37. <!--TITLE PAGE-->
  38. <div id="one" class="tabcontent">
  39. <div style="background:url('https://i.pinimg.com/564x/c6/ab/67/c6ab6728ed8691199b4c2285d226033d.jpg');text-align:justify;border-radius:0px;color:#fff;font-family:'Times New Roman';font-size:15px;width:497px;height:770px;text-align:justify;overflow:hidden;border:2px solid #000;background-size:fit">
  40. <!--BUTTON-->
  41.  
  42. <!-- DO NOT CHANGE -->
  43. <button class="tablinks" onclick="openCity(event, 'one')" id="defaultOpen"style="margin-top:10px;margin-left:-100px;float:left;width:50px;height:20px;background-color:#800000">→</button>
  44. <!-- - -->
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51. <div style="text-align:justify;border-radius:0px;color:#fff;font-family:'bettaway';font-size:60px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px;position:relative">
  52. <center>
  53.  
  54. <!--TITLE-->
  55. <br><br><br>The Staff Book
  56. </center>
  57. </div>
  58.  
  59. <center>
  60.  
  61. <br><br>
  62.  
  63. <!--AUTHOR PFP & DETAILS-->
  64. <img src="https://i.pinimg.com/originals/5a/ef/be/5aefbe6c8a0ac279bee305461a221281.gif" style="width:100px;height:100px;border:2px solid #fff;object-fit:cover;margin-right:7px;margin-top:15px;margin-left:7px;border-radius:100px">
  65. <p>
  66. <b>Written by:</b> Your Name Here
  67. <br>
  68.  
  69. <br><b>Publishing Date:</b> Date Here
  70. <br><b>Last Updated:</b> Date Here
  71.  
  72. <br>
  73. <button class="tablinks" onclick="openCity(event, 'two')" id="defaultOpen"style="margin-top:10px;margin-right:10px;width:50px;height:20px">→</button>
  74.  
  75. <br><br><br><br>
  76. <center><a href="https://kaykodes.tumblr.com/" style="color:#fff;font-size:12px"><b><u>kay kodes</u></b></a>
  77. </center>
  78.  
  79. </center>
  80.  
  81. <div>
  82. </div>
  83. </div>
  84. </div>
  85.  
  86.  
  87. <!--PAGE 2-->
  88. <div id="two" class="tabcontent">
  89. <div style="background:url('https://i.pinimg.com/564x/4e/5b/68/4e5b685bc259a3aa34ab6b616429e844.jpg');text-align:justify;border-radius:0px;color:#fff;font-family:'Times New Roman';font-size:15px;width:497px;height:770px;text-align:justify;border:2px solid #000;background-size:fit;overflow:hidden;position:absolute">
  90.  
  91.  
  92.  
  93.  
  94. <br><div style="text-align:justify;border-radius:0px;color:#000;font-family:'bettaway';font-size:60px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px;position:relative">
  95.  
  96. <!--TITLE-->
  97. <center>
  98. MoM and HM
  99. <br>
  100. <!--BUTTON-->
  101. <button class="tablinks" onclick="openCity(event, 'one')" id="defaultOpen"style="margin-right:10px;width:50px;height:20px;color:#000">←</button>
  102. <button class="tablinks" onclick="openCity(event, 'three')" id="defaultOpen"style="margin-right:10px;width:50px;height:20px;color:#000">→</button>
  103. </center>
  104.  
  105. </div>
  106.  
  107. <div style="text-align:justify;border-radius:0px;color:#000;font-size:15px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px;overflow:auto">
  108. <br><br><br><br><br><br><br>
  109. <center>
  110.  
  111. <!-- MOM -->
  112. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:left;position:relative">
  113. <center>
  114. <img src="https://64.media.tumblr.com/55f92837624601cac940f26c1a19ee8d/efcd8c3c556bb189-84/s400x600/4725f491c81bb60dd65a27aa984048f4494f9dbc.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  115. <br>
  116. <p><b style="color:#00864b">Minister of Magic </b>
  117. <br>
  118. |
  119. <br><b>Name</b>
  120.  
  121.  
  122. </center>
  123. </div>
  124.  
  125.  
  126. <!-- HM -->
  127. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:right">
  128. <center>
  129. <img src="https://media.tenor.com/SNL-VIFQ0sEAAAAd/dumbledore-just-saying.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;position:relative">
  130. <br>
  131. <p><b style="color:#1c81d2">Headmaster</b>
  132. <br>
  133. |
  134. <br><b>Name</b>
  135.  
  136. </center>
  137. </div><br>
  138.  
  139.  
  140. </center>
  141.  
  142.  
  143.  
  144. <div>
  145. </div>
  146. </div>
  147. </div></div>
  148.  
  149.  
  150. <!--PAGE 3-->
  151. <div id="three" class="tabcontent">
  152. <div style="background:url('https://i.pinimg.com/564x/4e/5b/68/4e5b685bc259a3aa34ab6b616429e844.jpg');text-align:justify;border-radius:0px;color:#fff;font-family:'Times New Roman';font-size:15px;width:497px;height:770px;text-align:justify;border:2px solid #000;background-size:fit;overflow:auto;position:absolute">
  153.  
  154.  
  155.  
  156.  
  157. <br><div style="text-align:justify;border-radius:0px;color:#000;font-family:'bettaway';font-size:60px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px;position:relative">
  158.  
  159. <!--TITLE-->
  160. <center>
  161. Management
  162. <br>
  163. <!--BUTTON-->
  164. <button class="tablinks" onclick="openCity(event, 'two')" id="defaultOpen"style="margin-right:10px;width:50px;height:20px;color:#000">←</button>
  165. <button class="tablinks" onclick="openCity(event, 'four')" id="defaultOpen"style="margin-right:10px;width:50px;height:20px;color:#000">→</button>
  166. </center>
  167.  
  168. </div>
  169.  
  170. <div style="text-align:justify;border-radius:0px;color:#000;font-size:15px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px;overflow:auto">
  171. <br>
  172. <center>
  173.  
  174. <!-- GOLDIE 1 -->
  175. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:left;position:relative">
  176. <center>
  177. <img src="https://gifdb.com/images/high/oh-really-shock-lucius-malfoy-xqp2hts18vvcowx7.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  178. <br>
  179. <p><b style="color:#b5a900">Team Leader</b>
  180. <br>
  181. |
  182. <br><b>Name</b>
  183.  
  184. </center>
  185. </div>
  186.  
  187.  
  188. <!-- GOLDIE 2 -->
  189. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:right">
  190. <center>
  191. <img src="https://media.tenor.com/WhxarLhx-HYAAAAd/weasley.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;position:relative">
  192. <br>
  193. <p><b style="color:#b5a900">Team Leader</b>
  194. <br>
  195. |
  196. <br><b>Name</b>
  197. </center>
  198. </div><br>
  199.  
  200. <br>
  201.  
  202.  
  203. <!-- GOLDIE 3 -->
  204. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:left;position:relative;margin-top:10px">
  205. <center>
  206. <img src="https://thumbs.gfycat.com/ActiveChubbyAngwantibo-size_restricted.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  207. <br>
  208. <p><b style="color:#b5a900">Team Leader</b>
  209. <br>
  210. |
  211. <br><b>Name</b>
  212.  
  213. </center>
  214. </div>
  215.  
  216.  
  217. <!-- GOLDIE 4 -->
  218. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:right;margin-top:10px">
  219. <center>
  220. <img src="https://media2.giphy.com/media/vG9q6hV7ar5SM/giphy.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;position:relative">
  221. <br>
  222. <p><b style="color:#b5a900">Team Leader</b>
  223. <br>
  224. |
  225. <br><b>Name</b>
  226.  
  227. </center>
  228. </div><br>
  229.  
  230. <br>
  231.  
  232. <!-- GOLDIE 5 -->
  233. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;margin-top:430px">
  234. <center>
  235. <img src="https://img.wattpad.com/bb1b9ab1058c36d966c130c058e0f731e290b3ed/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f734d61793645725a325038646a513d3d2d313035323137343634372e313637336265633139326330366239623437303932373933343333302e676966" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;position:relative">
  236. <br>
  237. <p><b style="color:#b5a900">Team Leader</b>
  238. <br>
  239. |
  240. <br><b>Name</b>
  241.  
  242. </center>
  243. </div><br>
  244.  
  245. </center>
  246.  
  247.  
  248.  
  249. <div>
  250. </div>
  251. </div>
  252. </div></div>
  253.  
  254.  
  255. <!--PAGE 4-->
  256. <div id="four" class="tabcontent">
  257. <div style="background:url('https://i.pinimg.com/564x/4e/5b/68/4e5b685bc259a3aa34ab6b616429e844.jpg');text-align:justify;border-radius:0px;color:#fff;font-family:'Times New Roman';font-size:15px;width:497px;height:770px;text-align:justify;border:2px solid #000;background-size:fit;overflow:auto;position:absolute">
  258.  
  259.  
  260.  
  261.  
  262. <br><div style="text-align:justify;border-radius:0px;color:#000;font-family:'bettaway';font-size:60px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px;position:relative">
  263.  
  264. <!--TITLE-->
  265. <center>
  266. Head of Houses
  267. <br>
  268. <!--BUTTON-->
  269. <button class="tablinks" onclick="openCity(event, 'three')" id="defaultOpen"style="margin-right:10px;width:50px;height:20px;color:#000">←</button>
  270. <button class="tablinks" onclick="openCity(event, 'five')" id="defaultOpen"style="margin-right:10px;width:50px;height:20px;color:#000">→</button>
  271. </center>
  272.  
  273. </div>
  274.  
  275. <div style="text-align:justify;border-radius:0px;color:#000;font-size:15px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px;overflow:auto">
  276. <br>
  277. <center>
  278.  
  279. <!-- CHERRY 1 -->
  280. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:left;position:relative">
  281. <center>
  282. <img src="https://i.pinimg.com/originals/af/bb/0a/afbb0a41aef5e9b65d2d0835b270bc8b.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  283. <br>
  284. <p><b style="color:#ba131a">Head of Lions</b>
  285. <br>
  286. |
  287. <br><b>Name</b>
  288.  
  289. </center>
  290. </div>
  291.  
  292.  
  293. <!-- CHERRY 2 -->
  294. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:right">
  295. <center>
  296. <img src="https://64.media.tumblr.com/926774c67f92ee57d78acfead3886629/tumblr_pgv6x82IWJ1vcesqjo3_400.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;position:relative">
  297. <br>
  298. <p><b style="color:#ba131a">Head of Badgers</b>
  299. <br>
  300. |
  301. <br><b>Name</b>
  302. </center>
  303. </div><br>
  304.  
  305. <br>
  306.  
  307.  
  308. <!-- CHERRY 3 -->
  309. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:left;position:relative;margin-top:10px">
  310. <center>
  311. <img src="https://64.media.tumblr.com/12765b2adc28ac4d50f18bf656e4b197/tumblr_pclr1kYdJy1w49pz4o4_r1_250.gifv" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  312. <br>
  313. <p><b style="color:#ba131a">Head of Eagles</b>
  314. <br>
  315. |
  316. <br><b>Name</b>
  317.  
  318. </center>
  319. </div>
  320.  
  321.  
  322. <!-- CHERRY 4 -->
  323. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:right;margin-top:10px">
  324. <center>
  325. <img src="https://i.pinimg.com/originals/04/1a/53/041a53f6290d2bb6e43d85d6158ff5c0.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;position:relative">
  326. <br>
  327. <p><b style="color:#ba131a">Head of Snakes</b>
  328. <br>
  329. |
  330. <br><b>Name</b>
  331.  
  332. </center>
  333. </div><br>
  334.  
  335. </center>
  336.  
  337. <div>
  338. </div>
  339. </div>
  340. </div></div><div>
  341.  
  342.  
  343.  
  344. <!--PAGE 5-->
  345. <div id="five" class="tabcontent">
  346. <div style="background:url('https://i.pinimg.com/564x/4e/5b/68/4e5b685bc259a3aa34ab6b616429e844.jpg');text-align:justify;border-radius:0px;color:#fff;font-family:'Times New Roman';font-size:15px;width:497px;height:770px;text-align:justify;border:2px solid #000;background-size:fit;overflow:auto;position:absolute">
  347.  
  348.  
  349.  
  350.  
  351. <br><div style="text-align:justify;border-radius:0px;color:#000;font-family:'bettaway';font-size:60px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px;position:relative">
  352.  
  353. <!--TITLE-->
  354. <center>
  355. Professors
  356. <br>
  357. <!--BUTTON-->
  358. <button class="tablinks" onclick="openCity(event, 'four')" id="defaultOpen"style="margin-right:10px;width:50px;height:20px;color:#000">←</button>
  359. <button class="tablinks" onclick="openCity(event, 'six')" id="defaultOpen"style="margin-right:10px;width:50px;height:20px;color:#000">→</button>
  360. </center>
  361.  
  362. </div>
  363.  
  364. <div style="text-align:justify;border-radius:0px;color:#000;font-size:15px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px;overflow:auto">
  365. <br>
  366. <center>
  367.  
  368. <!-- LIMEY 1 -->
  369. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:left;position:relative">
  370. <center>
  371. <img src="https://i.pinimg.com/originals/04/1a/53/041a53f6290d2bb6e43d85d6158ff5c0.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  372. <br>
  373. <p><b style="color:#6caf37">Potions Prof.</b>
  374. <br>
  375. |
  376. <br><b>Name</b>
  377.  
  378. </center>
  379. </div>
  380.  
  381.  
  382. <!-- LIMEY 2 -->
  383. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:right">
  384. <center>
  385. <img src="https://64.media.tumblr.com/12765b2adc28ac4d50f18bf656e4b197/tumblr_pclr1kYdJy1w49pz4o4_r1_250.gifv" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;position:relative">
  386. <br>
  387. <p><b style="color:#6caf37">Charms Prof.</b>
  388. <br>
  389. |
  390. <br><b>Name</b>
  391. </center>
  392. </div><br>
  393.  
  394. <br>
  395.  
  396.  
  397. <!-- LIMEY 3 -->
  398. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:left;position:relative;margin-top:10px">
  399. <center>
  400. <img src="https://i.pinimg.com/originals/af/bb/0a/afbb0a41aef5e9b65d2d0835b270bc8b.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  401. <br>
  402. <p><b style="color:#6caf37">Transfiguration Prof.</b>
  403. <br>
  404. |
  405. <br><b>Name</b>
  406.  
  407. </center>
  408. </div>
  409.  
  410.  
  411. <!-- LIMEY 4 -->
  412. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:right;margin-top:10px">
  413. <center>
  414. <img src="https://i.pinimg.com/originals/7b/25/95/7b25959da3a4a8410c5019afa2b0615f.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;position:relative">
  415. <br>
  416. <p><b style="color:#6caf37">DADA Prof.</b>
  417. <br>
  418. |
  419. <br><b>Name</b>
  420.  
  421. </center>
  422. </div><br>
  423.  
  424.  
  425.  
  426.  
  427. <!-- LIMEY 5 -->
  428. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:left;position:relative;margin-top:10px">
  429. <center>
  430. <img src="https://64.media.tumblr.com/926774c67f92ee57d78acfead3886629/tumblr_pgv6x82IWJ1vcesqjo3_400.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  431. <br>
  432. <p><b style="color:#6caf37">Herbology Prof.</b>
  433. <br>
  434. |
  435. <br><b>Name</b>
  436.  
  437. </center>
  438. </div>
  439.  
  440.  
  441. <!-- LIMEY 6 -->
  442. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:right;margin-top:10px">
  443. <center>
  444. <img src="https://64.media.tumblr.com/c0ff685456c9cc0c6a6ac567ee9e3e0c/tumblr_mm0axrGujG1qeijvdo2_r1_250.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;position:relative">
  445. <br>
  446. <p><b style="color:#6caf37">Divination Prof.</b>
  447. <br>
  448. |
  449. <br><b>Name</b>
  450. </center>
  451. </div><br>
  452.  
  453. <br>
  454.  
  455.  
  456. <!-- LIMEY 7 -->
  457. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:left;position:relative;margin-top:10px">
  458. <center>
  459. <img src="https://media.tenor.com/kq_mm4SseakAAAAM/hagrid-harry-potter.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  460. <br>
  461. <p><b style="color:#6caf37">COMC Prof.</b>
  462. <br>
  463. |
  464. <br><b>Name</b>
  465.  
  466. </center>
  467. </div>
  468.  
  469.  
  470. <!-- LIMEY 8 -->
  471. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:right;margin-top:10px">
  472. <center>
  473. <img src="https://media.tenor.com/dGHssjdPrAwAAAAC/stick-hand-over-the-broom-say-up-harry-potter.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;position:relative">
  474. <br>
  475. <p><b style="color:#6caf37">Flying Prof.</b>
  476. <br>
  477. |
  478. <br><b>Name</b>
  479.  
  480. </center>
  481. </div><br>
  482.  
  483. <div>
  484. </div>
  485. </div>
  486. </div></div>
  487.  
  488.  
  489. <!--PAGE 6-->
  490. <div id="six" class="tabcontent">
  491. <div style="background:url('https://i.pinimg.com/564x/4e/5b/68/4e5b685bc259a3aa34ab6b616429e844.jpg');text-align:justify;border-radius:0px;color:#fff;font-family:'Times New Roman';font-size:15px;width:497px;height:770px;text-align:justify;border:2px solid #000;background-size:fit;overflow:hidden;position:absolute">
  492.  
  493.  
  494.  
  495.  
  496. <br><div style="text-align:justify;border-radius:0px;color:#000;font-family:'bettaway';font-size:60px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px;position:relative">
  497.  
  498. <!--TITLE-->
  499. <center>
  500. Chief Editors
  501. <br>
  502. <!--BUTTON-->
  503. <button class="tablinks" onclick="openCity(event, 'five')" id="defaultOpen"style="margin-right:10px;width:50px;height:20px;color:#000">←</button>
  504. <button class="tablinks" onclick="openCity(event, 'one')" id="defaultOpen"style="margin-right:10px;width:50px;height:20px;color:#000">→</button>
  505. </center>
  506.  
  507. </div>
  508.  
  509. <div style="text-align:justify;border-radius:0px;color:#000;font-size:15px;text-align:justify;margin-right:20px;margin-left:20px;margin-bottom:10px;overflow:auto">
  510. <br><br><br><br><br><br><br>
  511. <center>
  512.  
  513. <!-- DAILY PROPHET -->
  514. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:left;position:relative">
  515. <center>
  516. <img src="https://media.tenor.com/1ahaPehfg3gAAAAC/rita-skeeter.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover">
  517. <br>
  518. <p><b style="color:#00888a">Daily Prophet CE</b>
  519. <br>
  520. |
  521. <br><b>Name</b>
  522.  
  523.  
  524. </center>
  525. </div>
  526.  
  527.  
  528. <!-- QUIBBLER -->
  529. <div style="padding:5%;border:#000 2px solid;width:150px;margin-left:15px;float:right">
  530. <center>
  531. <img src="https://64.media.tumblr.com/be49c378b35c483f1f72b0536b691b21/tumblr_n96fxnouTT1qeijvdo4_r1_250.gif" style="width:100px;height:100px;border:solid #fff;border-radius:100%;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;position:relative">
  532. <br>
  533. <p><b style="color:#00888a">Quibbler CE</b>
  534. <br>
  535. |
  536. <br><b>Name</b>
  537.  
  538. </center>
  539. </div><br>
  540.  
  541.  
  542. </center>
  543.  
  544.  
  545.  
  546. <div>
  547. </div>
  548. </div>
  549. </div></div>
  550.  
  551.  
  552.  
  553.  
  554.  
  555.  
  556.  
  557.  
  558.  
  559.  
  560.  
  561.  
  562.  
  563.  
  564.  
  565.  
  566. </center>
  567.  
  568. <div>
  569. </div>
  570. </div>
  571. </div></div>
  572.  
  573.  
  574.  
  575.  
  576.  
  577.  
  578. <div>
  579. <div>
  580.  
  581. </div></div></div></div></div> </div>
  582.  
  583.  
  584. <link rel="preconnect" href="https://fonts.googleapis.com">
  585. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  586. <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
  587.  
  588. <script>
  589. function openCity(evt, cityName) {
  590. var i, tabcontent, tablinks;
  591. tabcontent = document.getElementsByClassName("tabcontent");
  592. for (i = 0; i < tabcontent.length; i++) {
  593. tabcontent[i].style.display = "none";
  594. }
  595. tablinks = document.getElementsByClassName("tablinks");
  596. for (i = 0; i < tablinks.length; i++) {
  597. tablinks[i].className = tablinks[i].className.replace(" active", "");
  598. }
  599. document.getElementsByClassName("tablinks");
  600. for (i = 0; i < tablinks.length; i++) {
  601. tablinks[i].className = tablinks[i].className.replace(" active", "");
  602. }
  603. document.getElementById(cityName).style.display = "block";
  604. evt.currentTarget.className += " active";
  605. }
  606.  
  607. // Get the element with id="defaultOpen" and click on it
  608. document.getElementById("defaultOpen").click();
  609. </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!