API tools faq
paste
Advertisement
kay_kodes

remember || profile text

kay_kodes
Mar 13th, 2022
27
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.57 KB | None | 0 0
raw download clone embed print report
  1. ♡ hey there friendo! thanks for stopping by and using my code! righty, i'm going to keep this short, simple, and special. first off, let's welcome TEA/TIA to our team! she is amazing and so are her codes! speaking of tea, i got some to spill. she actually made this SPECTACULAR profile text and gave me permission to edit it to match the request! so have fun and keep the credits before i send Arishem after you :3 ♡
  2.  
  3. best dreams,
  4. kay <3
  5.  
  6. --CODE STARTS BELOW THIS TEXT--
  7. <link rel="preconnect" href="https://fonts.googleapis.com">
  8. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  9. <link href="https://fonts.googleapis.com/css2?family=Lora&display=swap" rel="stylesheet">
  10. <html>
  11.  
  12.  
  13.  
  14. <style>
  15. @font-face {
  16. font-family: Amalfi;
  17. src: url("https://cdn.statically.io/gh/Audreyscodes/fonts2/4420956b/Amalfi%20Coast.ttf");
  18. }
  19.  
  20. .text {
  21. font:15px courier new,monospace;
  22. color:#000;
  23. }
  24. .title {
  25. font:22px courier new,monospace;
  26. font-size: 30px;
  27. color:#a9a794;
  28.  
  29. }
  30. .quote {
  31. font:15px cambria,times new roman,century gothic,aria;
  32. font-size: 20px;
  33. color:#7e5c43;
  34.  
  35. }
  36. .page{
  37. text-decoration: none;
  38. color:black;
  39. text-align: justify
  40. }
  41.  
  42. .label {
  43. font:20px 'Amalfi';
  44. text-align:center;
  45. color: #7e5c43;
  46. text-shadow: ;
  47. }
  48.  
  49.  
  50.  
  51. }
  52. .tablinks:hover, .active{
  53.  
  54. }
  55.  
  56.  
  57. .tablinks{
  58. border: 1px solid rgba(0,0,0,0.3);
  59. width: 30%;
  60. height: 30px;
  61. margin-bottom: 10px;
  62. font-family: 'lololol';
  63. cursor: pointer;
  64. text-transform: uppercase;
  65. font-size: 13px;
  66. background: #a9a794;
  67. box-shadow: 1px 1px 8px #999;
  68. font-weight: bold;
  69. letter-spacing: 2px;
  70. color: #fff;
  71. background: #a9a794;
  72. box-shadow: 1px 1px 5px #000;
  73. font-size: 13px;
  74. text-shadow: 1px 1px 10px rgba(0,0,0,8);
  75.  
  76. }
  77.  
  78. </style>
  79.  
  80.  
  81.  
  82. <div style="padding:40px 40px 40px 40px;background:url(https://i.pinimg.com/564x/64/49/43/6449437c4d724b23fd30a54a1b837f24.jpg);">
  83.  
  84.  
  85. <div style="padding:50px 50px 50px 50px;background:#ddd;box-shadow: 0 0 30px #000;">
  86.  
  87.  
  88. <div class="title"> <center><h3 style="">LOVER
  89.  
  90.  
  91. <div class="quote"><i>
  92. ❝ when you love something, you protect it. ❞
  93. </i>
  94.  
  95.  
  96.  
  97.  
  98.  
  99. </center>
  100.  
  101.  
  102.  
  103.  
  104. </div>
  105.  
  106. <br>
  107.  
  108.  
  109. <center>
  110. <img src="https://c.tenor.com/dtJ0Ae5er70AAAAd/gilgamesh-eternals-thena-eternals.gif"style="width:300px;height:300px;margin:0 auto 10px auto;display:block;border:2px solid #a9a794;box-shadow: 0 0 0 5px rgba(0,0,0,0.1),2px 2px 2px 0 rgba(0,0,0,0.1);border-radius:50%;box-sizing:border-box;">
  111. </center>
  112.  
  113. <p><br>
  114. <div class="tabcontent" id="2">
  115. <div class="text">
  116. <div class="label">remember who you are</div>
  117. <center>
  118. <b>name.</b> here
  119. <br>
  120. <b>nicknames.</b> here
  121. <br>
  122. <b>gender.</b> here
  123. <br>
  124. <b>sexuality.</b> here
  125. <br>
  126. <p>
  127. <b>martial status.</b> here
  128. <br>
  129. <b>previous.</b> here
  130. <br>
  131. <p>
  132. <b>height.</b> here
  133. <br>
  134. <b>weight.</b> here
  135. <br>
  136. <b>nationality.</b> here
  137. <p>
  138. <b>family.</b> here
  139. <br>
  140. <b>notable features.</b> here
  141. <br>
  142. </center>
  143. </div>
  144. <br>
  145. </div>
  146.  
  147. <div class="tabcontent" id="3">
  148. <div class="text">
  149. <center><div class="label">i didn't come to this planet to cower behind walls</div>
  150. <center><img src="https://c.tenor.com/wSpdz_lMZYAAAAAd/thena-eternals.gif"style="width:250px;height:255px;float: left; margin-right: 10px"><p>
  151. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p>
  152. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  153. <p>
  154. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</center><img src="https://64.media.tumblr.com/bb77e3bfce9a93ee725cdb3c9be34d80/c1ed9e46478ca7c9-97/s500x750/3d8a8e4e4db33f9bd4b034ed56af3f96442d96ad.gifv"style="width:250px;height:300px;float: right; margin-left: 20px"><p><center>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  155. </center>
  156.  
  157.  
  158. </center>
  159.  
  160.  
  161. <br>
  162. </center>
  163. </div>
  164. <br>
  165. </div>
  166.  
  167. <div class="tabcontent" id="4">
  168. <div class="text">
  169. <center><div class="label">i thought we were heroes
  170. </div><p>
  171. <center><img src="https://64.media.tumblr.com/a5773c92f417d10933831e61b44a762f/39246d1df8721c67-29/s540x810/24138fd80b9fcf60d892e8b08d601516f2f053a8.gifv"style="width:200px;300height:px;float: left; margin-right: 10px">
  172. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<p>
  173. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  174. <p>
  175. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
  176. </center>
  177.  
  178.  
  179. <br>
  180. </center>
  181. </div>
  182. <br>
  183. </div>
  184.  
  185.  
  186. <div class="tabcontent" id="5">
  187. <div class="text">
  188. <center><div class="label">turns out we're the bad guys </div><p>
  189.  
  190. <div style="font-size:22px;letter-spacing:3px;text-transform:lowercase;margin-bottom:20px;">
  191. <center></center></div>
  192. <div style="font-size:22px;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;">
  193.  
  194. </div>
  195.  
  196.  
  197. <!--- EACH RELATIONSHIP --->
  198. <div style="display:flex;align-items:center;margin-bottom:20px;">
  199. <img src="https://64.media.tumblr.com/c1c0459ca9ec3e83c2645ed271c91099/7ed18d1e07158acf-f6/s500x750/3074e2a027e5ba1803e0c8c04ae0fd4a4acbf408.gifv" style="margin-right:20px;padding:10px;border:5px solid rgba(0,0,0,0.1);width:80px;height:80px;">
  200. <div>
  201. <div style="font-size:18px;letter-spacing:3px;text-transform:uppercase;"><b style="color:#;">relation | name</b></div>
  202. relation description here<br>
  203. <i>
  204. </i></div></div>
  205. <div style="display:flex;align-items:center;margin-bottom:20px;">
  206. <img src="https://64.media.tumblr.com/91d95e18b628eff0bfc1de8383067d86/26a65dd6210d9b7c-6d/s540x810/f21c5c4980b999f9201b6172b66672c562201114.gifv" style="margin-right:20px;padding:10px;border:5px solid rgba(0,0,0,0.1);width:80px;height:80px;">
  207. <div>
  208. <div style="font-size:18px;letter-spacing:3px;text-transform:uppercase;"><b style="color:#;">relation | name</b></div>
  209. relation description here<br>
  210. <i>
  211. </i>
  212.  
  213.  
  214. <br>
  215. </center>
  216. </div>
  217. <br>
  218. </div>
  219.  
  220. <div class="tabcontent" id="6">
  221. <div class="text">
  222. <center><div class="label">it is the most natural thing in the world</div><p>
  223.  
  224. <img src="https://i.pinimg.com/564x/61/6b/07/616b075e577b68e8eb6b4b5734a9201d.jpg"style="width:200px;height:200px;">
  225. <img src="https://i.pinimg.com/736x/b8/a6/30/b8a6307f6c7dfc6ffe5732337e012c95.jpg"style="width:200px;height:200px;">
  226. <img src="https://i.pinimg.com/564x/6a/9c/67/6a9c67c5e40424bc08f456af9799d249.jpg"style="width:200px;height:200px;">
  227. <img src="https://i.pinimg.com/474x/30/46/72/30467229958a8317e212d5f481c661e4.jpg"style="width:200px;height:200px;">
  228. <img src="https://i.pinimg.com/474x/4f/2a/08/4f2a088b256c3f49b2845b80a2037585.jpg"style="width:200px;height:200px;">
  229. <img src="https://i.pinimg.com/474x/15/60/88/1560887c20797640664e6e2543565a3c.jpg"style="width:200px;height:200px;">
  230. <img src="https://i.pinimg.com/474x/4c/7b/ea/4c7bea9943f1b07294ec327d04768549.jpg"style="width:200px;height:200px;">
  231.  
  232. <img src="https://i.pinimg.com/474x/5c/7c/b6/5c7cb6d63b69cc926b93ebb2e24b6522.jpg"style="width:200px;height:200px;">
  233.  
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240.  
  241. <br><p>
  242.  
  243. </div></div>
  244.  
  245.  
  246.  
  247.  
  248.  
  249. <span style="text-align:center;letter-spacing:1px;display:block;padding:5px;font-size:18px;">
  250.  
  251.  
  252. <button class="tablinks" onclick="openCity(event, '')" id="defaultOpen">home</button>
  253. <button class="tablinks" onclick="openCity(event, '2')">about</button>
  254. <button class="tablinks" onclick="openCity(event, '3')">personality</button>
  255. <button class="tablinks" onclick="openCity(event, '4')">appearance</button>
  256. <button class="tablinks" onclick="openCity(event, '5')">relations</button>
  257. <button class="tablinks" onclick="openCity(event, '6')">aesthetic</button>
  258.  
  259. </div></div></div>
  260.  
  261. <div style="display:none"><iframe allow="autoplay; clipboard-write; " frameborder="0" src="https://www.youtube.com/embed/cvUAzpn48xA?controls=0&amp;autoplay=1&amp;loop=1"></iframe></div>
  262.  
  263. <div style="display:none"><iframe allow="autoplay; clipboard-write; " frameborder="0" src=""></iframe></div>
  264.  
  265.  
  266. <center>
  267. <a href="https://kkodescredits.carrd.co/" style="color:#000;font-size:12px;"><b><u>made by tea | edited by kay kodes</u></b></a>
  268. <script>
  269. function openCity(evt, cityName) {
  270. var i, tabcontent, tablinks;
  271. tabcontent = document.getElementsByClassName("tabcontent");
  272. for (i = 0; i < tabcontent.length; i++) {
  273. tabcontent[i].style.display = "none";
  274. }
  275. tablinks = document.getElementsByClassName("tablinks");
  276. for (i = 0; i < tablinks.length; i++) {
  277. tablinks[i].className = tablinks[i].className.replace(" active", "");
  278. }
  279. document.getElementsByClassName("tablinks");
  280. for (i = 0; i < tablinks.length; i++) {
  281. tablinks[i].className = tablinks[i].className.replace(" active", "");
  282. }
  283. document.getElementById(cityName).style.display = "block";
  284. evt.currentTarget.className += " active";
  285. }
  286.  
  287.  
  288. document.getElementById("defaultOpen").click();
  289. </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!