API tools faq
paste
JuJuscodes

1989 Profil eext

JuJuscodes
Aug 2nd, 2023
64
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.74 KB | None | 0 0
raw download clone embed print report
  1. <link href="https://fonts.cdnfonts.com/css/klubkatz" rel="stylesheet">
  2. <link href="https://fonts.cdnfonts.com/css/monsttreal" rel="stylesheet">
  3. <link href="https://fonts.cdnfonts.com/css/kegina" rel="stylesheet">
  4. <style>
  5.  
  6. .name{
  7. font-family: 'Monsttreal', sans-serif;
  8. color: #fff;
  9. font-size: 65px;
  10. }
  11.  
  12. .normal{
  13. font-family: 'Kegina', sans-serif;
  14. color: #fffff;
  15. font-size: 15px;
  16. }
  17.  
  18. .About{
  19. font-family: 'Monsttreal', sans-serif;
  20. color: #fff;
  21. font-size: 35px;
  22. }
  23.  
  24. .background{
  25. background-image:url('https://i.pinimg.com/564x/08/8c/ca/088cca997f82e2ba00ea91c1ed547670.jpg');
  26.  
  27. border:1px solid #999;
  28. font-family: 'Junge', serif;
  29. width:70%;
  30. border: double 20px #bbd1f2;
  31. margin: auto;
  32. height: 3500px;
  33. }
  34. .button-78 {
  35. align-items: center;
  36. appearance: none;
  37. background-clip: padding-box;
  38. background-color: initial;
  39. background-image: none;
  40. border-style: none;
  41. box-sizing: border-box;
  42. color: #fff;
  43. cursor: pointer;
  44. display: inline-block;
  45. flex-direction: row;
  46. flex-shrink: 0;
  47. font-family: 'Monsttreal', sans-serif;
  48. font-size: 16px;
  49. font-weight: 800;
  50. justify-content: center;
  51. line-height: 24px;
  52. margin: 0;
  53. min-height: 64px;
  54. outline: none;
  55. overflow: visible;
  56. padding: 19px 26px;
  57. pointer-events: auto;
  58. position: relative;
  59. text-align: center;
  60. text-decoration: none;
  61. text-transform: none;
  62. user-select: none;
  63. -webkit-user-select: none;
  64. touch-action: manipulation;
  65. vertical-align: middle;
  66. width: auto;
  67. word-break: keep-all;
  68. z-index: 0;
  69. }
  70.  
  71. @media (min-width: 768px) {
  72. .button-78 {
  73. padding: 19px 32px;
  74. }
  75. }
  76.  
  77. .button-78:before,
  78. .button-78:after {
  79. border-radius: 80px;
  80. }
  81.  
  82. .button-78:before {
  83. background-image:url('https://i.pinimg.com/564x/f9/ee/f5/f9eef5f7371975f698df293a87551671.jpg');
  84. content: "";
  85. display: block;
  86. height: 100%;
  87. left: 0;
  88. overflow: hidden;
  89. position: absolute;
  90. top: 0;
  91. width: 100%;
  92. z-index: -2;
  93. }
  94.  
  95. .button-78:after {
  96. background-color: initial;
  97. background-image:url('https://i.pinimg.com/564x/f9/ee/f5/f9eef5f7371975f698df293a87551671.jpg');
  98. bottom: 4px;
  99. content: "";
  100. display: block;
  101. left: 4px;
  102. overflow: hidden;
  103. position: absolute;
  104. right: 4px;
  105. top: 4px;
  106. transition: all 100ms ease-out;
  107. z-index: -1;
  108. }
  109.  
  110. .button-78:hover:not(:disabled):before {
  111. background-image:url('https://i.pinimg.com/564x/f9/ee/f5/f9eef5f7371975f698df293a87551671.jpg');
  112. }
  113.  
  114. .button-78:hover:not(:disabled):after {
  115. bottom: 0;
  116. left: 0;
  117. right: 0;
  118. top: 0;
  119. transition-timing-function: ease-in;
  120. opacity: 0;
  121. }
  122.  
  123. .button-78:active:not(:disabled) {
  124. color: #ccc;
  125. }
  126.  
  127. .button-78:active:not(:disabled):before {
  128. background-image: background-image:url('https://i.pinimg.com/564x/f9/ee/f5/f9eef5f7371975f698df293a87551671.jpg');
  129. }
  130.  
  131. .button-78:active:not(:disabled):after {
  132. background-image: background-image:url('https://i.pinimg.com/564x/f9/ee/f5/f9eef5f7371975f698df293a87551671.jpg');
  133. bottom: 4px;
  134. left: 4px;
  135. right: 4px;
  136. top: 4px;
  137. }
  138.  
  139. .button-78:disabled {
  140. cursor: default;
  141. opacity: .24;
  142. }
  143. </style>
  144. <div class="background">
  145.  
  146.  
  147. <center>
  148. <div style="background:rgba(187, 209, 242 ,0.9);margin:60 auto;padding:5px;text-align:center;color:#000;font-family:monospace;border:solid 2px;border-radius:100px;"><br />
  149. <div class="name">Taylor Swift</dv></div></div>
  150.  
  151.  
  152.  
  153.  
  154. <img src="https://i.pinimg.com/564x/3b/08/a7/3b08a787d2d292ffc37add174ca6a77f.jpg" style="width:200px;height:400px;margin-top:0px;border:5px double #bbd1f2; margin-left: 10px; border-radius: 50px 50px 0 0;float: left;">
  155. <div style="background:rgba(187, 209, 242,0.9);padding:20px;text-align:center;color:#000;font-family: 'Junge', serif;width: 160px; float: right;margin-right:10px; height: 200px;">
  156. <div style="width:calc(100% - 20px);">
  157. <div class="normal">
  158. INFO
  159. <b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>
  160. INFO
  161. <b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>
  162. INFO
  163. <b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>
  164. INFO
  165. <b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>
  166. INFO
  167. <b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>
  168. INFO
  169. <b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>
  170. INFO
  171. <b style="display:block;text-align:right;font-size:8px;text-transform:uppercase;letter-spacing:2px;border-top:1px solid #ddd;">FIELD</b>
  172.  
  173.  
  174.  
  175. </div></div></div>
  176. </br></br></br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  177. </br></br></br></br>
  178. <div style="background:rgba(187, 209, 242 ,0.9);margin:60 auto;padding:5px;text-align:center;color:#000;font-family:monospace;border:solid 2px;border-radius:100px;">
  179. <div class="about">About
  180. <div class="normal">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>
  181. 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.
  182. </div></div></div>
  183.  
  184. <center>
  185. <img src="https://i.pinimg.com/564x/c9/ca/16/c9ca161c3551cc62ea37691dd3222a6e.jpg" style="width:150px;height:150px;border-radius:15px;object-fit:cover;margin-top:5px;">
  186. <br><br></center>
  187.  
  188.  
  189. <div style="background:rgba(187, 209, 242 ,0.9);margin:60 auto;padding:5px;text-align:center;color:#000;font-family:monospace;border:solid 2px;border-radius:100px;">
  190. <div class="about">First Impressions
  191. <div class="normal">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>
  192. 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.
  193. </div></div></div>
  194.  
  195.  
  196.  
  197. <lj-raw><center><div style="width:320px">
  198. <img src="https://i.pinimg.com/564x/07/ba/12/07ba1291f54cb307b80ced9535823a9a.jpg" style="width:80px; height:80px; padding: 4px; border: 2px solid #4a77ba; margin: 2px;">
  199. <img src="https://i.pinimg.com/564x/c6/ce/84/c6ce84edb4a2182ef38b90816c1107bb.jpg" style="width:80px; height:80px; padding: 4px; border: 2px solid #4a77ba; margin: 2px;">
  200. <img src="https://i.pinimg.com/564x/62/48/c1/6248c1a1faea11a05386314024018a6a.jpg" style="width:80px; height:80px; padding: 4px; border: 2px solid #4a77ba; margin: 2px;">
  201. <br>
  202. <img src="https://i.pinimg.com/736x/28/fc/60/28fc60fd63d6659af530d31e43abbdbb.jpg" style="width:80px; height:80px; padding: 4px; border: 2px solid #4a77ba; margin: 2px;">
  203. <img src="https://i.pinimg.com/564x/d6/eb/ee/d6ebee6950f797fb720619345367dc54.jpg" style="width:80px; height:80px; padding: 4px; border: 2px solid #CCC; margin: 2px;">
  204. <img src="https://i.pinimg.com/564x/7a/3b/17/7a3b17643e00658b8bbd7dbec99a3c8f.jpg" style="width:80px; height:80px; padding: 4px; border: 2px solid #4a77ba; margin: 2px;">
  205. <br>
  206. <img src="https://i.pinimg.com/564x/84/63/d6/8463d6404ed68494c3822cf98b309d51.jpg" style="width:80px; height:80px; padding: 4px; border: 2px solid #4a77ba; margin: 2px;">
  207. <img src="https://i.pinimg.com/474x/a8/46/e0/a846e037795989ed566f4cb841e4daa1.jpg" style="width:80px; height:80px; padding: 4px; border: 2px solid #4a77ba; margin: 2px;">
  208. <img src="https://i.pinimg.com/564x/d0/16/83/d016838b5ca28029f76eec9a74e11777.jpg" style="float:right;width:100px; height:100px; padding: 4px; background-color: #4a77ba; border: 2px solid #4a77ba; margin-left: 0px; margin-top: -6px; margin-right: -10px; box-shadow: 2px 2px 4px;transform:rotate(-8deg); -webkit-transform:rotate(-8deg);">
  209. </center>
  210. <br><br>
  211.  
  212. <div style="background:rgba(187, 209, 242 ,0.9);margin:60 auto;padding:5px;text-align:center;color:#000;font-family:monospace;border:solid 2px;border-radius:100px;">
  213. <div class="about">Personality
  214. <div class="normal">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>
  215. 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.
  216. </div></div></div>
  217.  
  218. <img src="https://i.pinimg.com/474x/e5/4b/aa/e54baa8ebb2ac62218d87c615021de46.jpg" style="width:150px;height:150px;border-radius:15px;object-fit:cover;margin-top:5px;">
  219.  
  220. <img src="https://i.pinimg.com/474x/48/a6/94/48a694295557810356384c60d64cbea3.jpg" style="width:150px;height:150px;border-radius:15px;;margin-top:10px;object-fit:cover;">
  221.  
  222. <div style="background:rgba(187, 209, 242 ,0.9);margin:60 auto;padding:5px;text-align:center;color:#000;font-family:monospace;border:solid 2px;border-radius:100px;">
  223. <div class="about">Appearance
  224. <div class="normal">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>
  225. 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.
  226. </div></div></div>
  227.  
  228. <img src="https://i.pinimg.com/474x/af/e3/a2/afe3a23e1dbb448f861b7f4511581f13.jpg" style="width:150px;height:150px;border-radius:15px;object-fit:cover;margin-top:5px;">
  229.  
  230. <img src="https://i.pinimg.com/474x/eb/34/62/eb346223a60d055f3b75a11fcc756739.jpg" style="width:150px;height:150px;border-radius:15px;;margin-top:10px;object-fit:cover;">
  231. <br><br><br><br>
  232. <div class="otrimg">
  233. <img src="https://i.pinimg.com/originals/15/7b/76/157b768328094da1cd6abf83a5e79afd.gif" style="width:110px;height:110px;border:2px solid #fff;object-fit:cover;margin-right:10px;margin-bottom:10px;border-radius:100px;box-shadow: rgba(106, 161, 110, 0.5) -3px -3px 6px 1px #000000">
  234. </div>
  235.  
  236. <div><center><a href="https://pumpkinspicekingcodes.tumblr.com/" style="color:#000;font-size:12px;"> <div class="normal"><u>pumpkinspiceking codes</u></a> & <a href="https://jujuscoding.tumblr.com/" style="color:#000;font-size:12px;"><u>Juju's coding</u></a></center>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!