Xaan's Code Storage Thingamajig

<div style="padding:20px;"><div style="border: 2px solid #000;width:60%;min-height:360px;margin:auto; padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:70px;border-left:none;position:relative;"><div class="flex-grid" style="display:flex;flex-direction:column;gap:20px;position: absolute;top: 50%;left: 0%;transform: translateX(-50%) translateY(-50%);"><div class="col"><img style="width: 75px; height:75px;object-fit:cover;border-radius:50%;" src="https://play-lh.googleusercontent.com/qyfXLNVM_cLm8NkYX7ZtNBPPnBmu1OJj0nFkaZvAg3HAFf8EzsGuwP_cNvZ6uneTEQI"></div><div class="col"><img style="width: 75px; height:75px;object-fit:cover;border-radius:50%;" src="https://play-lh.googleusercontent.com/qyfXLNVM_cLm8NkYX7ZtNBPPnBmu1OJj0nFkaZvAg3HAFf8EzsGuwP_cNvZ6uneTEQI"></div><div class="col"><img style="width: 75px; height:75px;object-fit:cover;border-radius:50%;" src="https://play-lh.googleusercontent.com/qyfXLNVM_cLm8NkYX7ZtNBPPnBmu1OJj0nFkaZvAg3HAFf8EzsGuwP_cNvZ6uneTEQI"></div></div><table style="width: 100%;"><tbody><tr><td style="width:60%;"></td><td style="border-bottom: 2px solid #000; vertical-align: bottom; font-size: 20px; font-family: georgia; font-variant: small-caps; font-style: italic; text-align: right;width:40%;">[b][color=#446fb3]CatName[/color][/b]</td></tr></tbody>
</table>

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.

</div></div><footer style="width:65%;margin:auto;font-size:9px;text-align:right;letter-spacing:1px;text-transform:uppercase;">[url=www.google.com]Image 1[/url] | [url=www.google.com]Image 2[/url] | [url=www.google.com]Image 3[/url]</footer>

<div style="width:800px; margin:auto; padding-top:20px;"> <div class="row" style="display:flex;"> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-right:10px; border:solid #bd1b00 1px; flex:1; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #bd1b00 1px; flex:0 0 120px; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> <div style="margin-right:10px;border:solid #bd1b00 1px; height:40%; flex: 1; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> </div> </div> <div class="column" style="flex:70%;"> <div style="min-height:100px; margin:auto; background-image: linear-gradient(to right, rgba(255,0,0,0),rgba(189,27,0,1), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> CATNAME </div> <div style="font-family:tangerine; font-size:30px; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">A fancy quote... </div> <div style="min-height:200px; margin:auto; background-color:#f7f6f2;"> <div style="padding:30px 20px 30px 20px; text-align:justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi morbi tempus iaculis urna id volutpat lacus. Aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis. Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque sit. Eget nunc lobortis mattis aliquam faucibus purus in massa tempor. Est sit amet facilisis magna etiam tempor orci eu. Semper quis lectus nulla at volutpat diam ut. Morbi quis commodo odio aenean. Amet aliquam id diam maecenas. Odio eu feugiat pretium nibh. Tortor aliquam nulla facilisi cras. Elementum nisi quis eleifend quam adipiscing. Semper eget duis at tellus at urna condimentum. Sit amet porttitor eget dolor morbi non arcu. Urna id volutpat lacus laoreet non curabitur. Donec adipiscing tristique risus nec.

Vitae suscipit tellus mauris a. Fermentum odio eu feugiat pretium nibh ipsum consequat nisl vel. Ultrices sagittis orci a scelerisque purus semper. Vel facilisis volutpat est velit egestas dui id. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. Commodo viverra maecenas accumsan lacus vel facilisis volutpat. Aliquet enim tortor at auctor urna nunc. Posuere lorem ipsum dolor sit amet consectetur adipiscing elit duis. Nulla aliquet enim tortor at auctor urna. Adipiscing at in tellus integer feugiat scelerisque varius morbi. Sit amet massa vitae tortor condimentum lacinia quis vel. Ac auctor augue mauris augue neque gravida. Aliquam nulla facilisi cras fermentum odio. Donec massa sapien faucibus et molestie ac. At imperdiet dui accumsan sit amet nulla facilisi.

Aliquam sem fringilla ut morbi. Consectetur lorem donec massa sapien faucibus et molestie. Id cursus metus aliquam eleifend mi in. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Dictumst quisque sagittis purus sit amet volutpat consequat mauris. Elementum pulvinar etiam non quam lacus. Dignissim cras tincidunt lobortis feugiat. Pulvinar elementum integer enim neque. Nisi porta lorem mollis aliquam ut. Lacus laoreet non curabitur gravida. Elementum sagittis vitae et leo duis ut. Est lorem ipsum dolor sit amet consectetur adipiscing elit. Accumsan lacus vel facilisis volutpat est velit. Nam aliquam sem et tortor consequat. Porttitor leo a diam sollicitudin tempor id eu nisl nunc.
</div> </div> <div style="font-family:tangerine; font-size:30px; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...for a fancy cat. </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #bd1b00 1px; flex:1; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #bd1b00 1px; flex:0 0 120px; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #bd1b00 1px; height:40%; flex: 1; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> </div> </div> </div> <div style="width:100%; height:50px; margin-top:10px; background-image: linear-gradient(to right, rgba(255,0,0,0),rgba(189,27,0,1), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> Clan • T1 Class • Pro/Nouns • #color </div> <div style="margin:auto; font-size: 12px; color:grey; text-align:center;"><b>Credits:</b> coding - [url=https://warriorclancats.forumotion.com/u5218]xaandiir[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 1[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 2[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 3[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 4[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 5[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 6[/url]</div> </div> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Tangerine:wght@400;700&display=swap" rel="stylesheet">

<div style="width:800px; margin:auto; padding-top:20px;"> <div class="row" style="display:flex;"> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-right:10px; border:solid #bd1b00 1px; flex:1; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #bd1b00 1px; flex:0 0 120px; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> <div style="margin-right:10px;border:solid #bd1b00 1px; height:40%; flex: 1; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> </div> </div> <div class="column" style="flex:70%;"> <div style="height:100px; margin:auto; background-image: linear-gradient(to right, rgba(255,0,0,0),rgba(189,27,0,1), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> CATNAME </div> <div style="font-family:tangerine; font-size:30px; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">A fancy quote... </div> <div style="height:600px; margin:auto; background-color:#f7f6f2; text-align:justify;"> <div style="padding:30px 0px 30px 0px;"><div style="padding: 0px 20px 0px 20px; height:540px; overflow-y:auto;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Urna nunc id cursus metus aliquam eleifend mi. Laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt eget. Nisl condimentum id venenatis a condimentum vitae sapien. Aliquet eget sit amet tellus cras. Feugiat in fermentum posuere urna nec tincidunt. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin nibh. In nibh mauris cursus mattis molestie a iaculis at erat. Fames ac turpis egestas maecenas pharetra convallis. Gravida arcu ac tortor dignissim convallis aenean et tortor at. Sit amet dictum sit amet justo donec enim. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales.

Proin sed libero enim sed faucibus turpis in eu. Eu facilisis sed odio morbi quis commodo odio aenean sed. Egestas maecenas pharetra convallis posuere morbi leo urna molestie. Dolor sit amet consectetur adipiscing. Diam ut venenatis tellus in metus vulputate eu. Erat nam at lectus urna duis convallis convallis tellus id. Pharetra massa massa ultricies mi quis hendrerit dolor magna. Massa massa ultricies mi quis. Consequat interdum varius sit amet. Semper eget duis at tellus at urna condimentum mattis.

Ultrices dui sapien eget mi proin sed libero enim. Est velit egestas dui id ornare arcu. Tellus mauris a diam maecenas. Consectetur libero id faucibus nisl tincidunt eget nullam. Volutpat commodo sed egestas egestas. In aliquam sem fringilla ut. Congue mauris rhoncus aenean vel elit. Velit ut tortor pretium viverra suspendisse potenti. Risus pretium quam vulputate dignissim suspendisse in. In nibh mauris cursus mattis. Nec ullamcorper sit amet risus nullam. Elementum facilisis leo vel fringilla est ullamcorper eget nulla. Neque laoreet suspendisse interdum consectetur.

Malesuada fames ac turpis egestas maecenas pharetra convallis posuere morbi. Duis tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Mauris pharetra et ultrices neque ornare aenean euismod elementum. Quam nulla porttitor massa id. In nibh mauris cursus mattis. Porta lorem mollis aliquam ut porttitor. Venenatis a condimentum vitae sapien pellentesque habitant morbi. Eu consequat ac felis donec et odio pellentesque diam volutpat. Turpis egestas maecenas pharetra convallis posuere morbi leo urna. Aliquam sem et tortor consequat id. Felis eget velit aliquet sagittis id consectetur purus. Augue interdum velit euismod in. Faucibus interdum posuere lorem ipsum dolor sit amet. Diam quis enim lobortis scelerisque fermentum dui. Quam adipiscing vitae proin sagittis nisl rhoncus mattis. Adipiscing bibendum est ultricies integer quis auctor elit sed. Enim diam vulputate ut pharetra.

Enim neque volutpat ac tincidunt vitae semper quis. Pellentesque pulvinar pellentesque habitant morbi tristique. Nunc lobortis mattis aliquam faucibus purus. Purus semper eget duis at tellus. Porta lorem mollis aliquam ut porttitor leo. Nunc scelerisque viverra mauris in. Felis bibendum ut tristique et egestas. Eget arcu dictum varius duis at. Enim ut tellus elementum sagittis vitae et leo. Leo vel fringilla est ullamcorper eget nulla. Habitasse platea dictumst vestibulum rhoncus. Lacinia at quis risus sed vulputate odio. In fermentum et sollicitudin ac orci phasellus egestas tellus. Id porta nibh venenatis cras sed felis eget velit. Condimentum mattis pellentesque id nibh tortor id aliquet lectus. Risus viverra adipiscing at in tellus integer feugiat scelerisque varius.
</div></div> </div> <div style="font-family:tangerine; font-size:30px; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...for a fancy cat. </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #bd1b00 1px; flex:1; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #bd1b00 1px; flex:0 0 120px; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #bd1b00 1px; height:40%; flex: 1; background-image:url(https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg); background-size:cover; background-position:center;"> </div> </div> </div> </div> <div style="width:100%; height:50px; margin-top:10px; background-image: linear-gradient(to right, rgba(255,0,0,0),rgba(189,27,0,1), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> Clan • T1 Class • Pro/Nouns • #color </div> <div style="margin:auto; font-size: 12px; color:grey; text-align:center;"><b>Credits:</b> coding - [url=https://warriorclancats.forumotion.com/u5218]xaandiir[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 1[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 2[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 3[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 4[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 5[/url] | [url=https://images.pexels.com/photos/1400249/pexels-photo-1400249.jpeg?cs=srgb&dl=pexels-vlasceanu-1400249.jpg&fm=jpg]image 6[/url]</div> </div> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Tangerine:wght@400;700&display=swap" rel="stylesheet">

<div style="width:800px;margin:auto; margin-top:100px;position:relative;"><div class="row" style="display:flex; flex-direction:row-reverse;"><div style="background: linear-gradient(to right, #ebd197, #b48811, #a2790d, #bb9b49);width:auto;height:auto;padding:5px;text-align:center;margin-bottom:10px; border-radius:20px;"><div style="background-color:black; color:white;padding:15px;text-align:center; border-radius:15px; font-family:courier new; font-weight:bold; font-size:1.2em; letter-spacing:0.3em;">FALCONKIT</div></div></div><div class="row"><div style="background: linear-gradient(to right, #ebd197, #b48811, #a2790d, #bb9b49);padding:5px; border-radius:20px;width:100%;min-height:170px;margin:auto;"><div style="background-image:url(https://i.imgur.com/rRxxrHt.png);background-size:cover;background-position:center;height:300px;width:200px;float:left;margin:-150px 10px 10px 20px;"></div><div style="background-color:black; color:white; padding:20px;border-radius:15px;font-family:courier new;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sagittis purus sit amet volutpat consequat mauris nunc congue. Ornare quam viverra orci sagittis eu. Dui vivamus arcu felis bibendum ut tristique et egestas quis. Risus at ultrices mi tempus imperdiet nulla malesuada pellentesque. Est sit amet facilisis magna etiam tempor orci. Nunc vel risus commodo viverra maecenas accumsan lacus. Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi. Congue eu consequat ac felis donec et. Et pharetra pharetra massa massa ultricies mi quis hendrerit. Sit amet aliquam id diam maecenas ultricies mi eget mauris. Quis risus sed vulputate odio ut enim blandit. Cursus eget nunc scelerisque viverra mauris in.

Tristique senectus et netus et malesuada fames ac turpis. Consequat mauris nunc congue nisi vitae suscipit tellus mauris a. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. In cursus turpis massa tincidunt dui ut. At risus viverra adipiscing at in tellus integer feugiat scelerisque. Sed sed risus pretium quam vulputate. Euismod elementum nisi quis eleifend quam adipiscing vitae. Felis imperdiet proin fermentum leo vel orci porta. Id donec ultrices tincidunt arcu non sodales. Leo vel fringilla est ullamcorper. Mollis nunc sed id semper risus in. Viverra accumsan in nisl nisi.

Suscipit adipiscing bibendum est ultricies integer quis auctor elit. In pellentesque massa placerat duis ultricies lacus sed. In dictum non consectetur a erat nam at. Mauris a diam maecenas sed enim ut. Nunc pulvinar sapien et ligula ullamcorper malesuada proin libero. Fames ac turpis egestas sed tempus urna et pharetra pharetra. Urna porttitor rhoncus dolor purus non enim praesent elementum facilisis. Volutpat diam ut venenatis tellus in metus. Tempor orci dapibus ultrices in. Ipsum faucibus vitae aliquet nec ullamcorper sit amet risus.</div></div></div><div class="row" style="position:absolute;right:0;font-size:0.8em;">credits ✦ coding @[url=https://warriorclancats.forumotion.com/u5218]xaandiir[/url] ✦ art @[url=https://warriorclancats.forumotion.com/u5049]downfive[/url]</div></div>

<div style="width:800px;height:600px;margin:auto;margin-top:20px;"> <div style="background:url(https://koala.sh/api/image/v2-4sy7w-wrf7f.jpg?width=1024&height=1024&dream);background-size:cover;background-position:center;width:25%;height:600px;float:left;border-radius:40px 0px 0px 40px; border:solid #669966 5px;"> </div> <div style="width:73%;height:600px;float:right;"> <div style="width:100%;height:50px;display:flex;align-items:center;"> <div style="flex-grow:1;height:10px;background:linear-gradient(to right, rgba(102,153,102,1), rgba(255,0,0,0));margin:auto;"> </div> <div style="width:auto;margin-left:15px;font-family:raleway;font-weight:200;text-transform:uppercase;font-size:2.5em;height:auto;"> Poppyshine </div> </div> <div style="height:500px;width:auto;;overflow-y:auto"> <div style="height:auto;padding:0px 30px 0px 30px;padding-left:15px;text-align:justify;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Eget lorem dolor sed viverra ipsum nunc aliquet bibendum enim. Pellentesque id nibh tortor id aliquet lectus proin nibh nisl. In aliquam sem fringilla ut morbi tincidunt augue interdum velit. Eu non diam phasellus vestibulum lorem sed risus ultricies tristique. Sapien et ligula ullamcorper malesuada proin. Nisl purus in mollis nunc sed. Amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere ac. Tincidunt id aliquet risus feugiat in.

Malesuada bibendum arcu vitae elementum curabitur vitae. Consequat semper viverra nam libero justo laoreet. Cras tincidunt lobortis feugiat vivamus at augue eget. Amet est placerat in egestas. Fermentum dui faucibus in ornare quam. Arcu dictum varius duis at consectetur lorem. Vel orci porta non pulvinar neque laoreet suspendisse. Mauris sit amet massa vitae tortor condimentum. Arcu risus quis varius quam quisque id. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus. Curabitur vitae nunc sed velit dignissim sodales ut eu. Lectus vestibulum mattis ullamcorper velit sed. Et magnis dis parturient montes nascetur ridiculus. Tellus molestie nunc non blandit massa enim nec dui. Nam libero justo laoreet sit amet cursus. Vel pretium lectus quam id. Consequat semper viverra nam libero justo.

Malesuada bibendum arcu vitae elementum curabitur vitae. Consequat semper viverra nam libero justo laoreet. Cras tincidunt lobortis feugiat vivamus at augue eget. Amet est placerat in egestas. Fermentum dui faucibus in ornare quam. Arcu dictum varius duis at consectetur lorem. Vel orci porta non pulvinar neque laoreet suspendisse. Mauris sit amet massa vitae tortor condimentum. Arcu risus quis varius quam quisque id. Odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus. Curabitur vitae nunc sed velit dignissim sodales ut eu. Lectus vestibulum mattis ullamcorper velit sed. Et magnis dis parturient montes nascetur ridiculus. Tellus molestie nunc non blandit massa enim nec dui. Nam libero justo laoreet sit amet cursus. Vel pretium lectus quam id. Consequat semper viverra nam libero justo.
</div> </div> <div style="height:50px;width:100%;position:relative;"> <div style="width:100%;height:10px;background:linear-gradient(to left, rgba(102, 153, 102,1), rgba(255,0,0,0));position:absolute;top:50%;"> </div> </div> </div> </div> <footer style="width:800px;height:auto;margin:auto;text-align:right;font-family:raleway;text-transform:uppercase;font-size:0.7em;">credits ✦ coding @[url=https://warriorclancats.forumotion.com/u5218]xaandiir[/url] ✦ [url=https://conservationcubclub.com/dilute-calico-cat-pastel-calico-cats/]photo[/url]</footer>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

<div style="background-color:#FAF9F6;width:500px;height:auto;margin:auto; display: flex; justify-content: center; align-items: center;padding-top:20px;margin-top:10px;"> <div style="flex-grow:1; height:2px;background-color:black; margin-left:20px;"> </div> <div style="width:auto; text-align:center; height:auto; margin: 0px 10px 0px 10px; font-size:2em; font-family:cormorant garamond;"> POPPYSHINE </div> <div style="flex-grow:1; height:2px;background-color:black;margin-right:20px;"> </div> </div> <div style="background-color:#FAF9F6;width:500px;height:600px;margin:auto; display: flex; align-items: center;"> <div style="background-color:#FAF9F6; width:450px; height:500px; margin:auto; text-align:justify; border: solid black 1px; padding:20px 0px 20px 0px;"> <div style="height:500px; overflow-y:scroll;padding:0px 20px 0px 20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Neque convallis a cras semper auctor neque. Adipiscing commodo elit at imperdiet dui accumsan sit. Vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Posuere ac ut consequat semper viverra nam. Sed sed risus pretium quam vulputate dignissim. Montes nascetur ridiculus mus mauris vitae. Gravida rutrum quisque non tellus orci ac auctor augue mauris. Aliquam nulla facilisi cras fermentum odio. Orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Ac tortor dignissim convallis aenean et tortor at risus viverra. Nibh venenatis cras sed felis eget. Elit duis tristique sollicitudin nibh.

Consectetur adipiscing elit pellentesque habitant. Facilisi morbi tempus iaculis urna id volutpat lacus. Ridiculus mus mauris vitae ultricies leo. Diam vulputate ut pharetra sit amet aliquam id diam maecenas. Aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis. Arcu dictum varius duis at consectetur. Leo vel orci porta non pulvinar neque. Sit amet dictum sit amet justo donec enim diam vulputate. Eu ultrices vitae auctor eu augue ut. Sapien pellentesque habitant morbi tristique senectus. In dictum non consectetur a erat nam at lectus urna. In arcu cursus euismod quis. Neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Augue mauris augue neque gravida in fermentum et. Dolor sit amet consectetur adipiscing elit ut aliquam. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper.

Mus mauris vitae ultricies leo integer malesuada. Aliquet bibendum enim facilisis gravida. Metus dictum at tempor commodo ullamcorper a lacus vestibulum. Vitae congue eu consequat ac felis donec et odio. Varius quam quisque id diam vel quam elementum pulvinar. Id consectetur purus ut faucibus pulvinar elementum integer. Sit amet luctus venenatis lectus magna fringilla. Neque volutpat ac tincidunt vitae. Nisl nisi scelerisque eu ultrices. Suspendisse ultrices gravida dictum fusce ut. Pellentesque habitant morbi tristique senectus. Tortor condimentum lacinia quis vel eros donec ac. In iaculis nunc sed augue lacus viverra vitae congue. Convallis tellus id interdum velit laoreet id. Diam quis enim lobortis scelerisque fermentum dui faucibus.
</div> </div> </div> <div style="background-color:#FAF9F6;width:500px;height:auto;margin:auto; display: flex; justify-content: center; align-items: center; padding-bottom:20px;"> <div style="flex-grow:1; height:2px;background-color:black; margin-left:20px;"> </div> <div style="width:auto; text-align:center; height:auto; margin: 0px 10px 0px 10px; font-size:0.8em; font-family:cormorant garamond;"> coding @[url=https://warriorclancats.forumotion.com/u5218]xaandiir[/url] </div> <div style="flex-grow:1; height:2px;background-color:black;margin-right:20px;"> </div> </div>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"> <div style=""> </div>

<div style="background-color:#fff4ec;width:500px;height:auto;margin:auto; display: flex; justify-content: center; align-items: center;padding-top:20px;margin-top:10px;"> <div style="flex-grow:1; height:2px;background-color:black; margin-left:20px;"> </div> <div style="width:auto; text-align:center; height:auto; margin: 0px 10px 0px 10px; font-size:2em; font-family:cormorant garamond;"> POPPYSHINE </div> <div style="flex-grow:1; height:2px;background-color:black;margin-right:20px;"> </div> </div> <div style="background: linear-gradient(#fff4ec, #cfe1b9);width:500px;height:600px;margin:auto; display: flex; align-items: center;"> <div style="width:450px; height:500px; margin:auto; text-align:justify; border: solid black 1px; padding:20px 0px 20px 0px;"> <div style="height:500px; overflow-y:scroll;padding:0px 20px 0px 20px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Neque convallis a cras semper auctor neque. Adipiscing commodo elit at imperdiet dui accumsan sit. Vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Posuere ac ut consequat semper viverra nam. Sed sed risus pretium quam vulputate dignissim. Montes nascetur ridiculus mus mauris vitae. Gravida rutrum quisque non tellus orci ac auctor augue mauris. Aliquam nulla facilisi cras fermentum odio. Orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Ac tortor dignissim convallis aenean et tortor at risus viverra. Nibh venenatis cras sed felis eget. Elit duis tristique sollicitudin nibh.

Consectetur adipiscing elit pellentesque habitant. Facilisi morbi tempus iaculis urna id volutpat lacus. Ridiculus mus mauris vitae ultricies leo. Diam vulputate ut pharetra sit amet aliquam id diam maecenas. Aliquam eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis. Arcu dictum varius duis at consectetur. Leo vel orci porta non pulvinar neque. Sit amet dictum sit amet justo donec enim diam vulputate. Eu ultrices vitae auctor eu augue ut. Sapien pellentesque habitant morbi tristique senectus. In dictum non consectetur a erat nam at lectus urna. In arcu cursus euismod quis. Neque laoreet suspendisse interdum consectetur libero id faucibus nisl. Augue mauris augue neque gravida in fermentum et. Dolor sit amet consectetur adipiscing elit ut aliquam. Hac habitasse platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper.

Mus mauris vitae ultricies leo integer malesuada. Aliquet bibendum enim facilisis gravida. Metus dictum at tempor commodo ullamcorper a lacus vestibulum. Vitae congue eu consequat ac felis donec et odio. Varius quam quisque id diam vel quam elementum pulvinar. Id consectetur purus ut faucibus pulvinar elementum integer. Sit amet luctus venenatis lectus magna fringilla. Neque volutpat ac tincidunt vitae. Nisl nisi scelerisque eu ultrices. Suspendisse ultrices gravida dictum fusce ut. Pellentesque habitant morbi tristique senectus. Tortor condimentum lacinia quis vel eros donec ac. In iaculis nunc sed augue lacus viverra vitae congue. Convallis tellus id interdum velit laoreet id. Diam quis enim lobortis scelerisque fermentum dui faucibus.
</div> </div> </div> <div style="background-color:#cfe1b9;width:500px;height:auto;margin:auto; display: flex; justify-content: center; align-items: center; padding-bottom:20px;"> <div style="flex-grow:1; height:2px;background-color:black; margin-left:20px;"> </div> <div style="width:auto; text-align:center; height:auto; margin: 0px 10px 0px 10px; font-size:0.8em; font-family:cormorant garamond;"> coding @[url=https://warriorclancats.forumotion.com/u5218]xaandiir[/url] </div> <div style="flex-grow:1; height:2px;background-color:black;margin-right:20px;"> </div> </div>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"> <div style=""> </div>

<div style="width:800px; height:auto; margin:auto; color: white; padding:10px; background: linear-gradient(45deg, #030D1B 0%, #165681 50%, #020C1A 100%);"> <div style="height;auto; margin:auto; background-color:white; padding:5px;"> <div style="height:auto; margin:auto; background-color:#020C1A; color: white;"> <div style="background: linear-gradient(to bottom, rgba(2, 12, 26,1) 0%, rgba(2, 12, 26,0)), url(https://images.unsplash.com/photo-1504622204097-3dbf2c3e7e7a?q=80&w=2158&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:bottom;background-size:contain; background-repeat:no-repeat;"> <div style="display:flex; width:100%; text-align:center; align-items:center; justify-content:center; padding:40px 0px 40px 0px;"> <div style="flex-grow:1; font-size:2.5em;"> ⋆ ｡ ° ✩ </div> <div style="width:auto; font-size:3em; font-family:pt serif; text-transform: uppercase; letter-spacing:0.3em;"> Poppyshine </div> <div style="flex-grow:1; font-size:2.5em;"> ✩ ° ｡ ⋆ </div> </div> <div style="height:2px; background-color:white; margin:0px 40px 0px 40px;"> </div> <div style="width:90%;height:auto; padding:20px; padding-bottom:200px; margin:auto; text-align:justify; ">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae tortor condimentum lacinia quis vel. Nisl vel pretium lectus quam id. Turpis egestas maecenas pharetra convallis. Id aliquet risus feugiat in ante metus. Lectus quam id leo in vitae turpis massa sed. Pretium viverra suspendisse potenti nullam. Sit amet porttitor eget dolor morbi non arcu risus quis. Lacus laoreet non curabitur gravida arcu ac tortor dignissim convallis. Gravida neque convallis a cras semper. Ut diam quam nulla porttitor massa id neque aliquam. Mauris a diam maecenas sed enim. Odio tempor orci dapibus ultrices in iaculis nunc. Ut placerat orci nulla pellentesque dignissim. Mattis enim ut tellus elementum sagittis. Placerat vestibulum lectus mauris ultrices eros. Turpis egestas sed tempus urna et pharetra. In metus vulputate eu scelerisque felis imperdiet. Semper viverra nam libero justo. Sit amet porttitor eget dolor morbi.

Mauris commodo quis imperdiet massa tincidunt. Dui nunc mattis enim ut. Elit at imperdiet dui accumsan sit amet nulla facilisi. Urna nunc id cursus metus aliquam eleifend mi in nulla. Sollicitudin tempor id eu nisl nunc mi ipsum faucibus. Amet venenatis urna cursus eget. Sem viverra aliquet eget sit. Vestibulum lectus mauris ultrices eros in. Faucibus nisl tincidunt eget nullam non. Ultricies mi eget mauris pharetra et ultrices. Sed euismod nisi porta lorem mollis aliquam ut porttitor leo. Imperdiet massa tincidunt nunc pulvinar sapien et. Tellus pellentesque eu tincidunt tortor. Neque laoreet suspendisse interdum consectetur. Viverra orci sagittis eu volutpat odio facilisis mauris sit amet. Id cursus metus aliquam eleifend mi in nulla posuere. At erat pellentesque adipiscing commodo elit. Nulla facilisi cras fermentum odio eu.

At augue eget arcu dictum varius duis. Eu turpis egestas pretium aenean pharetra magna ac. Neque convallis a cras semper auctor neque vitae. A condimentum vitae sapien pellentesque habitant morbi tristique senectus. Diam vel quam elementum pulvinar etiam non quam lacus suspendisse. Placerat duis ultricies lacus sed turpis tincidunt id aliquet risus. Sit amet risus nullam eget felis. Posuere sollicitudin aliquam ultrices sagittis orci a. Velit ut tortor pretium viverra suspendisse potenti nullam. Semper viverra nam libero justo laoreet sit amet. Pellentesque habitant morbi tristique senectus et. Sit amet justo donec enim. Commodo quis imperdiet massa tincidunt. In aliquam sem fringilla ut morbi tincidunt augue interdum. In ornare quam viverra orci sagittis eu volutpat. Tortor at risus viverra adipiscing at in tellus. Neque vitae tempus quam pellentesque nec nam aliquam sem et. Sed augue lacus viverra vitae congue eu consequat ac.
</div> </div> </div> </div> </div> <footer style="width:800px; margin:auto; text-align:right; font-family:pt serif; font-size:0.7em;">credits ✦ coding @[url=https://warriorclancats.forumotion.com/u5218]xaandiir[/url] ✦ [url=https://unsplash.com/photos/worms-eye-view-trees-at-night-uS3Zt2eyfIM]photo[/url]</footer>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"> <div style=""> </div>

<div style="width:500px; height:auto; margin:auto; display:flex; align-items:baseline;margin-top:10px;"> <div style="flex-grow:3; font-size:3em; font-family:Libre Baskerville; font-variant:small-caps;"> Poppyshine </div> <div style="flex-grow:1; text-align:right; font-family:Libre Baskerville; font-size:1.3em; font-variant:small-caps;"> She/Her </div> </div> <div style="background:url(https://images.unsplash.com/photo-1508193638397-1c4234db14d8?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NHx8Zm9yZXN0fGVufDB8MXwwfHx8MA%3D%3D); background-size:cover; width:500px; height:700px; margin:auto; border: solid black 2px; display:flex; align-items:center;"> <div style="background-color:#ffffffbf; width: 400px; height: 600px; margin:auto; display:flex; align-items:center;"> <div style="width: 400px; height:550px; margin:auto; overflow-y:auto;"> <div style="text-align:justify; margin:0px 25px 0px 25px;">
<span style="float:left; font-family:libre baskerville; font-size:4em; padding-right:15px; line-height:0.8em; font-weight:bold;">L</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque nec nam aliquam sem. Neque laoreet suspendisse interdum consectetur. A iaculis at erat pellentesque adipiscing. Tortor consequat id porta nibh venenatis cras. Tincidunt tortor aliquam nulla facilisi cras fermentum. Volutpat odio facilisis mauris sit amet massa. Mi sit amet mauris commodo quis imperdiet massa tincidunt nunc. Ac placerat vestibulum lectus mauris. Risus viverra adipiscing at in tellus integer feugiat. Blandit aliquam etiam erat velit scelerisque in dictum non consectetur. Eget nunc lobortis mattis aliquam faucibus.

Morbi leo urna molestie at elementum. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Id ornare arcu odio ut. Nibh cras pulvinar mattis nunc. Posuere sollicitudin aliquam ultrices sagittis orci a. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Tempus imperdiet nulla malesuada pellentesque elit eget. Pharetra magna ac placerat vestibulum lectus mauris ultrices. Pretium nibh ipsum consequat nisl vel pretium. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Semper viverra nam libero justo laoreet sit amet cursus. Sodales ut etiam sit amet nisl purus in. Pharetra diam sit amet nisl suscipit adipiscing bibendum. Ipsum nunc aliquet bibendum enim facilisis. Molestie at elementum eu facilisis sed odio. Ullamcorper morbi tincidunt ornare massa eget egestas purus viverra accumsan.

Integer vitae justo eget magna fermentum iaculis. Tellus pellentesque eu tincidunt tortor aliquam. Semper eget duis at tellus. Nisl vel pretium lectus quam id leo. Phasellus vestibulum lorem sed risus ultricies tristique nulla aliquet. At ultrices mi tempus imperdiet nulla. Faucibus pulvinar elementum integer enim neque volutpat ac tincidunt vitae. Accumsan tortor posuere ac ut. Pellentesque diam volutpat commodo sed. Ligula ullamcorper malesuada proin libero nunc consequat interdum varius. Interdum consectetur libero id faucibus nisl tincidunt eget nullam. At quis risus sed vulputate odio ut enim blandit. Sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi. Nunc aliquet bibendum enim facilisis gravida neque. Nunc consequat interdum varius sit amet mattis.
</div> </div> </div> </div> <footer style="width:500px; height:auto; margin:auto; text-align: right;"> coding @[url=https://warriorclancats.forumotion.com/u5218]xaandiir[/url] ✦ [url=https://unsplash.com/photos/aerial-photography-of-pine-trees-Z3NceSeZqgI]photo[/url] </footer> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet"> <div style=""> </div>