API tools faq
paste
Advertisement
kay_kodes

lavender || club code

kay_kodes
Jun 18th, 2023 (edited)
462
2
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.23 KB | None | 2 0
raw download clone embed print report
  1. <html>
  2. <center>
  3. <link href="https://fonts.googleapis.com/css2?family=PT+Serif&display=swap" rel="stylesheet">
  4.  
  5. <link href="https://fonts.cdnfonts.com/css/brighton-daction" rel="stylesheet">
  6.  
  7. <style>
  8. /*Scrollbar*/
  9. ::-webkit-scrollbar {width: 0px;}
  10. ::-webkit-scrollbar-thumb {background: #fff;}
  11. ::-webkit-scrollbar-thumb:hover {background: #fff;}
  12.  
  13.  
  14. }
  15. .page{
  16. text-decoration: none;
  17. color:black;
  18. padding: 10px
  19.  
  20. }
  21.  
  22. .columnone{
  23. width:500px;
  24. height:140px;
  25. background-color:#ebddeb;
  26. margin-right:10px;
  27. margin-top:10px;
  28. margin-left:0px;
  29. overflow:hidden;
  30. position: absolute
  31.  
  32. }
  33. .columntwo{
  34. width:450px;
  35. height:480;
  36. margin-left:30px;
  37. overflow: auto;
  38. font-size:15px;
  39. color:#947894;
  40. margin-top:140px;
  41. position: absolute;
  42. border:2px solid #fff
  43. }
  44.  
  45. .dropdown{
  46. float: center;
  47. text-align: center;
  48. max-width:100%;
  49. max-height;100%;
  50. border: 2px #fff double;
  51. overflow: auto;
  52. background-color: #ebddeb;
  53. font-size:15px
  54. }
  55. .body{
  56. font-size:20px;
  57. color:#947894;
  58. font-family:'Brigton Daction', sans-serif
  59.  
  60. }
  61.  
  62. button {
  63. width:100px;
  64. height:100px;
  65. margin-top:0px;
  66. overflow: hidden;
  67. border: 2px solid #947894;
  68. font-weight: bold;
  69. font-size: 15px;
  70. 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;
  71. transition: all 0.3s ease 0s;
  72. outline: 1px solid #fff;
  73. outline-offset: -6px;
  74. }
  75.  
  76. button:hover {
  77. box-shadow: 0px 15px 20px;
  78. outline: none;
  79. box-shadow: 1px 1px 6px 2px #fff;
  80. filter:grayscale(100%)
  81. }
  82.  
  83. button:active {
  84. transform: translateY(-1px);}
  85.  
  86.  
  87. </style>
  88. <a name="one">
  89. <div style="background:#ebddeb;border:3px solid #947894;width:500px;height:720px;border-radius:0px;">
  90.  
  91. <center>
  92. <br>
  93. <b style="font-size:50px;font-family:Brighton Daction;color:#947894">Club Name Here</b>
  94. </center>
  95.  
  96. <div class="columnone">
  97. <button class="tablinks" onclick="openCity(event, 'one')" id="defaultOpen"style="width:100px;height:100px;background: url(https://i.pinimg.com/236x/86/69/15/8669158fc6a5edd96c4409e9ffb35bb1.jpg)center;background-size:cover"></button>
  98.  
  99.  
  100. <button class="tablinks" onclick="openCity(event, 'two')" id="defaultOpen"style="width:100px;height:100px;background: url(https://i.pinimg.com/236x/ed/ad/6c/edad6ca8de2061588539f0eac959dc39.jpg)center;background-size:cover;margin-top: 10px"></button>
  101.  
  102.  
  103. <button class="tablinks" onclick="openCity(event, 'three')" id="defaultOpen"style="width:100px;height:100px;background: url(https://i.pinimg.com/236x/81/b3/4a/81b34a7878564353f6b9a9d15581a9ef.jpg)center;background-size:cover;margin-top: 10px"></button>
  104.  
  105.  
  106. <button class="tablinks" onclick="openCity(event, 'four')" id="defaultOpen"style="width:100px;height:100px;background: url(https://i.pinimg.com/236x/33/bc/09/33bc09314ecda91e39e104edfa87697b.jpg)center;background-size:cover;margin-top: 10px"></button>
  107. </div>
  108.  
  109. <div class="columntwo">
  110.  
  111. <!--PAGE 1-->
  112. <div id="one" class="tabcontent">
  113. <div style="text-align:justify;width:430px;height:560px;overflow:auto;margin-right:10px;margin-left:10px">
  114. <br style="margin-top:10px">
  115.  
  116. <center><b style="font-size:20px;font-family:Brighton Daction">Welcome to "CLUB"!</b></center>
  117.  
  118. <p><center><img src="https://i.pinimg.com/originals/dc/50/ad/dc50ad4fbc2c1fe060724500befdde1c.gif" style="width:400px;height:150px;margin-left:10px;margin-right:10px;margin-top:10px;margin-bottom:10px;border: #836953 2px solid;object-fit:cover"></center>
  119.  
  120. <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.
  121.  
  122. <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.
  123.  
  124. <p style="margin-top:25px">
  125. <center><b style="font-size:20px;font-family:Brighton Daction">About the Club</b></center>
  126. <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.
  127.  
  128. <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.
  129.  
  130. <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.
  131.  
  132.  
  133.  
  134. <div><div>
  135.  
  136. </div></div>
  137. <br></div></div>
  138.  
  139. <!--PAGE 2-->
  140. <div id="two" class="tabcontent">
  141. <div style="text-align:justify;width:430px;height:560px;overflow:auto;margin-right:10px;margin-left:10px">
  142. <br style="margin-top:10px">
  143.  
  144. <center><b style="font-size:20px;font-family:Brighton Daction">Club Rules</b></center>
  145.  
  146. <p> ♠ Your club rule here
  147. <br>♠ Your club rule here
  148. <br>♠ Your club rule here
  149. <br>♠ Your club rule here
  150. <br>♠ Your club rule here
  151.  
  152. <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.
  153.  
  154. <p style="margin-top:25px">
  155. <center><b style="font-size:20px;font-family:Brighton Daction">Club Guidelines</b></center>
  156. <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.
  157.  
  158. <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.
  159.  
  160.  
  161.  
  162. <div><div>
  163.  
  164. </div></div>
  165. <br></div></div>
  166.  
  167. <!--PAGE 3-->
  168. <div id="three" class="tabcontent">
  169. <div style="text-align:justify;width:430px;height:560px;overflow:auto;margin-right:10px;margin-left:10px">
  170. <br style="margin-top:10px">
  171.  
  172. <center><b style="font-size:20px;font-family:Brighton Daction">ARTICLE SCHEDULE</b></center>
  173.  
  174. <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.
  175.  
  176. <p><center>
  177.  
  178. <!--MONDAY ARTICLE-->
  179. <div class="dropdown">
  180. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  181. <summary>
  182. <div class="body" style="font-family:Brigton Daction">
  183. <center>
  184. <b style="font-family:Brighton Daction">Monday</b>
  185. </center>
  186. </div></summary>
  187.  
  188. <div style="margin-left:10px">
  189. <p>
  190. <center>
  191. <!--every article-->
  192. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  193. <br>
  194. <b>♠ ARTICLE NAME ♠</b>
  195. <br>Written by: Writer's Name Here
  196.  
  197. <p>
  198.  
  199. <!--every article-->
  200. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  201. <br>
  202. <b>♠ ARTICLE NAME ♠</b>
  203. <br>Written by: Writer's Name Here
  204. </center>
  205.  
  206. </p></div></details>
  207. </div>
  208.  
  209. <p>
  210.  
  211.  
  212. <!--TUESDAY ARTICLE-->
  213. <div class="dropdown">
  214. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  215. <summary>
  216. <div class="body" style="font-family:Brigton Daction">
  217. <center>
  218. <b style="font-family:Brighton Daction">Tuesday</b>
  219. </center>
  220. </div></summary>
  221.  
  222. <div style="margin-left:10px">
  223. <p>
  224. <center>
  225. <!--every article-->
  226. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  227. <br>
  228. <b>♠ ARTICLE NAME ♠</b>
  229. <br>Written by: Writer's Name Here
  230.  
  231. <p>
  232.  
  233. <!--every article-->
  234. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  235. <br>
  236. <b>♠ ARTICLE NAME ♠</b>
  237. <br>Written by: Writer's Name Here
  238. </center>
  239.  
  240. </p></div></details>
  241. </div>
  242.  
  243. <p>
  244.  
  245. <!--WEDNESDAY ARTICLE-->
  246. <div class="dropdown">
  247. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  248. <summary>
  249. <div class="body" style="font-family:Brigton Daction">
  250. <center>
  251. <b style="font-family:Brighton Daction">Wednesday</b>
  252. </center>
  253. </div></summary>
  254.  
  255. <div style="margin-left:10px">
  256. <p>
  257. <center>
  258. <!--every article-->
  259. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  260. <br>
  261. <b>♠ ARTICLE NAME ♠</b>
  262. <br>Written by: Writer's Name Here
  263.  
  264. <p>
  265.  
  266. <!--every article-->
  267. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  268. <br>
  269. <b>♠ ARTICLE NAME ♠</b>
  270. <br>Written by: Writer's Name Here
  271. </center>
  272.  
  273. </p></div></details>
  274. </div>
  275.  
  276. <p>
  277.  
  278. <!--THURSDAY ARTICLE-->
  279. <div class="dropdown">
  280. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  281. <summary>
  282. <div class="body" style="font-family:Brigton Daction">
  283. <center>
  284. <b style="font-family:Brighton Daction">Thursday</b>
  285. </center>
  286. </div></summary>
  287.  
  288. <div style="margin-left:10px">
  289. <p>
  290. <center>
  291. <!--every article-->
  292. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  293. <br>
  294. <b>♠ ARTICLE NAME ♠</b>
  295. <br>Written by: Writer's Name Here
  296.  
  297. <p>
  298.  
  299. <!--every article-->
  300. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  301. <br>
  302. <b>♠ ARTICLE NAME ♠</b>
  303. <br>Written by: Writer's Name Here
  304. </center>
  305.  
  306. </p></div></details>
  307. </div>
  308.  
  309. <p>
  310.  
  311. <!--FRIDAY ARTICLE-->
  312. <div class="dropdown">
  313. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  314. <summary>
  315. <div class="body" style="font-family:Brigton Daction">
  316. <center>
  317. <b style="font-family:Brighton Daction">Friday</b>
  318. </center>
  319. </div></summary>
  320.  
  321. <div style="margin-left:10px">
  322. <p>
  323. <center>
  324. <!--every article-->
  325. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  326. <br>
  327. <b>♠ ARTICLE NAME ♠</b>
  328. <br>Written by: Writer's Name Here
  329.  
  330. <p>
  331.  
  332. <!--every article-->
  333. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  334. <br>
  335. <b>♠ ARTICLE NAME ♠</b>
  336. <br>Written by: Writer's Name Here
  337. </center>
  338.  
  339. </p></div></details>
  340. </div>
  341.  
  342. <p>
  343.  
  344. <!--SATURDAY ARTICLE-->
  345. <div class="dropdown">
  346. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  347. <summary>
  348. <div class="body" style="font-family:Brigton Daction">
  349. <center>
  350. <b style="font-family:Brighton Daction">Saturday</b>
  351. </center>
  352. </div></summary>
  353.  
  354. <div style="margin-left:10px">
  355. <p>
  356. <center>
  357. <!--every article-->
  358. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  359. <br>
  360. <b>♠ ARTICLE NAME ♠</b>
  361. <br>Written by: Writer's Name Here
  362.  
  363. <p>
  364.  
  365. <!--every article-->
  366. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  367. <br>
  368. <b>♠ ARTICLE NAME ♠</b>
  369. <br>Written by: Writer's Name Here
  370. </center>
  371.  
  372. </p></div></details>
  373. </div>
  374.  
  375. <p>
  376.  
  377. <!--SUNDAY ARTICLE-->
  378. <div class="dropdown">
  379. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  380. <summary>
  381. <div class="body" style="font-family:Brigton Daction">
  382. <center>
  383. <b style="font-family:Brighton Daction">Sunday</b>
  384. </center>
  385. </div></summary>
  386.  
  387. <div style="margin-left:10px">
  388. <p>
  389. <center>
  390. <!--every article-->
  391. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  392. <br>
  393. <b>♠ ARTICLE NAME ♠</b>
  394. <br>Written by: Writer's Name Here
  395.  
  396. <p>
  397.  
  398. <!--every article-->
  399. <img src="WRITER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  400. <br>
  401. <b>♠ ARTICLE NAME ♠</b>
  402. <br>Written by: Writer's Name Here
  403. </center>
  404.  
  405. </p></div></details>
  406. </div>
  407.  
  408.  
  409. <div><div>
  410.  
  411. </div></div>
  412. <br></div></div>
  413.  
  414. <!--PAGE 4-->
  415. <div id="four" class="tabcontent">
  416. <div style="text-align:justify;width:430px;height:560px;overflow:auto;margin-right:10px;margin-left:10px">
  417. <br style="margin-top:10px">
  418.  
  419. <center><b style="font-size:20px;font-family:Brighton Daction">CLUB TEAM MEMBERS</b></center>
  420.  
  421. <p>
  422.  
  423. <!--TEAM #1-->
  424. <div class="dropdown">
  425. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  426. <summary>
  427. <div class="body" style="font-family:Brigton Daction">
  428. <center>
  429. <b style="font-family:Brighton Daction">Team Name</b>
  430. </center>
  431. </div></summary>
  432.  
  433. <div style="margin-left:10px">
  434. <p>
  435. <center>
  436. <!--every person-->
  437. <img src="MEMBER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  438. <br>
  439. <b>♠ TEAM LEADER ♠</b>
  440. <br>A Name Here
  441.  
  442. <p>
  443.  
  444. <!--every person-->
  445. <img src="MEMBER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  446. <br>
  447. <b>♠ MEMBER'S POSITION ♠</b>
  448. <br>A Name Here
  449.  
  450. <p>
  451.  
  452. <!--every person-->
  453. <img src="MEMBER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  454. <br>
  455. <b>♠ MEMBER'S POSITION ♠</b>
  456. <br>A Name Here
  457.  
  458. </center>
  459.  
  460. </p></div></details>
  461. </div>
  462.  
  463. <p>
  464.  
  465. <!--TEAM #2-->
  466. <div class="dropdown">
  467. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  468. <summary>
  469. <div class="body" style="font-family:Brigton Daction">
  470. <center>
  471. <b style="font-family:Brighton Daction">Team Name</b>
  472. </center>
  473. </div></summary>
  474.  
  475. <div style="margin-left:10px">
  476. <p>
  477. <center>
  478. <!--every person-->
  479. <img src="MEMBER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  480. <br>
  481. <b>♠ TEAM LEADER ♠</b>
  482. <br>A Name Here
  483.  
  484. <p>
  485.  
  486. <!--every person-->
  487. <img src="MEMBER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  488. <br>
  489. <b>♠ MEMBER'S POSITION ♠</b>
  490. <br>A Name Here
  491.  
  492. <p>
  493.  
  494. <!--every person-->
  495. <img src="MEMBER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  496. <br>
  497. <b>♠ MEMBER'S POSITION ♠</b>
  498. <br>A Name Here
  499.  
  500. </center>
  501.  
  502. </p></div></details>
  503. </div>
  504.  
  505. <p>
  506.  
  507. <!--TEAM #3-->
  508. <div class="dropdown">
  509. <details style="padding:0px 0; border:0px solid #000; padding:px;">
  510. <summary>
  511. <div class="body" style="font-family:Brigton Daction">
  512. <center>
  513. <b style="font-family:Brighton Daction">Team Name</b>
  514. </center>
  515. </div></summary>
  516.  
  517. <div style="margin-left:10px">
  518. <p>
  519. <center>
  520. <!--every person-->
  521. <img src="MEMBER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  522. <br>
  523. <b>♠ TEAM LEADER ♠</b>
  524. <br>A Name Here
  525.  
  526. <p>
  527.  
  528. <!--every person-->
  529. <img src="MEMBER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  530. <br>
  531. <b>♠ MEMBER'S POSITION ♠</b>
  532. <br>A Name Here
  533.  
  534. <p>
  535.  
  536. <!--every person-->
  537. <img src="MEMBER PFP HERE" style="width:100px;height:100px;margin-bottom:10px;border: #947894 2px solid;object-fit:cover">
  538. <br>
  539. <b>♠ MEMBER'S POSITION ♠</b>
  540. <br>A Name Here
  541.  
  542. </center>
  543.  
  544. </p></div></details>
  545. </div>
  546.  
  547. <p style="margin-top:20px">
  548.  
  549. <center>
  550. ✧༝┉˚*❋ ❋*˚┉༝✧ ✧༝┉˚*❋ ❋*˚┉༝✧
  551. </center>
  552. <p style="margin-top:20px">
  553. <center><b style="font-size:20px;font-family:Brighton Daction">APPLY NOW!</b></center>
  554. <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.
  555.  
  556. <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.
  557.  
  558.  
  559.  
  560. <div><div><div>
  561.  
  562.  
  563. </div></div></div></div>
  564. <br></div></div></div></div>
  565.  
  566. <div><center><a href="https://kaykodes.tumblr.com/" style="color:#000;font-size:12px"><b><u>kay kodes</u></b></a></center>
  567.  
  568. <link rel="preconnect" href="https://fonts.googleapis.com">
  569. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  570. <link href="https://fonts.googleapis.com/css2?family=Sacramento&display=swap" rel="stylesheet">
  571.  
  572. <script>
  573. function openCity(evt, cityName) {
  574. var i, tabcontent, tablinks;
  575. tabcontent = document.getElementsByClassName("tabcontent");
  576. for (i = 0; i < tabcontent.length; i++) {
  577. tabcontent[i].style.display = "none";
  578. }
  579. tablinks = document.getElementsByClassName("tablinks");
  580. for (i = 0; i < tablinks.length; i++) {
  581. tablinks[i].className = tablinks[i].className.replace(" active", "");
  582. }
  583. document.getElementsByClassName("tablinks");
  584. for (i = 0; i < tablinks.length; i++) {
  585. tablinks[i].className = tablinks[i].className.replace(" active", "");
  586. }
  587. document.getElementById(cityName).style.display = "block";
  588. evt.currentTarget.className += " active";
  589. }
  590.  
  591. // Get the element with id="defaultOpen" and click on it
  592. document.getElementById("defaultOpen").click();
  593. </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!