The future's in your paws. Shape it well.Roleplay in a cat Clan of warriors. Based off the Warriors series by Erin Hunter. Takes place in an AU before the cats in the books existed.
Welcome to WCC! Here are our latest announcements:
Activity checks take place on the 1st of the month. PM a staff member with the completed form if you missed it.
Greenleaf is finally here, and the clans all feel the effect of rising temperatures.
Gatherings take place on the 1st of the month; keep your eyes out for a staff member's post!
Please feel free to hit up any staff member if you have any questions!
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 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 #669966 1px; flex:1; background-image:url(https://i.pinimg.com/564x/0f/12/9f/0f129fb5f9270722f42878dc59b06686.jpg); background-size:cover; background-position:left;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #669966 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/gOMUAJM.jpeg); background-size:cover; background-position:center"> </div> <div style="margin-right:10px;border:solid #669966 1px; height:40%; flex: 1; background-image:url(https://pbs.twimg.com/media/C7gE1pqX0AES9IS?format=jpg&name=900x900); 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(102, 153, 102), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> POPPYSTAR </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">Just stop your crying... </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: 2em; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...have the time of your life. </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #669966 1px; flex:1; background-image:url(https://images.fineartamerica.com/images-medium-large-5/a-walk-in-the-garden-lynn-bauer.jpg); background-size:cover; background-669966:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #669966 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/P6t5NtR.jpeg); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #669966 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/736x/f5/87/21/f587212b084120f2bc5c964d7b4a12db.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(102, 153, 102), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> RiverClan • T5 Leader • She/Her • #669966 </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://www.pinterest.com/pin/157344580725129125/]image 1[/url] | [url=https://www.pinterest.com/pin/1014787728510186708/]image 2[/url] | [url=https://twitter.com/marionspekker/status/844430318518112256]image 3[/url] | [url=https://fineartamerica.com/featured/a-walk-in-the-garden-lynn-bauer.html?epik=dj0yJnU9WjdUX0psVld1ZnlyaGE2YXkzci1XVGxfcDVGT2xQdEImcD0wJm49bjBrLXFJeU56dTFkSmltLXdIVk9CUSZ0PUFBQUFBR1pEQ0FZ]image 4[/url] | [url=https://www.pinterest.com/pin/422281210327101/]image 5[/url] | [url=https://www.pinterest.com/pin/77616793573306389/]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">
PINEBLOSSOM
If I could tell you how I feel...
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 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 #6699ff 1px; flex:1; background-image:url(https://img.freepik.com/free-photo/vertical-closeup-shot-beautiful-green-small-flowers-field-with-blurred-natural-background_181624-2751.jpg?t=st=1715723965~exp=1715727565~hmac=008e898fdb569617b2d11e9861a1cd744213e83a9269a59eb9b785ace2d9c197&w=740); background-size:cover; background-position:left;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #6699ff 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/5LYCkJE.jpeg); background-size:cover; background-position:center"> </div> <div style="margin-right:10px;border:solid #6699ff 1px; height:40%; flex: 1; background-image:url(https://images.unsplash.com/photo-1517673069161-4b757eb3b83f?q=80&w=1638&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); 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(102, 153, 255), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> PINEBLOSSOM </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">If I could tell you how I feel... </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: 2em; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...would you know what the words meant? </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #6699ff 1px; flex:1; background-image:url(https://plus.unsplash.com/premium_photo-1670106821233-153d447788c6?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); background-size:cover; background-6699ff:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #6699ff 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/SUbQZN9.jpeg); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #6699ff 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/736x/76/ff/78/76ff78a9fa4ad3d62631f98bd45acbd2.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(102, 153, 255), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> ShadowClan • T5 Warrior • She/Her • #6699ff </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://www.freepik.com/free-photo/vertical-closeup-shot-beautiful-green-small-flowers-field-with-blurred-natural-background_7848612.htm?epik=dj0yJnU9YlJxM19MWjNkb0xzeTRMY2NoYWRrUjBZRHFMVmcxemMmcD0wJm49ZXgydk1pVjVOLVIzZGcyYkpBWVB3USZ0PUFBQUFBR1pEM3RV]image 1[/url] | [url=https://www.pinterest.com/pin/651544271071526461/]image 2[/url] | [url=https://unsplash.com/photos/photography-of-trees-in-woods-gbXX9brAONM]image 3[/url] | [url=https://unsplash.com/photos/a-snowy-forest-with-trees-aeZR-GaYxck]image 4[/url] | [url=https://www.pinterest.com/pin/422281208604201/]image 5[/url] | [url=https://www.pinterest.com/pin/846465692492881831/]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">
CROOKEDLIGHT
There's an art to life's distractions...
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 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 #ff6699 1px; flex:1; background-image:url(https://i.pinimg.com/564x/be/21/45/be21456210600ac72aaa15b8758a3093.jpg); background-size:cover; background-position:center;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #ff6699 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/uIm22rc.jpeg); background-size:cover; background-position:center"> </div> <div style="margin-right:10px;border:solid #ff6699 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/1e/5e/0e/1e5e0eab0bfd051c829c8a298673ad31.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(255, 102, 153), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> CROOKEDLIGHT </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">There's an art to life's distractions... </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: 2em; text-align:right; position:relative; top:-15px; right:5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...to somehow escape the burning weight. </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #ff6699 1px; flex:1; background-image:url(https://i.pinimg.com/564x/fa/5f/3e/fa5f3ed7abccc119940e6a8000566168.jpg); background-size:cover; background-ff6699:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #ff6699 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/xxnAcl9.jpeg); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #ff6699 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/12/69/a6/1269a62d18d79f78ebabc014f9575b21.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(255, 102, 153), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> SkyClan • T5 Warrior • He/Him • #ff6699 </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://www.pinterest.com/pin/23010648087776411/]image 1[/url] | [url=https://www.pinterest.com/pin/86835099465580662/]image 2[/url] | [url=https://www.pinterest.com/pin/6966574418880561/]image 3[/url] | [url=https://www.pinterest.com/pin/140806231270173/]image 4[/url] | [url=https://www.pinterest.com/pin/293085888267033217/]image 5[/url] | [url=https://www.pinterest.com/pin/12947917673331272/]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">
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 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 #787878 1px; flex:1; background-image:url(https://i.pinimg.com/564x/96/ac/42/96ac424e576f5f93b03e9627693ad1fd.jpg); background-size:cover; background-position:left;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #787878 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/n0VBgWA.png); background-size:cover; background-position:center"> </div> <div style="margin-right:10px;border:solid #787878 1px; height:40%; flex: 1; background-image:url(https://images.unsplash.com/photo-1570290887796-27624be22a60?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); 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(120, 120, 120), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> LARKSPRING </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">I know I'm more fool than wise... </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: 2em; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...he said to me. </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #787878 1px; flex:1; background-image:url(https://images.unsplash.com/photo-1528807571359-2472f105301b?q=80&w=1920&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); background-size:cover; background-787878:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #787878 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/TB8jzAq.png); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #787878 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/68/6f/0b/686f0b560ef21dd9e21aa2ff7acd5186.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(120, 120, 120), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> RiverClan • T5 Warrior • He/Him • #787878 </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://www.pinterest.com/pin/130885932911408916/]image 1[/url] | [url=https://cityscape-bliss.com/2017/05/feline-foodology-feline-cuisine-cat-food-review.html]image 2[/url] | [url=https://unsplash.com/photos/waterfalls-under-white-and-gray-sky-during-daytime-BGiBzTZVewM]image 3[/url] | [url=https://unsplash.com/photos/photo-of-waterfalls-RBU8XDNFL4g]image 4[/url] | [url=https://www.catbreedselector.com/cat-coat-colors-and-patterns/tuxedo-cat]image 5[/url] | [url=https://www.pinterest.com/pin/4503668371746306/]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">
WILLOWWISP
A constant uphill run...
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 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 #6abcde 1px; flex:1; background-image:url(https://i.pinimg.com/564x/4c/34/1b/4c341b34e0c7cd5b6d5310bd423eeb01.jpg); background-size:cover; background-position:left;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #6abcde 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/JyPfRiU.png); background-size:cover; background-position:center"> </div> <div style="margin-right:10px;border:solid #6abcde 1px; height:40%; flex: 1; background-image:url(https://images.unsplash.com/photo-1604951832436-90867d74f4de?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); 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(106, 188, 222), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> WILLOWWISP </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">A constant uphill run... </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: 2em; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...wrong place, wrong time. </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #6abcde 1px; flex:1; background-image:url(https://images.unsplash.com/photo-1504997565900-67b8c1e70940?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); background-size:cover; background-6abcde:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #6abcde 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/hSimPWp.jpg); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #6abcde 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/fe/b2/cf/feb2cf4039c72da818cb0d79980cc3ee.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(106, 188, 222), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> RiverClan • T5 Warrior • She/Her • #6abcde </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://www.pinterest.com/pin/133559945193678230/]image 1[/url] | [url=https://www.pinterest.com/pin/6755468172402474/]image 2[/url] | [url=https://unsplash.com/photos/brown-and-gray-rock-on-water-B8y6uvTnEvU]image 3[/url] | [url=https://unsplash.com/photos/flowing-river-7HYgJL1ldMo]image 4[/url] | [url=https://tinkerbell240677.tumblr.com/post/108828025226/nilenna-its-love-by-beboflickr]image 5[/url] | [url=https://www.pinterest.com/pin/71353975340943975/]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">
RASHOUMON
It's not so much that I want to die...
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 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://i.pinimg.com/564x/51/af/3d/51af3d400fd706a762710bf108102e43.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://i.imgur.com/JGsMOVz.png); 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.unsplash.com/photo-1578615437406-511cafe4a5c7?q=80&w=2127&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); 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), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> RASHOUMON </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">It's not so much that I want to die... </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: 2em; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...as that I'm tired of living. </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.unsplash.com/photo-1622030903197-95d7a65f902e?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); 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://i.imgur.com/wOWSen0.png); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #bd1b00 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/ca/0a/27/ca0a274fbfaf9148db36f4372bdb151a.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), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> Rogue • T1 Rogue • He/Him • #bd1b00 </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://www.pinterest.com/pin/100838479150178435/]image 1[/url] | [url=https://www.deviantart.com/cielika/art/Blacky-323490842]image 2[/url] | [url=https://unsplash.com/photos/a-group-of-red-planets-floating-in-the-sky-HQPJEEjHqSE]image 3[/url] | [url=https://unsplash.com/photos/silhouette-of-mountain-during-sunset-fCoxTk9oksg]image 4[/url] | [url=https://www.pinterest.com/pin/15058979997601100/]image 5[/url] | [url=https://www.pinterest.com/pin/1900024837687221/]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">
This is the first section of the paragraph, 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.
[size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] 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.
This is the first section of the paragraph, 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.
[size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] 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.
This is the first section of the paragraph, 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.
[size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] 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.
This is the first section of the paragraph, 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.
[size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] 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.
This is the first section of the paragraph, 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.
[size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] 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.
This is the first section of the paragraph, 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.
[size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[center][table][tr][td]<div style="width: 150px; height: 100px; border: 2px solid #6699ff;border-radius:10px; background:url(https://i.pinimg.com/564x/10/63/a7/1063a7fedc1c270b8627e589e2ec73f4.jpg); background-position: center; background-size: cover;"></div>[/td] [td]<div style="width: 150px; height: 150px; border: 2px solid #6699ff; border-radius:10px; background:url(https://i.imgur.com/txvB3vh.png); background-position: 85% 5%; background-size:170%;"></div>[/td] [td]<div style="width: 150px; height: 100px; border: 2px solid #6699ff;border-radius:10px; background:url(https://i.pinimg.com/564x/06/0f/d7/060fd7b02229f3689ec2db8fb939ba4c.jpg); background-position: bottom; background-size: cover;"></div>[/td] [/tr][/table][/center] <div style="max-width:100%; margin: auto; margin-top:10px; padding: 20px; text-align:center;"> <div style="font-family:great vibes; font-size:100px;letter-spacing:5px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;text-align:center;color:#6699ff;"> Pineblossom</div> <div style="width:70%; min-height:200px;margin:auto;background:white;border:3px solid #6699ff; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;"> [size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper sit amet risus nullam eget felis eget nunc lobortis. Vel eros donec ac odio tempor orci dapibus ultrices. Malesuada fames ac turpis egestas integer eget aliquet nibh. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Gravida quis blandit turpis cursus in hac. Id eu nisl nunc mi. Aliquam ut porttitor leo a diam sollicitudin tempor id. Iaculis urna id volutpat lacus laoreet non curabitur gravida. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Quam id leo in vitae turpis. Elit ut aliquam purus sit amet luctus venenatis lectus. Velit scelerisque in dictum non consectetur a. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Nunc sed blandit libero volutpat sed. Ut faucibus pulvinar elementum integer enim.
Ac tortor dignissim convallis aenean. Ornare massa eget egestas purus viverra accumsan. Nunc faucibus a pellentesque sit. Accumsan tortor posuere ac ut consequat semper viverra. Velit laoreet id donec ultrices. Odio pellentesque diam volutpat commodo sed. Ante in nibh mauris cursus mattis molestie a. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Tincidunt dui ut ornare lectus sit. Diam sit amet nisl suscipit adipiscing bibendum. Nunc pulvinar sapien et ligula. Orci phasellus egestas tellus rutrum. Nec dui nunc mattis enim ut tellus elementum sagittis. Neque sodales ut etiam sit amet nisl purus. Euismod nisi porta lorem mollis aliquam ut. Netus et malesuada fames ac turpis egestas integer eget aliquet.
Duis at tellus at urna condimentum mattis pellentesque id nibh. Maecenas pharetra convallis posuere morbi leo urna. Curabitur vitae nunc sed velit. Ut etiam sit amet nisl purus in mollis nunc sed. Pellentesque massa placerat duis ultricies lacus sed turpis. Et leo duis ut diam quam nulla porttitor massa. Purus faucibus ornare suspendisse sed nisi lacus sed. Magna sit amet purus gravida quis. Quis eleifend quam adipiscing vitae proin sagittis. Quam nulla porttitor massa id. Scelerisque varius morbi enim nunc faucibus a. Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices eros. Vestibulum sed arcu non odio euismod. </div><div style="width:70%;margin: auto;margin-top:10px;background:white;border:3px solid #6699ff; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;font-family: garamond; font-size: 14px; font-weight:bold; letter-spacing: 2px;text-align:center; font-style:bold; color:#abc7ff;">ShadowClan • T5 Warrior • She/Her • 70 | 160 • #6699ff</div><div style="margin-center; font-family: garamond; font-size: 12px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color:#595959; text-align:center;"><b>Credits:</b> code inspiration - [url=https://warriorclancats.forumotion.com/t50049-crisis-code-testing-storage][u]1[/u][/url] [url=https://warriorclancats.forumotion.com/u5379][u]2[/u][/url] | [url=https://www.pinterest.com/pin/343399540348642882/][u]image 1[/u][/url] | [url=https://www.deviantart.com/mahoba/art/big-dark-brown-cat-93467787][u]image 2[/u][/url] | [url=https://www.pinterest.com/pin/964614813912717394/][u]image 3[/u][/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=Great+Vibes&family=Open+Sans:wght@400&display=swap" rel="stylesheet">
[center][table][tr][td]<div style="width: 150px; height: 100px; border: 2px solid #669966;border-radius:10px; background:url(https://i.pinimg.com/564x/d1/b1/5c/d1b15c82f71c2bd627f1169903be0c6c.jpg); background-position: center; background-size: cover;"></div>[/td] [td]<div style="width: 150px; height: 150px; border: 2px solid #669966; border-radius:10px; background:url(https://cf.ltkcdn.net/cats/cat-breeds/images/std/326702-800x533-dilute-calico-cats.webp); background-position: center; background-size:cover;"></div>[/td] [td]<div style="width: 150px; height: 100px; border: 2px solid #669966;border-radius:10px; background:url(https://i.pinimg.com/564x/5c/99/74/5c9974295fe0ceaf2382f41733369fa1.jpg); background-position: center; background-size: cover;"></div>[/td] [/tr][/table][/center] <div style="max-width:100%; margin: auto; margin-top:10px; padding: 20px; text-align:center;"> <div style="font-family:great vibes; font-size:100px;letter-spacing:5px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;text-align:center;color:#669966;"> Poppyshine</div> <div style="width:70%; min-height:200px;margin:auto;background:white;border:3px solid #669966; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;"> [size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper sit amet risus nullam eget felis eget nunc lobortis. Vel eros donec ac odio tempor orci dapibus ultrices. Malesuada fames ac turpis egestas integer eget aliquet nibh. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Gravida quis blandit turpis cursus in hac. Id eu nisl nunc mi. Aliquam ut porttitor leo a diam sollicitudin tempor id. Iaculis urna id volutpat lacus laoreet non curabitur gravida. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Quam id leo in vitae turpis. Elit ut aliquam purus sit amet luctus venenatis lectus. Velit scelerisque in dictum non consectetur a. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Nunc sed blandit libero volutpat sed. Ut faucibus pulvinar elementum integer enim.
Ac tortor dignissim convallis aenean. Ornare massa eget egestas purus viverra accumsan. Nunc faucibus a pellentesque sit. Accumsan tortor posuere ac ut consequat semper viverra. Velit laoreet id donec ultrices. Odio pellentesque diam volutpat commodo sed. Ante in nibh mauris cursus mattis molestie a. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Tincidunt dui ut ornare lectus sit. Diam sit amet nisl suscipit adipiscing bibendum. Nunc pulvinar sapien et ligula. Orci phasellus egestas tellus rutrum. Nec dui nunc mattis enim ut tellus elementum sagittis. Neque sodales ut etiam sit amet nisl purus. Euismod nisi porta lorem mollis aliquam ut. Netus et malesuada fames ac turpis egestas integer eget aliquet.
Duis at tellus at urna condimentum mattis pellentesque id nibh. Maecenas pharetra convallis posuere morbi leo urna. Curabitur vitae nunc sed velit. Ut etiam sit amet nisl purus in mollis nunc sed. Pellentesque massa placerat duis ultricies lacus sed turpis. Et leo duis ut diam quam nulla porttitor massa. Purus faucibus ornare suspendisse sed nisi lacus sed. Magna sit amet purus gravida quis. Quis eleifend quam adipiscing vitae proin sagittis. Quam nulla porttitor massa id. Scelerisque varius morbi enim nunc faucibus a. Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices eros. Vestibulum sed arcu non odio euismod. </div><div style="width:70%;margin: auto;margin-top:10px;background:white;border:3px solid #669966; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;font-family: garamond; font-size: 14px; font-weight:bold; letter-spacing: 2px;text-align:center; font-style:bold; color:#97c797;">RiverClan • T5 Deputy • She/Her • 70 | 160 • #669966</div><div style="margin-center; font-family: garamond; font-size: 12px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color:#595959; text-align:center;"><b>Credits:</b> code inspiration - [url=https://warriorclancats.forumotion.com/t50049-crisis-code-testing-storage][u]1[/u][/url] [url=https://warriorclancats.forumotion.com/u5379][u]2[/u][/url] | [url=https://www.pinterest.com/pin/63894888469894921/][u]image 1[/u][/url] | [url=https://www.lovetoknowpets.com/cats/rare-cat-color][u]image 2[/u][/url] | [url=https://www.pinterest.com/pin/17451517299413908/][u]image 3[/u][/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=Great+Vibes&family=Open+Sans:wght@400&display=swap" rel="stylesheet">
[center][table] [tr][td]<div style="width: 150px; height: 100px; border: 2px solid #9999cc;border-radius:10px; background:url(https://images.unsplash.com/photo-1587925001065-4084f9da1a24?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80); background-position: bottom; background-size: cover;"></div>[/td] [td]<div style="width: 150px; height: 150px; border: 2px solid #9999cc; border-radius:10px; background:url(https://i.imgur.com/TYGINYI.jpg); background-position: 60% 0%; background-size:250%;"></div>[/td] [td]<div style="width: 150px; height: 100px; border: 2px solid #9999cc;border-radius:10px; background:url(https://images.unsplash.com/photo-1515767703468-b3ff6f3d4c99?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=880&q=80); background-position: center; background-size: cover;"></div>[/td] [/tr] [/table] [/center] <div style="max-width:100%; margin: auto; margin-top:10px; padding: 20px; text-align:center;"> <div style="font-family:great vibes; font-size:100px;letter-spacing:5px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;text-align:center;color:#9999cc;"> Whisperear</div> <div style="width:70%; min-height:200px;margin:auto;background:white;border:3px solid #9999cc; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;"> [size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper sit amet risus nullam eget felis eget nunc lobortis. Vel eros donec ac odio tempor orci dapibus ultrices. Malesuada fames ac turpis egestas integer eget aliquet nibh. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Gravida quis blandit turpis cursus in hac. Id eu nisl nunc mi. Aliquam ut porttitor leo a diam sollicitudin tempor id. Iaculis urna id volutpat lacus laoreet non curabitur gravida. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Quam id leo in vitae turpis. Elit ut aliquam purus sit amet luctus venenatis lectus. Velit scelerisque in dictum non consectetur a. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Nunc sed blandit libero volutpat sed. Ut faucibus pulvinar elementum integer enim.
Ac tortor dignissim convallis aenean. Ornare massa eget egestas purus viverra accumsan. Nunc faucibus a pellentesque sit. Accumsan tortor posuere ac ut consequat semper viverra. Velit laoreet id donec ultrices. Odio pellentesque diam volutpat commodo sed. Ante in nibh mauris cursus mattis molestie a. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Tincidunt dui ut ornare lectus sit. Diam sit amet nisl suscipit adipiscing bibendum. Nunc pulvinar sapien et ligula. Orci phasellus egestas tellus rutrum. Nec dui nunc mattis enim ut tellus elementum sagittis. Neque sodales ut etiam sit amet nisl purus. Euismod nisi porta lorem mollis aliquam ut. Netus et malesuada fames ac turpis egestas integer eget aliquet.
Duis at tellus at urna condimentum mattis pellentesque id nibh. Maecenas pharetra convallis posuere morbi leo urna. Curabitur vitae nunc sed velit. Ut etiam sit amet nisl purus in mollis nunc sed. Pellentesque massa placerat duis ultricies lacus sed turpis. Et leo duis ut diam quam nulla porttitor massa. Purus faucibus ornare suspendisse sed nisi lacus sed. Magna sit amet purus gravida quis. Quis eleifend quam adipiscing vitae proin sagittis. Quam nulla porttitor massa id. Scelerisque varius morbi enim nunc faucibus a. Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices eros. Vestibulum sed arcu non odio euismod. </div><div style="width:70%;margin: auto;margin-top:10px;background:white;border:3px solid #9999cc; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;font-family: garamond; font-size: 14px; font-weight:bold; letter-spacing: 2px;text-align:center; font-style:bold; color:#b6b6e3;">WindClan • T5 Elder • They/Them • 65 | 130 • #9999cc</div><div style="margin-center; font-family: garamond; font-size: 12px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color:#595959; text-align:center;"><b>Credits:</b> code inspiration - [url=https://warriorclancats.forumotion.com/t50049-crisis-code-testing-storage][u]1[/u][/url] [url=https://warriorclancats.forumotion.com/u5379][u]2[/u][/url] | [url=https://unsplash.com/][u]image 1[/u][/url] | [url=https://www.thesprucepets.com/oriental-shorthair-cat-breed-profile-4774945][u]image 2[/u][/url] | [url=https://unsplash.com/@thomholmes][u]image 3[/u][/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=Great+Vibes&family=Open+Sans:wght@400&display=swap" rel="stylesheet">
[center][table][tr][td]<div style="width: 150px; height: 100px; border: 2px solid #ff6699;border-radius:10px; background:url(https://i.pinimg.com/564x/85/e3/11/85e311712b24cefae3ed4445b0a434e1.jpg); background-position: center; background-size: cover;"></div>[/td] [td]<div style="width: 150px; height: 150px; border: 2px solid #ff6699; border-radius:10px; background:url(https://images.saymedia-content.com/.image/t_share/MTc0OTY4MDk2OTIxMTY3ODQw/bicolor-patterns-in-cats.jpg); background-position: 23% 5%; background-size:300%;"></div>[/td] [td]<div style="width: 150px; height: 100px; border: 2px solid #ff6699;border-radius:10px; background:url(https://e0.pxfuel.com/wallpapers/946/944/desktop-wallpaper-red-aesthetic-tumblr-love-aesthetic-tumblr.jpg); background-position: 5% 11%; background-size: 200%;"></div>[/td] [/tr][/table][/center] <div style="max-width:100%; margin: auto; margin-top:10px; padding: 20px; text-align:center;"> <div style="font-family:great vibes; font-size:100px;letter-spacing:5px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;text-align:center;color:#ff6699;"> Crookedlight</div> <div style="width:70%; min-height:200px;margin:auto;background:white;border:3px solid #ff6699; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;"> [size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper sit amet risus nullam eget felis eget nunc lobortis. Vel eros donec ac odio tempor orci dapibus ultrices. Malesuada fames ac turpis egestas integer eget aliquet nibh. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Gravida quis blandit turpis cursus in hac. Id eu nisl nunc mi. Aliquam ut porttitor leo a diam sollicitudin tempor id. Iaculis urna id volutpat lacus laoreet non curabitur gravida. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Quam id leo in vitae turpis. Elit ut aliquam purus sit amet luctus venenatis lectus. Velit scelerisque in dictum non consectetur a. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Nunc sed blandit libero volutpat sed. Ut faucibus pulvinar elementum integer enim.
Ac tortor dignissim convallis aenean. Ornare massa eget egestas purus viverra accumsan. Nunc faucibus a pellentesque sit. Accumsan tortor posuere ac ut consequat semper viverra. Velit laoreet id donec ultrices. Odio pellentesque diam volutpat commodo sed. Ante in nibh mauris cursus mattis molestie a. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Tincidunt dui ut ornare lectus sit. Diam sit amet nisl suscipit adipiscing bibendum. Nunc pulvinar sapien et ligula. Orci phasellus egestas tellus rutrum. Nec dui nunc mattis enim ut tellus elementum sagittis. Neque sodales ut etiam sit amet nisl purus. Euismod nisi porta lorem mollis aliquam ut. Netus et malesuada fames ac turpis egestas integer eget aliquet.
Duis at tellus at urna condimentum mattis pellentesque id nibh. Maecenas pharetra convallis posuere morbi leo urna. Curabitur vitae nunc sed velit. Ut etiam sit amet nisl purus in mollis nunc sed. Pellentesque massa placerat duis ultricies lacus sed turpis. Et leo duis ut diam quam nulla porttitor massa. Purus faucibus ornare suspendisse sed nisi lacus sed. Magna sit amet purus gravida quis. Quis eleifend quam adipiscing vitae proin sagittis. Quam nulla porttitor massa id. Scelerisque varius morbi enim nunc faucibus a. Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices eros. Vestibulum sed arcu non odio euismod. </div><div style="width:70%;margin: auto;margin-top:10px;background:white;border:3px solid #ff6699; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;font-family: garamond; font-size: 14px; font-weight:bold; letter-spacing: 2px;text-align:center; font-style:bold; color:#ffa6c3;">SkyClan • T5 Warrior • He/Him • 70 | 160 • #ff6699</div><div style="margin-center; font-family: garamond; font-size: 12px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color:#595959; text-align:center;"><b>Credits:</b> code inspiration - [url=https://warriorclancats.forumotion.com/t50049-crisis-code-testing-storage][u]1[/u][/url] [url=https://warriorclancats.forumotion.com/u5379][u]2[/u][/url] | [url=https://www.pinterest.com/pin/947726315319509736/][u]image 1[/u][/url] | [url=https://pethelpful.com/cats/Bicolor-Patterns-in-Cats][u]image 2[/u][/url] | [url=https://www.pxfuel.com/en/desktop-wallpaper-tjgzz][u]image 3[/u][/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=Great+Vibes&family=Open+Sans:wght@400&display=swap" rel="stylesheet">
[center][table][tr][td]<div style="width: 150px; height: 100px; border: 2px solid #787878;border-radius:10px; background:url(https://i.pinimg.com/564x/93/df/6d/93df6da1045d0537e4966ff885ce4084.jpg); background-position: 40% 35%; background-size: 110%;"></div>[/td] [td]<div style="width: 150px; height: 150px; border: 2px solid #787878; border-radius:10px; background:url(https://www.catbreedselector.com/wp-content/uploads/2020/02/Male-Tuxedo-Cat.jpg); background-position: 60% 10%; background-size:300%;"></div>[/td] [td]<div style="width: 150px; height: 100px; border: 2px solid #787878;border-radius:10px; background:url(https://i.pinimg.com/564x/83/eb/5e/83eb5e9189158930c22be5c88808900b.jpg); background-position: 0% 90%; background-size: cover;"></div>[/td] [/tr][/table][/center] <div style="max-width:100%; margin: auto; margin-top:10px; padding: 20px; text-align:center;"> <div style="font-family:great vibes; font-size:100px;letter-spacing:5px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;text-align:center;color:#787878;"> Larkspring</div> <div style="width:70%; min-height:200px;margin:auto;background:white;border:3px solid #787878; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;"> [size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper sit amet risus nullam eget felis eget nunc lobortis. Vel eros donec ac odio tempor orci dapibus ultrices. Malesuada fames ac turpis egestas integer eget aliquet nibh. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Gravida quis blandit turpis cursus in hac. Id eu nisl nunc mi. Aliquam ut porttitor leo a diam sollicitudin tempor id. Iaculis urna id volutpat lacus laoreet non curabitur gravida. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Quam id leo in vitae turpis. Elit ut aliquam purus sit amet luctus venenatis lectus. Velit scelerisque in dictum non consectetur a. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Nunc sed blandit libero volutpat sed. Ut faucibus pulvinar elementum integer enim.
Ac tortor dignissim convallis aenean. Ornare massa eget egestas purus viverra accumsan. Nunc faucibus a pellentesque sit. Accumsan tortor posuere ac ut consequat semper viverra. Velit laoreet id donec ultrices. Odio pellentesque diam volutpat commodo sed. Ante in nibh mauris cursus mattis molestie a. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Tincidunt dui ut ornare lectus sit. Diam sit amet nisl suscipit adipiscing bibendum. Nunc pulvinar sapien et ligula. Orci phasellus egestas tellus rutrum. Nec dui nunc mattis enim ut tellus elementum sagittis. Neque sodales ut etiam sit amet nisl purus. Euismod nisi porta lorem mollis aliquam ut. Netus et malesuada fames ac turpis egestas integer eget aliquet.
Duis at tellus at urna condimentum mattis pellentesque id nibh. Maecenas pharetra convallis posuere morbi leo urna. Curabitur vitae nunc sed velit. Ut etiam sit amet nisl purus in mollis nunc sed. Pellentesque massa placerat duis ultricies lacus sed turpis. Et leo duis ut diam quam nulla porttitor massa. Purus faucibus ornare suspendisse sed nisi lacus sed. Magna sit amet purus gravida quis. Quis eleifend quam adipiscing vitae proin sagittis. Quam nulla porttitor massa id. Scelerisque varius morbi enim nunc faucibus a. Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices eros. Vestibulum sed arcu non odio euismod. </div><div style="width:70%;margin: auto;margin-top:10px;background:white;border:3px solid #787878; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;font-family: garamond; font-size: 14px; font-weight:bold; letter-spacing: 2px;text-align:center; font-style:bold; color:#b3b3b3;">RiverClan • T5 Warrior • He/Him • 70 | 160 • #787878</div><div style="margin-center; font-family: garamond; font-size: 12px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color:#595959; text-align:center;"><b>Credits:</b> code inspiration - [url=https://warriorclancats.forumotion.com/t50049-crisis-code-testing-storage][u]1[/u][/url] [url=https://warriorclancats.forumotion.com/u5379][u]2[/u][/url] | [url=https://www.pinterest.com/pin/4292562131978321/][u]image 1[/u][/url] | [url=https://www.catbreedselector.com/cat-coat-colors-and-patterns/tuxedo-cat][u]image 2[/u][/url] | [url=https://www.pinterest.com/pin/9007267991762106/][u]image 3[/u][/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=Great+Vibes&family=Open+Sans:wght@400&display=swap" rel="stylesheet">
[center][table][tr][td]<div style="width: 150px; height: 100px; border: 2px solid #6abcde;border-radius:10px; background:url(https://i.pinimg.com/564x/f1/ae/87/f1ae8741b357dfff7857494b11cfa7e1.jpg); background-position: 40% 35%; background-size: 110%;"></div>[/td] [td]<div style="width: 150px; height: 150px; border: 2px solid #6abcde; border-radius:10px; background:url(https://i.imgur.com/xIFe37C.jpeg); background-position: top; background-size:cover;"></div>[/td] [td]<div style="width: 150px; height: 100px; border: 2px solid #6abcde;border-radius:10px; background:url(https://i.pinimg.com/564x/a3/5d/5f/a35d5f09474def28ce1ce595eab2bd58.jpg); background-position: top; background-size: 100%;"></div>[/td] [/tr][/table][/center] <div style="max-width:100%; margin: auto; margin-top:10px; padding: 20px; text-align:center;"> <div style="font-family:great vibes; font-size:100px;letter-spacing:5px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;text-align:center;color:#6abcde;"> Willowwisp</div> <div style="width:70%; min-height:200px;margin:auto;background:white;border:3px solid #6abcde; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;"> [size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper sit amet risus nullam eget felis eget nunc lobortis. Vel eros donec ac odio tempor orci dapibus ultrices. Malesuada fames ac turpis egestas integer eget aliquet nibh. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Gravida quis blandit turpis cursus in hac. Id eu nisl nunc mi. Aliquam ut porttitor leo a diam sollicitudin tempor id. Iaculis urna id volutpat lacus laoreet non curabitur gravida. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Quam id leo in vitae turpis. Elit ut aliquam purus sit amet luctus venenatis lectus. Velit scelerisque in dictum non consectetur a. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Nunc sed blandit libero volutpat sed. Ut faucibus pulvinar elementum integer enim.
Ac tortor dignissim convallis aenean. Ornare massa eget egestas purus viverra accumsan. Nunc faucibus a pellentesque sit. Accumsan tortor posuere ac ut consequat semper viverra. Velit laoreet id donec ultrices. Odio pellentesque diam volutpat commodo sed. Ante in nibh mauris cursus mattis molestie a. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Tincidunt dui ut ornare lectus sit. Diam sit amet nisl suscipit adipiscing bibendum. Nunc pulvinar sapien et ligula. Orci phasellus egestas tellus rutrum. Nec dui nunc mattis enim ut tellus elementum sagittis. Neque sodales ut etiam sit amet nisl purus. Euismod nisi porta lorem mollis aliquam ut. Netus et malesuada fames ac turpis egestas integer eget aliquet.
Duis at tellus at urna condimentum mattis pellentesque id nibh. Maecenas pharetra convallis posuere morbi leo urna. Curabitur vitae nunc sed velit. Ut etiam sit amet nisl purus in mollis nunc sed. Pellentesque massa placerat duis ultricies lacus sed turpis. Et leo duis ut diam quam nulla porttitor massa. Purus faucibus ornare suspendisse sed nisi lacus sed. Magna sit amet purus gravida quis. Quis eleifend quam adipiscing vitae proin sagittis. Quam nulla porttitor massa id. Scelerisque varius morbi enim nunc faucibus a. Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices eros. Vestibulum sed arcu non odio euismod. </div><div style="width:70%;margin: auto;margin-top:10px;background:white;border:3px solid #6abcde; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;font-family: garamond; font-size: 14px; font-weight:bold; letter-spacing: 2px;text-align:center; font-style:bold; color:#86d1f0;">RiverClan • T5 Warrior • She/Her • 70 | 160 • #6abcde</div><div style="margin-center; font-family: garamond; font-size: 12px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color:#595959; text-align:center;"><b>Credits:</b> code inspiration - [url=https://warriorclancats.forumotion.com/t50049-crisis-code-testing-storage][u]1[/u][/url] [url=https://warriorclancats.forumotion.com/u5379][u]2[/u][/url] | [url=https://www.pinterest.com/pin/24418022970601288/][u]image 1[/u][/url] | [url=https://www.pinterest.com/pin/516506651026083123/][u]image 2[/u][/url] | [url=https://www.pinterest.com/pin/370984088067725394/][u]image 3[/u][/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=Great+Vibes&family=Open+Sans:wght@400&display=swap" rel="stylesheet">
[center][table][tr][td]<div style="width: 150px; height: 100px; border: 2px solid #bd1b00;border-radius:10px; background:url(https://i.pinimg.com/564x/07/12/4d/07124d9527dd3a65c118145115c2af06.jpg); background-position: center; background-size: cover;"></div>[/td] [td]<div style="width: 150px; height: 150px; border: 2px solid #bd1b00; border-radius:10px; background:url(https://i.imgur.com/wOWSen0.png); background-size:120%; background-position:center;"></div>[/td] [td]<div style="width: 150px; height: 100px; border: 2px solid #bd1b00;border-radius:10px; background:url(https://i.pinimg.com/564x/7f/77/e3/7f77e3c37be89ab12ee9f2be0607b2db.jpg); background-position: top; background-size: cover; transform: scaleX(-1);"></div>[/td] [/tr][/table][/center] <div style="max-width:100%; margin: auto; margin-top:10px; padding: 20px; text-align:center;"> <div style="font-family:great vibes; font-size:100px;letter-spacing:5px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;text-align:center;color:#bd1b00;"> Rashoumon</div> <div style="width:70%; min-height:200px;margin:auto;background:white;border:3px solid #bd1b00; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;"> [size=18][b][i]This is the first section of the paragraph,[/i][/b][/size] Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ullamcorper sit amet risus nullam eget felis eget nunc lobortis. Vel eros donec ac odio tempor orci dapibus ultrices. Malesuada fames ac turpis egestas integer eget aliquet nibh. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Gravida quis blandit turpis cursus in hac. Id eu nisl nunc mi. Aliquam ut porttitor leo a diam sollicitudin tempor id. Iaculis urna id volutpat lacus laoreet non curabitur gravida. In nisl nisi scelerisque eu ultrices vitae auctor eu augue. Quam id leo in vitae turpis. Elit ut aliquam purus sit amet luctus venenatis lectus. Velit scelerisque in dictum non consectetur a. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Nunc sed blandit libero volutpat sed. Ut faucibus pulvinar elementum integer enim.
Ac tortor dignissim convallis aenean. Ornare massa eget egestas purus viverra accumsan. Nunc faucibus a pellentesque sit. Accumsan tortor posuere ac ut consequat semper viverra. Velit laoreet id donec ultrices. Odio pellentesque diam volutpat commodo sed. Ante in nibh mauris cursus mattis molestie a. Etiam tempor orci eu lobortis elementum nibh tellus molestie nunc. Vitae tempus quam pellentesque nec nam aliquam sem et tortor. Tincidunt dui ut ornare lectus sit. Diam sit amet nisl suscipit adipiscing bibendum. Nunc pulvinar sapien et ligula. Orci phasellus egestas tellus rutrum. Nec dui nunc mattis enim ut tellus elementum sagittis. Neque sodales ut etiam sit amet nisl purus. Euismod nisi porta lorem mollis aliquam ut. Netus et malesuada fames ac turpis egestas integer eget aliquet.
Duis at tellus at urna condimentum mattis pellentesque id nibh. Maecenas pharetra convallis posuere morbi leo urna. Curabitur vitae nunc sed velit. Ut etiam sit amet nisl purus in mollis nunc sed. Pellentesque massa placerat duis ultricies lacus sed turpis. Et leo duis ut diam quam nulla porttitor massa. Purus faucibus ornare suspendisse sed nisi lacus sed. Magna sit amet purus gravida quis. Quis eleifend quam adipiscing vitae proin sagittis. Quam nulla porttitor massa id. Scelerisque varius morbi enim nunc faucibus a. Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices eros. Vestibulum sed arcu non odio euismod. </div><div style="width:70%;margin: auto;margin-top:10px;background:white;border:3px solid #bd1b00; border-radius: 7px; padding:20px 30px; text-align:left; font-family:open sans;font-family: garamond; font-size: 14px; font-weight:bold; letter-spacing: 2px;text-align:center; font-style:bold; color:#bd1b0050;">ShadowClan • T5 Warrior • She/Her • 70 | 160 • #bd1b00</div><div style="margin-center; font-family: garamond; font-size: 12px; text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; color:#595959; text-align:center;"><b>Credits:</b> code inspiration - [url=https://warriorclancats.forumotion.com/t50049-crisis-code-testing-storage][u]1[/u][/url] [url=https://warriorclancats.forumotion.com/u5379][u]2[/u][/url] | [url=https://www.pinterest.com/pin/332773859961241929/][u]image 1[/u][/url] | [url=https://www.pinterest.com/pin/15058979997601100/][u]image 2[/u][/url] | [url=https://www.pinterest.com/pin/964614813912717394/][u]image 3[/u][/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=Great+Vibes&family=Open+Sans:wght@400&display=swap" rel="stylesheet">
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 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 #669966 1px; flex:1; background-image:url(https://i.pinimg.com/564x/0f/12/9f/0f129fb5f9270722f42878dc59b06686.jpg); background-size:cover; background-position:left;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #669966 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/gOMUAJM.jpeg); background-size:cover; background-position:center"> </div> <div style="margin-right:10px;border:solid #669966 1px; height:40%; flex: 1; background-image:url(https://pbs.twimg.com/media/C7gE1pqX0AES9IS?format=jpg&name=900x900); 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(102, 153, 102), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> POPPYSTAR </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">Just stop your crying... </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: 2em; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...have the time of your life. </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #669966 1px; flex:1; background-image:url(https://images.fineartamerica.com/images-medium-large-5/a-walk-in-the-garden-lynn-bauer.jpg); background-size:cover; background-669966:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #669966 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/P6t5NtR.jpeg); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #669966 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/736x/f5/87/21/f587212b084120f2bc5c964d7b4a12db.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(102, 153, 102), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> RiverClan • T5 Leader • She/Her • #669966 </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://www.pinterest.com/pin/157344580725129125/]image 1[/url] | [url=https://www.pinterest.com/pin/1014787728510186708/]image 2[/url] | [url=https://twitter.com/marionspekker/status/844430318518112256]image 3[/url] | [url=https://fineartamerica.com/featured/a-walk-in-the-garden-lynn-bauer.html?epik=dj0yJnU9WjdUX0psVld1ZnlyaGE2YXkzci1XVGxfcDVGT2xQdEImcD0wJm49bjBrLXFJeU56dTFkSmltLXdIVk9CUSZ0PUFBQUFBR1pEQ0FZ]image 4[/url] | [url=https://www.pinterest.com/pin/422281210327101/]image 5[/url] | [url=https://www.pinterest.com/pin/77616793573306389/]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">
PINEBLOSSOM
If I could tell you how I feel...
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 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 #6699ff 1px; flex:1; background-image:url(https://img.freepik.com/free-photo/vertical-closeup-shot-beautiful-green-small-flowers-field-with-blurred-natural-background_181624-2751.jpg?t=st=1715723965~exp=1715727565~hmac=008e898fdb569617b2d11e9861a1cd744213e83a9269a59eb9b785ace2d9c197&w=740); background-size:cover; background-position:left;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #6699ff 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/5LYCkJE.jpeg); background-size:cover; background-position:center"> </div> <div style="margin-right:10px;border:solid #6699ff 1px; height:40%; flex: 1; background-image:url(https://images.unsplash.com/photo-1517673069161-4b757eb3b83f?q=80&w=1638&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); 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(102, 153, 255), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> PINEBLOSSOM </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">If I could tell you how I feel... </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: 2em; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...would you know what the words meant? </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #6699ff 1px; flex:1; background-image:url(https://plus.unsplash.com/premium_photo-1670106821233-153d447788c6?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); background-size:cover; background-6699ff:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #6699ff 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/SUbQZN9.jpeg); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #6699ff 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/736x/76/ff/78/76ff78a9fa4ad3d62631f98bd45acbd2.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(102, 153, 255), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> ShadowClan • T5 Warrior • She/Her • #6699ff </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://www.freepik.com/free-photo/vertical-closeup-shot-beautiful-green-small-flowers-field-with-blurred-natural-background_7848612.htm?epik=dj0yJnU9YlJxM19MWjNkb0xzeTRMY2NoYWRrUjBZRHFMVmcxemMmcD0wJm49ZXgydk1pVjVOLVIzZGcyYkpBWVB3USZ0PUFBQUFBR1pEM3RV]image 1[/url] | [url=https://www.pinterest.com/pin/651544271071526461/]image 2[/url] | [url=https://unsplash.com/photos/photography-of-trees-in-woods-gbXX9brAONM]image 3[/url] | [url=https://unsplash.com/photos/a-snowy-forest-with-trees-aeZR-GaYxck]image 4[/url] | [url=https://www.pinterest.com/pin/422281208604201/]image 5[/url] | [url=https://www.pinterest.com/pin/846465692492881831/]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">
WHISPEREAR
And don't you forget...
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 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 #9999cc 1px; flex:1; background-image:url(https://i.pinimg.com/564x/76/24/3c/76243cf2b8cc88e6b675918b6149fcd1.jpg); background-size:cover; background-position:left;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #9999cc 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/0z6Xpbc.jpeg); background-size:cover; background-position:center"> </div> <div style="margin-right:10px;border:solid #9999cc 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/59/ff/40/59ff40960f85997847d4791db09b6c27.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(153, 153, 204), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> WHISPEREAR </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">And don't you forget... </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: 2em; text-align:right; position:relative; top:-15px; right:5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...I'll be fine tomorrow. </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #9999cc 1px; flex:1; background-image:url(https://i.pinimg.com/736x/a2/50/2a/a2502a7739f27c26def7ba43897d4357.jpg); background-size:cover; background-9999cc:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #9999cc 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/Mt0GFJ5.jpeg); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #9999cc 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/08/8b/96/088b96d32727ec7f81a033a378d3d0bf.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(153, 153, 204), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> WindClan • T5 Elder • They/Them • #9999cc </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://www.pinterest.com/pin/42080577764026179/]image 1[/url] | [url=https://www.pinterest.com/pin/241294492531185447/]image 2[/url] | [url=https://www.pinterest.com/pin/1337074887530523/]image 3[/url] | [url=https://www.pinterest.com/pin/19562579624509868/]image 4[/url] | [url=https://www.pinterest.com/pin/16325617381867877/]image 5[/url] | [url=https://www.pinterest.com/pin/351912464590145/]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">
CROOKEDLIGHT
There's an art to life's distractions...
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 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 #ff6699 1px; flex:1; background-image:url(https://i.pinimg.com/564x/be/21/45/be21456210600ac72aaa15b8758a3093.jpg); background-size:cover; background-position:center;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #ff6699 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/uIm22rc.jpeg); background-size:cover; background-position:center"> </div> <div style="margin-right:10px;border:solid #ff6699 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/1e/5e/0e/1e5e0eab0bfd051c829c8a298673ad31.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(255, 102, 153), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> CROOKEDLIGHT </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">There's an art to life's distractions... </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: 2em; text-align:right; position:relative; top:-15px; right:5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...to somehow escape the burning weight. </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #ff6699 1px; flex:1; background-image:url(https://i.pinimg.com/564x/fa/5f/3e/fa5f3ed7abccc119940e6a8000566168.jpg); background-size:cover; background-ff6699:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #ff6699 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/xxnAcl9.jpeg); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #ff6699 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/12/69/a6/1269a62d18d79f78ebabc014f9575b21.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(255, 102, 153), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> SkyClan • T5 Warrior • He/Him • #ff6699 </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://www.pinterest.com/pin/23010648087776411/]image 1[/url] | [url=https://www.pinterest.com/pin/86835099465580662/]image 2[/url] | [url=https://www.pinterest.com/pin/6966574418880561/]image 3[/url] | [url=https://www.pinterest.com/pin/140806231270173/]image 4[/url] | [url=https://www.pinterest.com/pin/293085888267033217/]image 5[/url] | [url=https://www.pinterest.com/pin/12947917673331272/]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">
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 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 #787878 1px; flex:1; background-image:url(https://i.pinimg.com/564x/96/ac/42/96ac424e576f5f93b03e9627693ad1fd.jpg); background-size:cover; background-position:left;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #787878 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/n0VBgWA.png); background-size:cover; background-position:center"> </div> <div style="margin-right:10px;border:solid #787878 1px; height:40%; flex: 1; background-image:url(https://images.unsplash.com/photo-1570290887796-27624be22a60?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); 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(120, 120, 120), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> LARKSPRING </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">I know I'm more fool than wise... </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: 2em; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...he said to me. </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #787878 1px; flex:1; background-image:url(https://images.unsplash.com/photo-1528807571359-2472f105301b?q=80&w=1920&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); background-size:cover; background-787878:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #787878 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/TB8jzAq.png); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #787878 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/68/6f/0b/686f0b560ef21dd9e21aa2ff7acd5186.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(120, 120, 120), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> RiverClan • T5 Warrior • He/Him • #787878 </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://www.pinterest.com/pin/130885932911408916/]image 1[/url] | [url=https://cityscape-bliss.com/2017/05/feline-foodology-feline-cuisine-cat-food-review.html]image 2[/url] | [url=https://unsplash.com/photos/waterfalls-under-white-and-gray-sky-during-daytime-BGiBzTZVewM]image 3[/url] | [url=https://unsplash.com/photos/photo-of-waterfalls-RBU8XDNFL4g]image 4[/url] | [url=https://www.catbreedselector.com/cat-coat-colors-and-patterns/tuxedo-cat]image 5[/url] | [url=https://www.pinterest.com/pin/4503668371746306/]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">
WILLOWWISP
A constant uphill run...
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 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 #6abcde 1px; flex:1; background-image:url(https://i.pinimg.com/564x/4c/34/1b/4c341b34e0c7cd5b6d5310bd423eeb01.jpg); background-size:cover; background-position:left;"> </div> <div style="margin:10px 10px 10px 0px;border:solid #6abcde 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/JyPfRiU.png); background-size:cover; background-position:center"> </div> <div style="margin-right:10px;border:solid #6abcde 1px; height:40%; flex: 1; background-image:url(https://images.unsplash.com/photo-1604951832436-90867d74f4de?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); 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(106, 188, 222), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> WILLOWWISP </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">A constant uphill run... </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: 2em; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...wrong place, wrong time. </div> </div> <div class="column" style="flex: 15%;"> <div style="display:flex; flex-direction:column; height:100%;"> <div style="margin-left:10px; border:solid #6abcde 1px; flex:1; background-image:url(https://images.unsplash.com/photo-1504997565900-67b8c1e70940?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); background-size:cover; background-6abcde:center;"> </div> <div style="margin:10px 0px 10px 10px;border:solid #6abcde 1px; flex:0 0 120px; background-image:url(https://i.imgur.com/hSimPWp.jpg); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #6abcde 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/fe/b2/cf/feb2cf4039c72da818cb0d79980cc3ee.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(106, 188, 222), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> RiverClan • T5 Warrior • She/Her • #6abcde </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://www.pinterest.com/pin/133559945193678230/]image 1[/url] | [url=https://www.pinterest.com/pin/6755468172402474/]image 2[/url] | [url=https://unsplash.com/photos/brown-and-gray-rock-on-water-B8y6uvTnEvU]image 3[/url] | [url=https://unsplash.com/photos/flowing-river-7HYgJL1ldMo]image 4[/url] | [url=https://tinkerbell240677.tumblr.com/post/108828025226/nilenna-its-love-by-beboflickr]image 5[/url] | [url=https://www.pinterest.com/pin/71353975340943975/]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">
RASHOUMON
It's not so much that I want to die...
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 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://i.pinimg.com/564x/51/af/3d/51af3d400fd706a762710bf108102e43.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://i.imgur.com/JGsMOVz.png); 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.unsplash.com/photo-1578615437406-511cafe4a5c7?q=80&w=2127&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); 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), rgba(255,0,0,0));text-align:center; margin:auto; text-align:center; line-height:100px; font-size:3em; color:white; font-family:cinzel;"> RASHOUMON </div> <div style="font-family:tangerine; font-size:2em; position:relative; top:15px; left:5px; margin-left:0; margin-right:auto; letter-spacing:0.1em">It's not so much that I want to die... </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: 2em; text-align:right; position:relative; top:-15px; right:-5px; margin-left:auto; margin-right:0; letter-spacing:0.1em">...as that I'm tired of living. </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.unsplash.com/photo-1622030903197-95d7a65f902e?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D); 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://i.imgur.com/wOWSen0.png); background-size:cover; background-position:center;"> </div> <div style="margin-left:10px;border:solid #bd1b00 1px; height:40%; flex: 1; background-image:url(https://i.pinimg.com/564x/ca/0a/27/ca0a274fbfaf9148db36f4372bdb151a.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), rgba(255,0,0,0)); text-align:center; line-height:50px; letter-spacing:0.1em; font-family:cinzel; color:white;"> Rogue • T1 Rogue • He/Him • #bd1b00 </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://www.pinterest.com/pin/100838479150178435/]image 1[/url] | [url=https://www.deviantart.com/cielika/art/Blacky-323490842]image 2[/url] | [url=https://unsplash.com/photos/a-group-of-red-planets-floating-in-the-sky-HQPJEEjHqSE]image 3[/url] | [url=https://unsplash.com/photos/silhouette-of-mountain-during-sunset-fCoxTk9oksg]image 4[/url] | [url=https://www.pinterest.com/pin/15058979997601100/]image 5[/url] | [url=https://www.pinterest.com/pin/1900024837687221/]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">
