API tools faq
paste
Advertisement
kay_kodes

dolly daydream || plu and kay collab

kay_kodes
Jul 3rd, 2023
633
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 44.96 KB | None | 0 0
raw download clone embed print report
  1. <link href="https://fonts.googleapis.com/css?family=Euphoria+Script" rel="stylesheet" />
  2. <link href="https://fonts.googleapis.com/css?family=Delius+Swash+Caps" rel="stylesheet" />
  3. <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet" />
  4. <link href="https://fonts.cdnfonts.com/css/Square-Peg" rel="stylesheet">
  5. <!--HEADER FONT-->
  6. <link href="https://fonts.googleapis.com/css?family=Flamenco" rel="stylesheet" />
  7.  
  8. <!--NOTEPAD FONT-->
  9. <link href="https://fonts.cdnfonts.com/css/gorgeouspen" rel="stylesheet">
  10.  
  11.  
  12. <!--TITLE FONTS-->
  13. <link href="https://fonts.cdnfonts.com/css/sansilk" rel="stylesheet">
  14.  
  15.  
  16. <style type="text/css">/*Scrollbar*/
  17. ::-webkit-scrollbar {width: 5px;}
  18. ::-webkit-scrollbar-track {background:#CCC}
  19. ::-webkit-scrollbar-thumb {background: #a0785a;}
  20. ::-webkit-scrollbar-thumb:hover {background: #a0785a;}
  21.  
  22.  
  23. @font-face { src:url(https://dl.dropbox.com/s/vwyvgxmtcjsdw2k/ButterflyWinter.otf);
  24. font-family:'Butterfly Winter';
  25. }
  26. #kollabantsol
  27. {
  28. --color1: #755a46;
  29. --color2: #a0785a;
  30. --color3: #8f7561;
  31. --color4: #6f4e37;
  32. --font: #664d3a;
  33. --rela: #836953;
  34.  
  35.  
  36. }
  37.  
  38. .header{
  39. background:url(https://i.pinimg.com/236x/a9/4d/3f/a94d3f451e7e7389b419a4b60b0020f6.jpg);
  40. background-size: cover;
  41. width:860px;
  42. height: 280px;
  43. margin:auto;
  44. display: flex;
  45. justify-content: flex-end;
  46. align-items: flex-end;
  47. padding: 0px 0px;
  48. color: #fff;
  49. font-weight: 800;
  50. font-style: italic;
  51. text-shadow: 2px 1px 2px #1E7717;}
  52.  
  53.  
  54. .background
  55. { box-sizing: border-box;
  56. width: 860px;
  57. height:950px;
  58. margin:-20px auto;
  59. background-image: url("https://i.pinimg.com/236x/f4/20/8b/f4208b31f95dfa7fab4f47b3b47f7170.jpg");
  60. background-size: cover;
  61. border-top: double var(--color2) 15px;
  62. }
  63.  
  64. .greybox
  65. {background: rgba(0,0,0,0.5);
  66. width:860px;
  67. height:100px;
  68. float:center;
  69. margin: 0px 0px 20px 0px;
  70. ;
  71.  
  72. }
  73.  
  74. .boxes {
  75. display:flex;
  76. justify-content:space-between;
  77. }
  78.  
  79. .box {
  80. margin-left:55px;
  81. margin-right:0px;
  82. width:80%;
  83. padding:20px;
  84. overflow:auto;
  85. border:1px solid rgba(0,0,0,0.6);
  86. background:var(--color3);
  87. transform:rotate(0deg);
  88. box-shadow: 5px 5px 10px #000;
  89. }
  90. .filterpic {
  91. transition: 0.5s ease-in-out
  92. }
  93. .filterpic:hover {
  94. filter:brightness(50%)
  95. }
  96.  
  97. legend {
  98. font:30px Delius Swash Caps;
  99. color: #000;
  100. letter-spacing:-1px;
  101. text-align:left;
  102. }
  103.  
  104. @-webkit-keyframes glow {
  105. from {
  106. text-shadow: 0 0 5px #EFDDD0, 0 0 10px #EFDDD0, 0 0 15px #C2987F, 0 0 20px #C2987F, 0 0 25px #fff, 0 0 30px #fff;
  107. }
  108.  
  109. to {
  110. text-shadow: 0 0 4px #fff, 0 0 5px var(--color2), 0 0 10px var(--color2), 0 0 15px var(--color2), 0 0 20px #543F2F, 0 0 25px #543F2F, 0 0 35px #543F2F ;
  111. }
  112. }
  113. details {
  114. padding:0px;
  115. background:rgba(255,255,255,0);
  116.  
  117. }
  118.  
  119. summary { font-size:17px;
  120. color:var(--color1);
  121. text-align:center;
  122. letter-spacing:2.5px;
  123. curser:pointer;
  124. font-family:Handlee;
  125. background:rgba(160,120,90,0.2);
  126. padding:10px;
  127. border-radius:20px
  128. }
  129. details > summary {
  130. list-style: none;
  131. }
  132. details > summary::-webkit-details-marker {
  133. display: none;
  134. }
  135. .boxfunfact {
  136. margin-left:55px;
  137. margin-top:20px;
  138. width:80%;
  139. padding:20px;
  140. overflow:auto;
  141. color:#fff;
  142. border:1px solid rgba(0,0,0,0.6);
  143. background:var(--color3);
  144. transform:rotate(0deg);
  145. box-shadow: 5px 5px 10px #000;
  146. }
  147. .code
  148. { text-align:center;
  149. font-size:15px;
  150. margin-top:20px;
  151. font-family: 'Times New Roman';
  152. }
  153. </style><div id="kollabantsol">
  154. <div class="header">
  155. <div class="greybox">
  156.  
  157. <!--A QUOTE HERE-->
  158. <img src="https://fontmeme.com/permalink/230628/ae0011f155e2a2e242d8c362bcfcd736.png" style="width:750px;margin-top:22px;float:right;padding:10px;border:0px solid rgba(0,0,0,0.1);"></div>
  159. </div>
  160. <br>
  161. <div class="background">
  162. <div class="boxes">
  163.  
  164. <!--BUTTONS-->
  165. <div style="width:800px;">
  166. <div style="margin:0 0 -30px 10px;position:relative;">
  167. <fieldset style="width:800px;height:890px; margin-left:18px;margin-right:10px;margin-top:20px;padding:0px;overflow:hidden;border:1px solid #fff;background:rgba(255,255,255,0.9);"><legend>
  168.  
  169. <a href="#1" title="About">
  170. <img src="https://i.pinimg.com/236x/e4/81/0e/e4810edef83d66b617e061c1039affbd.jpg" style="width:100px;height:100px;border-radius:100%;background:var(--color1);margin:0 2px 0 0;padding:5px;border:1px solid var(--color2);outline:1px #fff solid;outline-offset:-9px"></a>
  171.  
  172. <a href="#2" title="Aesthetics">
  173. <img src="https://i.pinimg.com/236x/9d/e4/9c/9de49c408f6198f2a6fa92ee62033068.jpg" style="width:100px;height:100px;border-radius:100%;background:var(--color1);margin:0 2px 0 0;padding:5px;border:1px solid var(--color2);outline:1px #fff solid;outline-offset:-9px"></a>
  174.  
  175. <a href="#3" title="Brief History">
  176. <img src="https://i.pinimg.com/236x/b7/c6/ef/b7c6effba89b8db1996b98271431632e.jpg" style="width:100px;height:100px;border-radius:100%;background:var(--color1);margin:0 2px 0 0;padding:5px;border:1px solid var(--color2);outline:1px #fff solid;outline-offset:-9px"></a>
  177.  
  178. <a href="#4" title="Relations">
  179. <img src="https://i.pinimg.com/236x/bc/45/d6/bc45d68c34e7649bdfded6ea6fb7edfd.jpg" style="width:100px;height:100px;border-radius:100%;background:var(--color1);margin:0 2px 0 0;padding:5px;border:1px solid var(--color2);outline:1px #fff solid;outline-offset:-9px"></a>
  180. <a href="#5" title="Lookbook">
  181. <img src="https://i.pinimg.com/474x/9b/2c/db/9b2cdb05b3a88d38069b4c382f8838e8.jpg" style="width:100px;height:100px;border-radius:100%;background:var(--color1);margin:0 2px 0 0;padding:5px;border:1px solid var(--color2);outline:1px #fff solid;outline-offset:-9px"></a>
  182.  
  183. </legend>
  184.  
  185.  
  186. <!--PAGE ONE-->
  187. <div style="height:815px;overflow:hidden;">
  188. <a name="1"></a>
  189.  
  190. <div style="height:740px;overflow:auto;padding:20px;text-align:left">
  191. <div style="background:linear-gradient(to bottom,#,transparent);padding:10px;margin-top:-20px">
  192.  
  193. <div style="margin:0 auto;width:100%;font-family:'Times New Roman';font-size:15px;color:var(--font);text-align:justify;">
  194. <div>
  195. <div>
  196. <div>
  197.  
  198. <!--YOUR NAME HERE-->
  199. <div style="font-family:Sansilk;font-size:60px;color:var(--color1)">Your Name Here</div>
  200.  
  201. <div>
  202. <div style="width:100%;border-bottom: 5px solid var(--color2) ;border-radius:50px;margin-bottom:-70px;overflow:auto"></div>
  203.  
  204. <!--PROFILE IMAGE HERE-->
  205. <img src="https://i.imgur.com/Uy44v08.gif" style="width: 120px; height: 120px; border-radius: 100px; border: 5px solid var(--color2);float:right;" /></div>
  206. <br>
  207. <br>
  208. <br>
  209.  
  210. <!--ABOUT-->
  211. <div style="font-size:25px;color:var(--color1) ;font-family: 'Flamenco';margin-top:30px;margin-right:27px;float:left;overflow:auto">
  212. <center><b>ABOUT.</b></center>
  213. </div>
  214. <br><br><br><br>
  215. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  216. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  217.  
  218.  
  219. </div>
  220. </div>
  221.  
  222. <!--BASIC INFO-->
  223. <div style="height:520px;margin-top:-20px;margin-bottom:20px">
  224. <div style="display:flex;overflow:auto">
  225. <div style="width:250px;margin-right:20px;font-size:15px;letter-spacing:2px;text-align:justify">
  226.  
  227. <div>
  228. <!--TOP IMAGE-->
  229. <img src="https://i.pinimg.com/236x/d5/55/5d/d5555df6e0eb5222d66ea1184e956786.jpg" style="width: 150px; height: 150px; border: 10px solid #fff;border-bottom: 25px solid #fff;box-shadow: 5px 5px 10px #000;margin-top:40px;object-fit:cover" /><br>
  230.  
  231. <!--MIDDLE ONE IMAGE-->
  232. <img src="https://graziamagazine.com/wp-content/uploads/2021/03/ezgif.com-gif-maker-13.gif" style="width: 210px; height: 150px; border: 10px solid #fff;border-bottom: 25px solid #fff;box-shadow: 5px 5px 10px #000;margin-top:60px;transform:rotate(5deg);margin-left:80px;margin-top:-60px;object-fit:cover" /><br>
  233.  
  234. <!--MIDDLE TWO IMAGE-->
  235. <img src="https://i.pinimg.com/236x/12/b3/b7/12b3b7b547d5262c9ece9f81ecb61664.jpg" style="width: 160px; height: 250px;border: 10px solid #fff;border-bottom: 25px solid #fff;box-shadow: 5px 5px 10px #000;margin-top:-40px;margin-left:15px;transform:rotate(-5deg);object-fit:cover" /><br>
  236.  
  237. <!--BOTTOM IMAGE-->
  238. <img src="https://media.tenor.com/lru_lRiP9OAAAAAd/anya-taylor-joy.gif" style="width: 180px; height: 150px;border: 10px solid #fff;border-bottom: 25px solid #fff;box-shadow: 5px 5px 10px #000;margin-top:60px;transform:rotate(5deg);margin-left:80px;margin-top:-60px;object-fit:cover" /><br>
  239.  
  240. </div>
  241. </div>
  242.  
  243. <!--YELLOW NOTEPAD-->
  244. <div style="width:420px;height:800px;text-align:justify;padding:6px;margin-left:10px;margin-top:-20px;margin-bottom:10px">
  245. <div style="font-size:45px;letter-spacing:3px;margin-bottom:20px;">
  246. <div style="font-family: 'Gorgeouspen', serif;font-size: 40;margin-top:40px;margin-left:60px;float:right;transform:rotate(0deg)">
  247. <center>"a quote here"</center>
  248. </div>
  249. </div>
  250.  
  251. <div class="box">
  252. <div style="Font-family: 'Gorgeouspen';font-size:40px;float:right;color:#fff">Name Here</div>
  253.  
  254. <div style="float:left;border-top:1px #fff solid;width:340px;color:#fff"><b>Name</b></div>
  255.  
  256.  
  257. <div style="Font-family: 'Gorgeouspen';font-size:40px;float:right;color:#fff">Insert Here</div>
  258.  
  259. <div style="float:left;border-top:1px #fff solid;width:340px;color:#fff"><b>Nicknames</b></div>
  260.  
  261.  
  262. <div style="Font-family: 'Gorgeouspen';font-size:40px;float:right;color:#fff">Insert date here</div>
  263.  
  264. <div style="float:left;border-top:1px #fff solid;width:340px;color:#fff"><b>Birthdate</b></div>
  265.  
  266.  
  267.  
  268. <div style="Font-family: 'Gorgeouspen';font-size:40px;float:right;color:#fff">Insert Here</div>
  269.  
  270. <div style="float:left;border-top:1px #fff solid;width:340px;color:#fff"><b>Orientation</b></div>
  271.  
  272.  
  273. <div style="Font-family: 'Gorgeouspen';font-size:40px;float:right;color:#fff">Insert Here</div>
  274.  
  275. <div style="float:left;border-top:1px #fff solid;width:340px;color:#fff"><b>Faction/House/Kingdom</b></div>
  276.  
  277.  
  278. <div style="Font-family: 'Gorgeouspen';font-size:40px;float:right;color:#fff">Insert Here</div>
  279.  
  280. <div style="float:left;border-top:1px #fff solid;width:340px;color:#fff"><b>Bloodline</b></div>
  281.  
  282.  
  283.  
  284. <div style="Font-family: 'Gorgeouspen';font-size:40px;float:right;color:#fff">Insert Here</div>
  285.  
  286. <div style="float:left;border-top:1px #fff solid;width:340px;color:#fff"><b>Occupation</b></div>
  287.  
  288.  
  289.  
  290. <div style="Font-family: 'Gorgeouspen';font-size:40px;float:right;color:#fff">Insert Here</div>
  291.  
  292. <div style="float:left;border-top:1px #fff solid;width:340px;color:#fff"><b>Status</b></div>
  293.  
  294.  
  295. <br>
  296. <br>
  297. <center>
  298.  
  299. <!--YOUR SIGNATURE-->
  300. <img src="https://fontmeme.com/permalink/230628/12d0cbcebe172517a0356b824fde89f1.png" style="width: 170px; height: 80px;transform:rotate(5deg);position:relative;position:center;margin-top:50px" /></center>
  301.  
  302. <br>
  303. </div>
  304. </div>
  305. </div>
  306. </div>
  307.  
  308.  
  309. <!--FIRST IMPRESSIONS-->
  310. <div style="font-size:25px;color:var(--color1);font-family: 'Flamenco';margin-top:300px;margin-right:27px;float:left;overflow:auto">
  311. <center><b>FIRST IMPRESSIONS.</b></center></div>
  312.  
  313. <br><br><br>
  314.  
  315. <p style="margin-top:290px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  316. <div style="height:auto;width:740px;display:flex;align-items:center;justify-content:center;margin-top:30px"> <center> <img src="https://i.pinimg.com/474x/90/94/a1/9094a1db522c2eaa8b5c0d897a26e830.jpg" style="width:150px;height:150px;margin-right:5px;margin-top:0px;margin-bottom: 0px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left"><img src="https://i.pinimg.com/474x/e3/ba/fc/e3bafc2409a18f852fde6bbc9f106c80.jpg" style="width:150px;height:150px;margin-right:5px;margin-top:0px;margin-bottom: 0px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left"><img src="https://i.pinimg.com/474x/54/58/87/545887202a885263b6150b5a4ecad318.jpg" style="width:150px;height:150px;margin-right:5px;margin-top:0px;margin-bottom: 0px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left"><img src="https://i.pinimg.com/474x/28/7d/01/287d016ae273aefbf9a583153312c934.jpg" style="width:150px;height:150px;margin-right:5px;margin-top:0px;margin-bottom: 0px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left"></center></div>
  317. <div style="font-family:Sansilk;font-size:40px;color:var(--color1);text-align:center;margin-top:20px">nightmare dressed like a daydream</div>
  318. <!--PERSONALITY-->
  319. <div style="font-size:25px;color:var(--color1);font-family: 'Flamenco';margin-top:30px;margin-right:27px;float:left;overflow:auto">
  320. <center><b>PERSONALITY.</b></center></div>
  321.  
  322. <br><br><br>
  323.  
  324. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  325.  
  326. <div style="margin-top:20px;margin-bottom:50px">
  327. <fieldset style="width:43%;height:auto;padding:10px;float:left;margin-right:40px;overflow:auto;border: 2px solid var(--color2);box-shadow: rgba(160,120,90, 0.4) 5px 5px, rgba(160,120,90, 0.3) 10px 10px, rgba(160,120,90, 0.2) 15px 15px, rgba(160,120,90, 0.1) 20px 20px, rgba(160,120,90, 0.05) 25px 25px;"><legend style="font-size:25px;color:var(--color1);font-family:'Flamenco';">I like..</legend>
  328. ...i like this<br>
  329. ...i like this<br>
  330. ...i like this<br>
  331. ...i like this<br>
  332. ...i like this<br>
  333. ...i like this<br>
  334. </fieldset><fieldset style="width:43%;height:auto;padding:10px;overflow:auto;border: 2px solid var(--color2);box-shadow: rgba(160,120,90, 0.4) 5px 5px, rgba(160,120,90, 0.3) 10px 10px, rgba(160,120,90, 0.2) 15px 15px, rgba(160,120,90, 0.1) 20px 20px, rgba(160,120,90, 0.05) 25px 25px;"><legend style="font-size:25px;color:var(--color1);font-family:'Flamenco';">I do not like..</legend>
  335. ...i do not like this<br>
  336. ...i do not like this<br>
  337. ...i do not like this<br>
  338. ...i do not like this<br>
  339. ...i do not like this<br>
  340. ...i do not like this<br>
  341. </fieldset>
  342. </div>
  343.  
  344.  
  345. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  346.  
  347. <details>
  348. <summary>
  349. ❀ Funfacts about the char *click to open*
  350. </summary>
  351. <div class="boxfunfact"> 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.
  352. <ul><li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li><li> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li><li> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li><li> Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</li></ul>
  353. 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.</div>
  354. </details>
  355.  
  356. <!--SKILLS-->
  357. <div style="font-size:25px;color:var(--color1);font-family: 'Flamenco';margin-top:30px;margin-right:27px;float:left;overflow:auto">
  358. <center><b>SKILLS.</b></center></div>
  359.  
  360. <br><br><br>
  361.  
  362. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  363.  
  364. <div style="margin-top:20px;margin-bottom:50px">
  365. <fieldset style="width:43%;height:auto;padding:10px;float:left;margin-right:40px;overflow:auto;border: 2px solid var(--color2);box-shadow: rgba(160,120,90, 0.4) 5px 5px, rgba(160,120,90, 0.3) 10px 10px, rgba(160,120,90, 0.2) 15px 15px, rgba(160,120,90, 0.1) 20px 20px, rgba(160,120,90, 0.05) 25px 25px;"><legend style="font-size:25px;color:var(--color1);font-family:'Flamenco';">My Skills..</legend>
  366. ...i can do this<br>
  367. ...i can do this<br>
  368. ...i can do this<br>
  369. ...i can do this<br>
  370. ...i can do this<br>
  371. ...i can do this<br>
  372. </fieldset><fieldset style="width:43%;height:auto;padding:10px;overflow:auto;border: 2px solid var(--color2);box-shadow: rgba(160,120,90, 0.4) 5px 5px, rgba(160,120,90, 0.3) 10px 10px, rgba(160,120,90, 0.2) 15px 15px, rgba(160,120,90, 0.1) 20px 20px, rgba(160,120,90, 0.05) 25px 25px;"><legend style="font-size:25px;color:var(--color1);font-family:'Flamenco';">I suck at..</legend>
  373. ...i cannot do this<br>
  374. ...i cannot do this<br>
  375. ...i cannot do this<br>
  376. ...i cannot do this<br>
  377. ...i cannot do this<br>
  378. ...i cannot do this<br>
  379. </fieldset>
  380. </div>
  381. <div style="height:auto;width:740px;display:flex;align-items:center;justify-content:center;"> <center> <img src="https://i.pinimg.com/474x/76/d0/27/76d02741b453aac58b220e7fa060a074.jpg" style="width:150px;height:150px;margin-right:5px;margin-top:0px;margin-bottom: 0px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left"><img src="https://i.pinimg.com/474x/72/35/6d/72356d9657b03716d63e77e3d7f06d92.jpg" style="width:150px;height:150px;margin-right:5px;margin-top:0px;margin-bottom: 0px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left"><img src="https://i.pinimg.com/474x/46/7f/0b/467f0bd1b9a954b81eae37c3c20c3019.jpg" style="width:150px;height:150px;margin-right:5px;margin-top:0px;margin-bottom: 0px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left"></center></div>
  382. </div>
  383. </div>
  384. </lj-raw></div>
  385. </div>
  386.  
  387.  
  388.  
  389. <!--PAGE TWO-->
  390. <a name="2"></a>
  391.  
  392. <div style="height:740px;overflow:auto;padding:20px;text-align:left">
  393.  
  394. <!---AESTHETIC IMAGE SETTINGS--->
  395. <div>
  396. <div style="-webkit-column-count:3;column-gap:5px;-moz-column-count:3;column-count:3;-webkit-column-gap:5px;-moz-column-gap:5px;margin-left:10px">
  397.  
  398. <!--each aesthetic-->
  399. <div class="filterpic" ><img src="https://i.pinimg.com/236x/11/ce/34/11ce34b618ae229d3fe24ce72da5929e.jpg" style="width:230px;height:300px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;filter:brightness(70%)"></div>
  400.  
  401. <!--each aesthetic-->
  402. <div class="filterpic" ><img src="https://i.pinimg.com/236x/fa/4b/fa/fa4bfaa0caa2b4ede876d1d3e8f6b63e.jpg" style="width:230px;height:300px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;filter:brightness(70%);outline: 1px solid #fff;outline-offset:-6px"></div>
  403.  
  404. <!--each aesthetic-->
  405. <div class="filterpic" ><img src="https://i.pinimg.com/236x/a7/40/f8/a740f84209ec40b98ee7efd3c5221ca9.jpg" style="width:230px;height:300px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;filter:brightness(70%);outline: 1px solid #fff;outline-offset:-6px"></div>
  406.  
  407.  
  408.  
  409. <!--each aesthetic-->
  410. <div class="filterpic" ><img src="https://i.pinimg.com/236x/6d/3c/b8/6d3cb869ec519495a90850561079e26b.jpg" style="width:230px;height:300px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;filter:brightness(70%);outline: 1px solid #fff;outline-offset:-6px"></div>
  411.  
  412. <!--each aesthetic-->
  413. <div class="filterpic" ><img src="https://i.pinimg.com/236x/2a/32/2f/2a322f04940f8ff3aa8dde721db8292c.jpg" style="width:230px;height:300px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;filter:brightness(70%);outline: 1px solid #fff;outline-offset:-6px"></div>
  414.  
  415. <!--each aesthetic-->
  416. <div class="filterpic" ><img src="https://i.pinimg.com/236x/d7/dd/e8/d7dde8242d7e3eb36316cbeb84762276.jpg" style="width:230px;height:300px;margin-left:2px;margin-right:px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;filter:brightness(70%);outline: 1px solid #fff;outline-offset:-6px"></div></div>
  417.  
  418. <br><br>
  419.  
  420. <hr /><center><div style="font-family:Sansilk;font-size:40px;color:var(--color1);animation: glow 1.5s ease-in-out infinite alternate">the magic is in you darling</center></div></div>
  421. </div>
  422.  
  423.  
  424. <!--PAGE THREE-->
  425. <a name="3"></a>
  426.  
  427. <div style="height:740px;overflow:auto;padding:20px;text-align:left">
  428.  
  429.  
  430. <div style="margin:0 auto;width:100%;font-family:'Times New Roman';font-size:15px;color:var(--font);text-align:justify;">
  431. <!---Magic--->
  432.  
  433. <div style="font-family:Sansilk;font-size:60px;color:var(--color1);">every story has a beginning</div>
  434.  
  435.  
  436. <div>
  437. <div style="width:100%;border-bottom: 5px solid var(--color2);border-radius:50px;margin-bottom:-60px;overflow:auto"></div>
  438.  
  439. <!--PROFILE IMAGE HERE-->
  440. <img src="https://i.imgur.com/Uy44v08.gif" style="width: 120px; height: 120px; border-radius: 100px; border: 5px solid var(--color2);float:right;" /></div>
  441.  
  442. <br />
  443. <br />
  444. <br>
  445. <div style="font-size:25px;color:var(--color1);font-family: 'Flamenco';margin-top:30px;margin-right:27px;float:left;overflow:auto">
  446. <center><b>BRIEF HISTORY.</b></center></div>
  447.  
  448. <br><br><br><br>
  449. <p><img src="https://media.tenor.com/1hNjNf4sqPMAAAAd/anya-taylor-joy-astonishing.gif" style="width:200px;height:300px;margin-right:10px;margin-top:10px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left">
  450. <br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  451.  
  452. <p>
  453.  
  454. <img src="https://media.tenor.com/rU_dPy5-BT0AAAAd/anya-taylor-joy-beautiful.gif" style="width:200px;height:300px;margin-left:10px;margin-top:10px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:right">
  455.  
  456. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  457.  
  458. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  459.  
  460. <img src="https://64.media.tumblr.com/c7f0ad4d922b2086123774fae0156dab/d046e58f1dec4ae1-68/s540x810/3ac9c2ecfc947301c88a13c710cc2e5e967e4f61.gifv" style="width:200px;height:300px;margin-right:10px;margin-top:10px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left">
  461.  
  462. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  463.  
  464. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  465.  
  466. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  467.  
  468.  
  469. </div>
  470. </div>
  471.  
  472.  
  473. <!--PAGE FOUR-->
  474. <a name="4"></a>
  475.  
  476. <div style="height:740px;overflow:auto;padding:20px;text-align:left">
  477. <div style="margin:0 auto;width:100%;font-family:'Times New Roman';font-size:12px;color:var(--font);text-align:justify;">
  478. <center>
  479.  
  480. <!--A QUOTE HERE-->
  481. <div style="font-family:Sansilk;font-size:50px;color:var(--color1);position:center">it never hurts to keep looking for sunshine.</div>
  482. </center><div style="display:flex">
  483. <div style="font-size:15px;text-align:justify;margin-bottom:20px;">
  484.  
  485. <!--each relation-->
  486. <div style="padding:5%;border:var(--color1) 2px solid;width:680px;margin-right:10px;float:left;margin-top:10px">
  487. <img src="https://i.pinimg.com/236x/64/47/0c/64470cd04a7164017a5da2a76bb04cd3.jpg" style="width:100px;height:100px;border:solid var(--rela);border-radius:100%;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;filter:brightness(80%)">
  488. <p><b>Relation | Name</b></p>
  489. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper.
  490. </div><br>
  491.  
  492.  
  493. <!--each relation-->
  494. <div style="padding:5%;border:var(--color1) 2px solid;width:680px;margin-right:10px;float:left;margin-top:10px">
  495. <img src="https://i.pinimg.com/236x/f1/c1/d1/f1c1d18ad255f2eb994d139598abfe2f.jpg" style="width:100px;height:100px;border:solid var(--rela);border-radius:100%;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;filter:brightness(80%)">
  496. <p><b>Relation | Name</b></p>
  497. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper.
  498. </div><br>
  499.  
  500. <!--each relation-->
  501. <div style="padding:5%;border:var(--color1) 2px solid;width:680px;margin-right:10px;float:left;margin-top:10px">
  502. <img src="https://i.pinimg.com/236x/1b/7e/82/1b7e82568fbe297ab4b6492fa5e114e3.jpg" style="width:100px;height:100px;border:solid var(--rela);border-radius:100%;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;filter:brightness(80%)">
  503. <p><b>Relation | Name</b></p>
  504. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper.
  505. </div><br>
  506.  
  507.  
  508. <!--each relation-->
  509. <div style="padding:5%;border:var(--color1) 2px solid;width:680px;margin-right:10px;float:left;margin-top:10px">
  510. <img src="https://i.pinimg.com/236x/02/21/a4/0221a4ab9b25b6b3ebc1980f0ad8cd16.jpg" style="width:100px;height:100px;border:solid var(--rela);border-radius:100%;float:left;margin-right:10px;box-shadow: 1px 1px 6px 2px #ffff;object-fit:cover;filter:brightness(80%)">
  511. <p><b>Relation | Name</b></p>
  512. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper.
  513. </div><br>
  514.  
  515.  
  516. </div>
  517. </div></div></div>
  518.  
  519. <!--PAGE FIVE-->
  520. <a name="5"></a>
  521.  
  522. <div style="height:740px;overflow:auto;padding:20px;text-align:left">
  523.  
  524.  
  525. <div style="margin:0 auto;width:100%;font-family:'Times New Roman';font-size:15px;color:var(--font);text-align:justify;">
  526.  
  527. <center><div style="font-family:Sansilk;font-size:60px;color:var(--color1)">The Lookbook</div></center>
  528.  
  529. <div style="width:750px;height:200px;font-size:15px;color:var(--color1);font-family: 'Flamenco';float:left;padding:0px;background:rgba(160,120,90, 0.4);margin-top:80px;background: linear-gradient(90deg, rgba(160,120,90,0) 0%, rgba(160,120,90,0.4) 2%, rgba(160,120,90,0.4) 98%, rgba(160,120,90,0) 100%)">
  530. <div style="width:400px;height:250px;font-size:15px;color:var(--color1);font-family: 'Flamenco';margin-top:-35px;margin-left:40px;float:left;overflow:auto;border: solid var(--color2) 2px;padding:10px;background:#fff"><center style="margin-top:5px"><b>Height & Weight:</b> Lorem ipsum<div style="border-bottom:1px var(--color2) solid;width:380px;padding:3px;margin-bottom:10px"></div> <b>Body Type:</b> Lorem ipsum<div style="border-bottom:1px var(--color2) solid;width:380px;padding:3px;margin-bottom:10px"></div> <b>Distinguishing Marks:</b> Lorem ipsum<div style="border-bottom:1px var(--color2) solid;width:380px;padding:3px;margin-bottom:10px"></div> <b>Eyes:</b> Lorem ipsum<div style="border-bottom:1px var(--color2) solid;width:380px;padding:3px;margin-bottom:10px"></div><b>Hair:</b> Lorem ipsum<div style="border-bottom:1px var(--color2) solid;width:380px;padding:3px;margin-bottom:10px"></div> <b>Anything else:</b> Lorem ipsum<div style="border-bottom:1px var(--color2) solid;width:380px;padding:3px;margin-bottom:10px"></div> <b>Anything else:</b> Lorem ipsum<div style="border-bottom:1px var(--color2) solid;width:380px;padding:3px;margin-bottom:10px"></div> <b>Faceclaim:</b> Anya Taylor Joy </center></div>
  531. <img src="https://i.pinimg.com/474x/1d/7a/02/1d7a02a949ea9605f066fd59cedb16df.jpg" style="width:200px;height:350px;margin-right:30px;margin-top:-80px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:right"></div>
  532. <!----4 pictures---->
  533. <div style="width:750px;height:120px;font-size:15px;color:var(--color1);font-family: 'Flamenco';float:left;padding:0px;background: linear-gradient(90deg, rgba(117,90,70,0) 0%, rgba(117,90,70,1) 5%, rgba(117,90,70,1) 95%, rgba(117,90,70,0) 100%);margin-top:150px;margin-bottom:30px">
  534. <div style="width:100%;margin-top:0px;justify-content:center;align-items:center;margin-left:25px"><img src="https://i.pinimg.com/474x/be/06/ce/be06cef4e2d8fb3dd53baaea8786bd22.jpg" style="width:150px;height:150px;margin-right:30px;margin-top:-15px;margin-bottom: 0px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left"><img src="https://i.pinimg.com/474x/6d/41/ba/6d41baa4b355aea8b8a54c3c06a5ad79.jpg" style="width:150px;height:150px;margin-right:30px;margin-top:-15px;margin-bottom: 0px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left"><img src="https://i.pinimg.com/474x/25/72/e3/2572e30ecabac3ba40b0acb990a8d698.jpg" style="width:150px;height:150px;margin-right:30px;margin-top:-15px;margin-bottom: 0px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left">
  535. <img src="https://i.pinimg.com/474x/57/68/c0/5768c091231220753ac55c33a20e0817.jpg" style="width:150px;height:150px;margin-right:30px;margin-top:-15px;margin-bottom: 0px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;float:left"></div></div><!---4 pictures titles----->
  536.  
  537. <div style="height:auto;width:750px;display:flex;align-items:center;justify-content:center"> <center> <div style="font-family:Sansilk;font-size:30px;color:var(--color1);float:left;width:172px;padding:5px;">Eyes <div style="font-family:'Flamenco';font-size:15px;margin-top:5px">Honeygolden</div></div><div style="font-family:Sansilk;font-size:30px;color:var(--color1);float:left;width:172px;padding:5px">Necklace<div style="font-family:'Flamenco';font-size:15px;margin-top:5px">From my Love<br>-M</div></div>
  538. <div style="font-family:Sansilk;font-size:30px;color:var(--color1);float:left;width:172px;padding:5px">Lips<div style="font-family:'Flamenco';font-size:15px;margin-top:5px">Favourite Chapstick:<br> Honey</div></div><div style="font-family:Sansilk;font-size:30px;color:var(--color1);float:left;width:172px;padding:5px">Perfume<div style="font-family:'Flamenco';font-size:15px;margin-top:5px">Gucci Flowers</div></div></center></div>
  539. <br><br>
  540. <center><div style="border-bottom: 2px solid var(--color1);width:80%;border-radius:100px"></div><div style="border-bottom: 2px solid var(--color1);width:60%;border-radius:100px;margin-top:5px"></div><div style="border-bottom: 2px solid var(--color1);width:40%;border-radius:100px;margin-top:5px"></div></center><br><br>
  541.  
  542. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.</p>
  543. <!----color palette---->
  544. <div style="height:auto;width:750px;display:flex;align-items:center;justify-content:center;"> <center>
  545. <div style="background-color:#755a46;float:left;width:80px;height:80px;border-radius:100%;margin-right:10px;margin-left:10px;"></div><div style="background-color:#a0785a;float:left;width:80px;height:80px;border-radius:100%;margin-right:10px;margin-left:10px;"></div><div style="background-color:#543F2F;float:left;width:80px;height:80px;border-radius:100%;margin-right:10px;margin-left:10px;"></div><div style="background-color:#C2987F;float:left;width:80px;height:80px;border-radius:100%;margin-right:10px;margin-left:10px;"></div><div style="background-color:#ECB8AA;float:left;width:80px;height:80px;border-radius:100%;margin-right:10px;margin-left:10px;"></div></center></div>
  546. <center><div style="font-family:Sansilk;font-size:40px;color:var(--color1);margin-top:10px;padding:5px;">The Color Palette </center>
  547. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris finibus non quam non feugiat. Ut quis laoreet ipsum. Etiam sagittis sollicitudin suscipit. Ut egestas eros elit, eget pellentesque lacus aliquam eu. Ut molestie libero eu sollicitudin gravida. Proin accumsan dolor sollicitudin ante lobortis, at aliquet dolor ultrices. Pellentesque laoreet dictum semper. Quisque dapibus nibh vitae enim efficitur, sit amet consectetur felis dapibus. Morbi bibendum et orci non mattis. In ac leo eleifend, semper libero a, ultricies nisi. Mauris sodales fermentum finibus. Nulla sollicitudin odio arcu, venenatis gravida ipsum aliquam a. In rhoncus felis diam, sed viverra turpis sagittis pretium. Duis hendrerit tristique viverra. Quisque ultrices justo a massa ornare, sed pretium odio faucibus.
  548.  
  549. <!----the closet---->
  550. <div style="height:auto;width:740px;display:flex;align-items:center;justify-content:center;margin-top:20px;margin-left:10px"> <center> <fieldset style="width:650px;height:400px;font-size:15px;color:var(--color1);font-family: 'Flamenco';overflow:hidden;background:rgba(160,120,90, 0.9);padding:20px;border: solid var(--color1) 2px;border-radius:20px;"><legend style="font-size:45px;color:#543F2F;font-family: 'Sansilk';text-align:center;border: solid var(--color1) 2px;outline: dashed var(--color1) 2px;outline-offset:-5px;padding:15px;background:rgba(160,120,90, 1)">Your name's Closet
  551. </legend><div style="height:320px;overflow:auto;padding:5px;margin-left:5px"><div style="-webkit-column-count:3;column-gap:5px;-moz-column-count:3;column-count:3;-webkit-column-gap:5px;-moz-column-gap:5px;margin-left:0px;overflow:auto">
  552.  
  553. <!--each aesthetic-->
  554. <img src="https://i.pinimg.com/474x/7b/d0/03/7bd003ab7ec3d932e7a59636329750c8.jpg" style="width:230px;height:300px;margin-left:2px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px;">
  555.  
  556. <!--each aesthetic-->
  557. <img src="https://i.pinimg.com/474x/b6/06/ed/b606edadd74b9c08fb7c1e7d0bab3ed7.jpg" style="width:230px;height:300px;margin-left:2px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px">
  558.  
  559. <!--each aesthetic-->
  560. <img src="https://i.pinimg.com/474x/a2/57/66/a2576613cffda4467d160ed902cecf7b.jpg" style="width:230px;height:300px;margin-left:2px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px">
  561.  
  562. <!--each aesthetic-->
  563. <img src="https://i.pinimg.com/474x/c5/5f/89/c55f89152b88fd3de3256b168ebfb813.jpg" style="width:230px;height:300px;margin-left:2px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px">
  564.  
  565. <!--each aesthetic-->
  566. <img src="https://i.pinimg.com/474x/8a/da/e2/8adae2f9c8cd230a227bc59d02d6cd12.jpg" style="width:230px;height:300px;margin-left:2px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px">
  567.  
  568. <!--each aesthetic-->
  569. <img src="https://i.pinimg.com/474x/54/5f/fd/545ffdb339e5459628ff83b2311fcd8a.jpg" style="width:230px;height:300px;margin-left:2px;margin-top:10px;margin-bottom: 2px;border: #fff 2px solid;object-fit:cover;outline: 1px solid #fff;outline-offset:-6px"></div>
  570. </div>
  571. </fieldset></center></div>
  572. <!----end of closet---->
  573. <br><br>
  574. <center><div style="border-bottom: 2px solid var(--color1);width:80%;border-radius:100px"></div><div style="border-bottom: 2px solid var(--color1);width:60%;border-radius:100px;margin-top:5px"></div><div style="border-bottom: 2px solid var(--color1);width:40%;border-radius:100px;margin-top:5px"></div></center><br><br>
  575.  
  576.  
  577. </div>
  578.  
  579.  
  580. </fieldset>
  581. </div>
  582. </div>
  583. </div>
  584. </div>
  585.  
  586.  
  587. <div class="code">
  588. <!--OOG INFO-->
  589. <b style="color:var(--color4)">name. \\ timezone. \\ contact. \\ other important infos.</b>
  590. <br>
  591.  
  592. <!--CREDITS: DO NOT REMOVE-->
  593. <a href="https://plueschcodes.tumblr.com/" style="color:var(--color4);text-decoration:none;font-family:'Square Peg'"><b>☽ Plüsch Code ☾</b></a> & <a href="https://kaykodes.tumblr.com/" style="color:var(--color4);text-decoration:none;"><u><b>kay kodes</b></u></a></div></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!