[F2U] ♱ SWEETENED
created by:Beelzebunn
Custom ColorsHTMLCharacter
Copy
<!------
[F2U code by Diadem]
ᘡ Do NOT remove my credits please
ᘡ Code TOS: https://toyhou.se/32638528.
TIP!: use CTRL+F [WIN] / CMD+F [MAC] to quickly find the colour and replace it ~
୨୧ Background: #F18CA1
୨୧ Text Background: #f1a0b1
୨୧ Border + Text: #fff
୨୧ Accent: #950826
୨୧ Dividers:#b83a54
୨୧ Shadows: #ea0048
------>
<div class="row no-gutters justify-content-center">
<!------------------------------------------------------------
୨୧ QUOTE CONTAINER
put somethin your character would say !
: ! : This will be hidden on mobile
------------------------------------------------------------->
<div class="col-2 p-3 pt-2 hidden-sm-down" style="
height:30em; background:#F18CA1;
border-radius:100px 0px 0px 0px;
margin-left: 50px;">
<div class="card bg-transparent rounded-0 h-100 align-items-center justify-content-center pt-4" style="
border:2px solid #fff;
border-radius: 100px 0px 0px 0px">
<i class="fa-solid fa-quote-left" style="color:#fff; font-size:17px; text-shadow: 0px 3px 0px #ea0048, 0px 5px 0px #ea0048; margin-left:-7em"></i>
<p class="text-center" style="color:#ffffff; font-family:cursive; font-size:17px; text-shadow: 0px 3px 0px #ea0048, 0px 5px 0px #ea0048">
Gummies candy jujubes I love biscuit danish.
</p>
<i class="fa-solid fa-quote-right" style="color:#fff; font-size:17px; text-shadow: 0px 3px 0px #ea0048, 0px 5px 0px #ea0048; margin-left:7em"></i>
</div>
</div>
<!---------------- empty column for space ~ ---------------->
<div class="bg-transparent" style="width:12px"></div>
<!------------------ empty column over ~ ------------------->
<!------------------------------------------------------------
୨୧ MAIN CONTAINER
This container scrolls ~
------------------------------------------------------------->
<div class="col-md-5 p-4" style="height:30em; background:#F18CA1">
<div class="card bg-transparent rounded-0 h-100 align-items-center justify-content-center p-3" style="height:30em; border:2px solid #fff;">
<div class="mr-n2" style="overflow:hidden;">
<div class="mr-n3" style="overflow:auto; height: 330px; padding: 0px 30px 0px 5px;overflow-x:hidden;">
<!------------------------------------------------------------
୨୧ MAIN / Character Image
------------------------------------------------------------->
<div class="text-center mb-1">
<img src="IMG_URL" style="
height:180px;
border: 2px solid #fff;
padding:12px">
<!----------------- oh yeah and a jank music player ------->
<iframe class="flex-fill" style="height: 40%; width: 140px; margin-left:-160px; margin-top:15px; position:absolute; opacity:0;" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen src="https://www.youtube.com/embed/VIDEOLINK_after_v="></iframe>
<!------------------------ END OF PLAYER IMG----------------->
</div>
<!------------------------------------------------------------
୨୧ MAIN / Flavour Text
feel free to delete it if you like!
change it to whatever ya want it to say!
: ! : REC: keep it a couple sentences
------------------------------------------------------------->
<p class="justify-content-between mb-1" style="color:#950826; font-family:serif; font-size:8px">content content content content content content content content content content content content content content content content content content</p>
<!------------------------------------------------------------
୨୧ MAIN / Fontmeme
https://fontmeme.com/fonts/glastone-craft-supply-co-font/
Add a shadow according to the hex given if you like!
------------------------------------------------------------->
<div class="col-12 mb-1" style="background:#b83a54; height:3px; border-radius: 100px 0px 100px 0px"></div>
<div class="text-center">
<img src="FONTMEME_URL">
</div>
<div class="col-12 mb-1" style="background:#b83a54; height:3px; border-radius: 100px 0px 100px 0px"></div>
<!------------------------------------------------------------
୨୧ MAIN / ABOUT
REC: Short n Sweet | Not mandatory
: ! : This box DOES NOT scroll this time ~
------------------------------------------------------------->
<div class="col-md-12 p-3 mb-1 text-justify" style="background:#f1a0b1; font-family:serif; font-size:11px; color:#fff">
<span style="color:#950826">Listen to my songs of spring...</span> Jelly-o apple pie jelly-o bonbon muffin lemon drops chocolate jujubes cake. Cake bonbon chocolate cake carrot cake chupa chups bonbon carrot cake. Macaroon jujubes gummi bears tootsie roll halvah lollipop I love lollipop.
I love toffee tart bonbon I love I love gummies fruitcake. I love cake pastry tiramisu cake chocolate. Halvah apple pie carrot cake halvah ice cream cotton candy gummi bears I love. Sugar plum sugar plum marshmallow tiramisu lollipop pie danish.
</div>
<!------------------------------------------------------------
୨୧ MAIN / INFO
Think of it as a second about-kinda... :D
------------------------------------------------------------->
<div class="col-12 mb-1" style="background:#b83a54; height:3px; border-radius: 100px 0px 100px 0px"></div>
<p class="text-right" style="color:#fff; font-family:cursive; font-size:20px; position:relative; z-index: 9999; margin-top:-20px; text-shadow: -1px -1px 0px #b83a54, 1px -1px 0px #b83a54, -1px 1px 0px #b83a54, 1px 1px 0px #b83a54;
">Lil <i class="fal fa-strawberry fa-flip" style="animation-duration:5s; text-shadow: 0px 0px 5px #fff"></i> Info </p>
<div class="row" style="color:#fff; font-size:11px; font-family:serif">
<div class="col-6 mb-1 text-left" style="color:#fff">
<span style="color:#950826"><i class="fas fa-user"></i> Name</span>
<p>content content content</p>
</div>
<div class="col-6 mb-1 text-right" style="color:#fff">
<span style="color:#950826"><i class="fas fa-venus-mars"></i> Gender</span>
<p>content <i class="fal fa-sparkle fa-spin" style="animation-duration:6s; text-shadow:0px 0px 5px #fff"></i> pro/noun</p>
</div>
<div class="col-6 mb-1 text-left" style="color:#fff">
<span style="color:#950826"><i class="fas fa-cake"></i> Age</span>
<p>content <i class="fal fa-sparkle fa-spin" style="color:#fff;animation-duration:6s; text-shadow:0px 0px 5px #fff"></i> 00/00/0000</p>
</div>
<div class="col-6 mb-1 text-right" style="color:#fff">
<span style="color:#950826"><i class="fas fa-brain"></i> Race</span>
<p>or species </p>
</div>
<div class="col-6 mb-1 text-left" style="color:#fff">
<span style="color:#950826"><i class="fas fa-briefcase"></i> Occupation</span>
<p>content</p>
</div>
<div class="col-6 mb-1 text-right" style="color:#fff">
<span style="color:#950826"><i class="fas fa-moon"></i> Zodiac</span>
<p>content</p>
</div>
<div class="col-6 mb-1 text-left" style="color:#fff">
<span style="color:#950826"><i class="fas fa-dollar-sign"></i> Worth</span>
<p>$$$</p>
</div>
<div class="col-6 mb-1 text-right">
<span style="color:#950826"><i class="fas fa-palette"></i> Designer</span>
<p><a href="#" style="color:#fff; text-decoration:none;"><u>Designer</u></a></p>
</div>
<!---------------- end of mini info row -------------------->
</div>
<div class="col-12 bg-transparent" style="height:20px"></div>
<!------------------------------------------------------------
୨୧ MAIN / STATS / STATS AREA
------------------------------------------------------------->
<div class="col-12 mb-1" style="background:#b83a54; height:3px; border-radius: 100px 0px 100px 0px"></div>
<p class="text-left" style="color:#fff; font-family:cursive; font-size:20px; position:relative; z-index: 9999; margin-top:-21px; text-shadow: -1px -1px 0px #b83a54, 1px -1px 0px #b83a54, -1px 1px 0px #b83a54, 1px 1px 0px #b83a54;
">Status <i class="fal fa-heart-pulse fa-beat" style="animation-duration:7s; text-shadow: 0px 0px 5px #fff"></i> Report </p>
<div class="row" style="color:#fff; font-size:10px; font-family:cursive; margin-top:-13px">
<div class="col-6">
<p class="text-left" style="color:#fff"><i class="fas fa-wreath-laurel" style="animation-duration:6s; text-shadow:0px 0px 5px rgba(255,255,255,0.71)"></i> Charisma</p>
<div class="w-100 progress mb-2 rounded-0 bg-transparent pb-1" style="height:1px; border: 1px solid #950826">
<!------ Change the 50% to change coloured size ------------->
<div class="progress-bar" style="width: 50%; background: #950826;"></div></div>
</div>
<div class="col-6">
<p class="text-right" style="color:#fff"><i class="fas fa-brain" style="animation-duration:6s; text-shadow:0px 0px 5px rgba(255,255,255,0.71)"></i> Intellect</p>
<div class="w-100 progress mb-2 rounded-0 bg-transparent pb-1" style="height:1px; border: 1px solid #950826">
<!------ Change the 50% to change coloured size ------------->
<div class="progress-bar" style="width: 50%; background: #950826;"></div></div>
</div>
<div class="col-6">
<p class="text-left" style="color:#fff"><i class="fas fa-scale-balanced" style="animation-duration:6s; text-shadow:0px 0px 5px rgba(255,255,255,0.71)"></i> Integrity</p>
<div class="w-100 progress mb-2 rounded-0 bg-transparent pb-1" style="height:1px; border: 1px solid #950826">
<!------ Change the 50% to change coloured size ------------->
<div class="progress-bar" style="width: 50%; background: #950826;"></div></div>
</div>
<div class="col-6">
<p class="text-right" style="color:#fff"><i class="fas fa-sparkles" style="animation-duration:6s; text-shadow:0px 0px 5px rgba(255,255,255,0.71)"></i> Confidence</p>
<div class="w-100 progress mb-2 rounded-0 bg-transparent pb-1" style="height:1px; border: 1px solid #950826">
<!------ Change the 50% to change coloured size ------------->
<div class="progress-bar" style="width: 50%; background: #950826;"></div></div>
</div>
<div class="col-6">
<p class="text-left" style="color:#fff"><i class="fas fa-fire" style="animation-duration:6s; text-shadow:0px 0px 5px rgba(255,255,255,0.71)"></i> Temperment</p>
<div class="w-100 progress mb-2 rounded-0 bg-transparent pb-1" style="height:1px; border: 1px solid #950826">
<!------ Change the 50% to change coloured size ------------->
<div class="progress-bar" style="width: 50%; background: #950826;"></div></div>
</div>
<div class="col-6">
<p class="text-right" style="color:#fff"><i class="fas fa-right-left" style="animation-duration:6s; text-shadow:0px 0px 5px rgba(255,255,255,0.71)"></i> Affability</p>
<div class="w-100 progress mb-2 rounded-0 bg-transparent pb-1" style="height:1px; border: 1px solid #950826">
<!------ Change the 50% to change coloured size ------------->
<div class="progress-bar" style="width: 50%; background: #950826;"></div></div>
</div>
<!---------------- END OF PROGRESS BAR AREA ----------------->
</div>
<div class="bg-transparent" style="height:7px"></div>
<!------------------------------------------------------------
୨୧ MAIN /STATS / LIKES
------------------------------------------------------------->
<div class="row justify-content-center">
<div class="col-5 mb-2" style="background:#950826; color:#fff; font-family:serif; font-size:11px">
<p class="text-left" style="font-family:cursive; font-size:20px; position:relative; z-index: 9999; margin-top:-14px; margin-left:-20px; text-shadow: 0px 0px 5px #fff">Likes</p>
<ul class="p-1 pt-2 text-left" style="list-style-type:none; padding-left:0">
<li><i class="fas fa-heart fa-flip" style="animation-duration:6s; text-shadow: 0px 0px 5px #fff"></i> like</li>
<li><i class="fas fa-heart fa-flip" style="animation-duration:6s; text-shadow: 0px 0px 5px #fff"></i> like</li>
<li><i class="fas fa-heart fa-flip" style="animation-duration:6s; text-shadow: 0px 0px 5px #fff"></i> like</li>
<li><i class="fas fa-heart fa-flip" style="animation-duration:6s; text-shadow: 0px 0px 5px #fff"></i> like</li>
<!------------------ Add more above this line --------------->
</ul>
</div>
<div class="col-5 mb-2" style="background:#950826; color:#fff; font-family:serif; font-size:11px; margin-left:6px">
<p class="text-right" style="font-family:cursive; font-size:20px; position:relative; z-index: 9999; margin-top:-14px; margin-right:-20px; text-shadow: 0px 0px 5px #ea0048 ">Dislikes</p>
<ul class="p-1 pt-2 text-right" style="list-style-type:none; padding-left:0">
<li>dislike <i class="fas fa-heart-crack fa-flip-horizontal fa-flip" style="animation-duration:6s; text-shadow:0px 0px 5px #ea0048"></i></li>
<li>dislike <i class="fas fa-heart-crack fa-flip-horizontal fa-flip" style="animation-duration:6s; text-shadow:0px 0px 5px #ea0048"></i></li>
<li>dislike <i class="fas fa-heart-crack fa-flip-horizontal fa-flip" style="animation-duration:6s; text-shadow:0px 0px 5px #ea0048"></i></li>
<li>dislike <i class="fas fa-heart-crack fa-flip-horizontal fa-flip" style="animation-duration:6s; text-shadow:0px 0px 5px #ea0048"></i></li>
<!------------------ Add more above this line --------------->
</ul>
</div>
<!---------- End of Likes + Dislikes row -------------------->
</div>
<!------------------------------------------------------------
୨୧ MAIN / STATS / TRIVIA
------------------------------------------------------------->
<ul class="mb-3 text-left" style="list-style-type:none; padding:0; font-family: serif; font-size:12px; color:#fff; margin:auto">
<li><i class="fas fa-cupcake"></i> Topping tootsie roll pastry cake cookie wafer.</li>
<li><i class="fas fa-cupcake"></i> Jelly beans gummies gummi bears topping jujube.s</li>
<li><i class="fas fa-cupcake"></i> Cotton candy liquorice I love jujubes croissant cotton candy.</li>
<li><i class="fas fa-cupcake"></i> Lemon drops sweet jelly wafer cake icing cookie dragée. Bonbon I love cheesecake I love cookie brownie dragée.</li>
<!------------------ Add more above this line --------------->
</ul>
<!------------------------------------------------------------
୨୧ MAIN / STORY
------------------------------------------------------------->
<div class="col-12" style="background:#b83a54; height:3px; border-radius: 100px 0px 100px 0px"></div>
<p class="text-right" style="color:#fff; font-family:cursive; font-size:20px; position:relative; z-index: 9999; margin-top:-18px; text-shadow: -1px -1px 0px #b83a54, 1px -1px 0px #b83a54, -1px 1px 0px #b83a54, 1px 1px 0px #b83a54;
">Story <i class="fal fa-bookmark fa-fade" style="animation-duration:5s; text-shadow: 0px 0px 5px #fff"></i> Book </p>
<div class="col-12 p-2" style="color:#fff; background:#f1a0b1; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; margin-top:-20px">
<div class="mr-n2" style="overflow:hidden;">
<div class="mr-n3" style="overflow:auto; height: 180px; padding: 0px 30px 0px 0px;overflow-x:hidden;">
<p class="text-justify" style="color:#fff; font-family:serif; font-size:10px">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus.
<br><br>
Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus.
<br><br>
Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
</p>
</div>
</div>
</div>
<p class="text-center fa-fade" style="color:#fff; font-size:20px; font-family:cursive; position:relative; margin-top:-16px; letter-spacing:3px; animation-duration:7s">Scroll to read</p>
<!------------------------------------------------------------
୨୧ MAIN / INVENTORY
------------------------------------------------------------->
<div class="col-12" style="background:#b83a54; height:3px; border-radius: 100px 0px 100px 0px"></div>
<p class="text-left" style="color:#fff; font-family:cursive; font-size:20px; position:relative; z-index: 9999; margin-top:-18px; text-shadow: -1px -1px 0px #b83a54, 1px -1px 0px #b83a54, -1px 1px 0px #b83a54, 1px 1px 0px #b83a54;
"><i class="fal fa-briefcase-blank fa-fade" style="animation-duration:5s; text-shadow: 0px 0px 5px #fff"></i> Inventory </p>
<!------------------------------------------------------------
Lil area in case you want to yap about their inventory here. Be aware that this does not scroll. Feel free to delete this part.
------------------------------------------------------------->
<div class="col-12 p-2 py-3 pb-0 mb-2 text-left" style="background:#f1a0b1; border: 2px solid #fff; border-radius: 5px 0px 5px 0px; font-family:serif; font-size: 11px; color:#fff; padding-bottom:0px; margin-top:-20px">
<ul style="list-style-type:none; padding:0">
<li><i class="fas fa-sparkles"></i> Dessert I love sugar plum dessert chupa chups.</li>
<li><i class="fas fa-sparkles"></i> Pie bear claw I love sesame snaps I love jujubes dragée.</li>
<li><i class="fas fa-sparkles"></i> Dessert cake jelly-o I love croissant topping pastry I love fruitcake.</li>
<li><i class="fas fa-sparkles"></i> Jelly I love muffin topping tootsie roll danish danish. Icing gummies jelly liquorice ice cream cake bonbon. Shortbread sweet caramels powder shortbread gummi bears toffee.</li>
</ul>
</div>
<!-------------------INVENTORY BOXES ------------------------>
<!-------------------INVENTORY BOX 1 -------------------------
The Fontawesome icons can be changed of course. Along with the names of both boxes! Have fun with it. The 'content' line below it can be removed for both if you like <3 Be aware that this also hides on mobile.
------------------------------------------------------------->
<div class="row justify-content-center hidden-sm-down">
<div class="col-5 p-1 text-center mb-3" style="background:#f1a0b1; color:#fff; border: 2px solid #fff; font-family:cursive;">
<i class="fas fa-bag-shopping" style="font-size:36px; color:rgba(255,255,255,0.38); display:block; margin-top:15px"></i>
<p style="display:block; margin-top:-48px; font-size:40px">Purse</p>
<!---------------- in short words: what does it hold? ------->
<p style="display:block; margin-top:-30px;"><small>content content content</small></p>
</div>
<!-------------------INVENTORY BOX 1 DONE ------------------>
<!-------------------INVENTORY BOX 2 ------------------------>
<div class="col-5 p-1 text-center mb-3" style="background:#f1a0b1; color:#fff; border:2px solid #fff; font-family:cursive; margin-left:10px">
<i class="fas fa-basket-shopping-simple" style="font-size:36px; color:rgba(255,255,255,0.38); display:block; margin-top:15px"></i>
<p style="display:block; margin-top:-48px; font-size:40px">Basket</p>
<!---------------- in short words: what does it hold? ------->
<p style="display:block; margin-top:-30px;"><small>content content content</small></p>
</div>
<!-------------------INVENTORY BOX 2 DONE ------------------>
<!-----------------INVENTORY BOX AREA DONE ------------------>
</div>
<!------------------------------------------------------------
୨୧ MAIN / HABITS / HOBBIES
------------------------------------------------------------->
<div class="col-12" style="background:#b83a54; height:3px; border-radius: 100px 0px 100px 0px"></div>
<p class="text-right" style="color:#fff; font-family:cursive; font-size:20px; position:relative; z-index: 9999; margin-top:-18px; text-shadow: -1px -1px 0px #b83a54, 1px -1px 0px #b83a54, -1px 1px 0px #b83a54, 1px 1px 0px #b83a54;
"><i class="fal fa-cherries fa-beat" style="animation-duration:5s; text-shadow: 0px 0px 5px #fff"></i> Habits </p>
<div class="col-12 p-3 mb-1 text-left" style="color:#fff; background:#f1a0b1; border:2px solid #fff; font-family:serif; font-size:11px; margin-top:-16px">
<!-----------------------------------------------------------
Habit area if applicabale! Feel free to delete this part.
------------------------------------------------------------->
<ul style="list-style-type:none; padding:0; margin:auto; color:#fff">
<li><i class="fas fa-lemon" style="text-shadow:0px 0px 5px #fff"></i> Lollipop jelly-o powder fruitcake I love croissant pie marzipan.</li>
<li><i class="fas fa-cherries" style="text-shadow:0px 0px 5px #fff"></i> Chocolate cake wafer I love gummi bears marshmallow.</li>
<li><i class="fas fa-lemon" style="text-shadow:0px 0px 5px #fff"></i> Icing gummies I love chocolate cake carrot cake gingerbread caramels pudding sweet roll.</li>
<!------------------Add more above this line----------------->
</ul>
<!------------------HABIT CARD DONE ------------------------->
</div>
<!------------------MAIN 3 HOBBIES HERE --------------------->
<p class="text-right" style="font-family:cursive; font-size:10px; color:#fff; text-shadow:0px 2px 0px #ea0048, 0px 4px 0px #ea0048">hobby <i class="fal fa-heart fa-flip" style="animation-duration:5s;"></i> hobby <i class="fal fa-heart fa-flip" style="animation-duration:5s;"></i> hobby</p>
<!------------------MAIN 3 HOBBIES DONE --------------------->
<!------------------------------------------------------------
୨୧ MAIN / DESIGN NOTES
------------------------------------------------------------->
<div class="col-12" style="background:#b83a54; height:3px; border-radius: 100px 0px 100px 0px"></div>
<p class="text-left" style="color:#fff; font-family:cursive; font-size:20px; position:relative; z-index: 9999; margin-top:-18px; text-shadow: -1px -1px 0px #b83a54, 1px -1px 0px #b83a54, -1px 1px 0px #b83a54, 1px 1px 0px #b83a54;
">Design <i class="fal fa-cake-slice fa-beat" style="animation-duration:5s; text-shadow: 0px 0px 5px #fff"></i> Notes </p>
<div class="col-12 p-3 mb-2" style="background:#f1a0b1; border: 2px solid #fff">
<a href="#" target="_BLANK" title="artist credit" data-toggle="tooltip">
<img src="https://dummyimage.com/600x400/ebebeb/b0236e.png">
</a>
</div>
<div class="col-12 pt-2 text-left" style="background:#f1a0b1; border: 2px solid #fff">
<ul style="list-style-type:none; padding:0px; color:#fff; font-size: 11px; font-family:serif">
<li><i class="fa-solid fa-chevron-right"></i> Fruitcake jelly bonbon sweet lollipop jujubes.</li>
<li><i class="fa-solid fa-chevron-right"></i> Tart macaroon cake danish wafer.</li>
<li><i class="fa-solid fa-chevron-right"></i> Biscuit gummi bears bonbon donut marzipan.</li>
<li><i class="fa-solid fa-chevron-right"></i> Oat cake tart cake jujubes bear claw powder gummies.</li>
<li><i class="fa-solid fa-chevron-right"></i> Chocolate cake toffee cake ice cream dragée lollipop cotton candy apple pie. Caramels lemon drops chocolate bar chocolate cake gummi bears soufflé.</li>
</ul>
</div>
<!------------------------------------------------------------
୨୧ END OF THE MAIN CONTAINER
------------------------------------------------------------->
</div>
</div>
</div>
</div>
<!------------------------------------------------------------
୨୧ (OTHER) QUOTE CONTAINER
put somethin else your character would say !
: ! : This will be hidden on mobile
------------------------------------------------------------->
<!----------------------DECOR, feel free to change ~ -------->
<div class="col-2 p-3 hidden-sm-down" style="
height:30em; background:#F18CA1;
border-radius:0px 100px 0px 0px;
margin-left: 12px;">
<div class="card bg-transparent rounded-0 h-100 align-items-center justify-content-center" style="border:2px solid #fff; border-radius: 0px 100px 0px 0px">
<i class="fa-solid fa-quote-left fa-flip-horizontal" style="color:#fff; font-size:17px; text-shadow: 0px 3px 0px #ea0048, 0px 5px 0px #ea0048; margin-left:7em"></i>
<p class="text-center" style="color:#ffffff; font-family:cursive; font-size:17px; text-shadow: 0px 3px 0px #ea0048, 0px 5px 0px #ea0048">
Gummies candy jujubes I love biscuit danish.
</p>
<i class="fa-solid fa-quote-right fa-flip-horizontal" style="color:#fff; font-size:17px; text-shadow: 0px 3px 0px #ea0048, 0px 5px 0px #ea0048; margin-left:-7em"></i>
<!------------ No Touchy! End of this column ---------------->
</div>
</div>
<!----- No Touchy! End of this ENTIRE THING ----------------->
</div>
<!------------------------------------------------------------
୨୧ END ~
credits at bottom. Do not remove!
------------------------------------------------------------->
<p class="text-center" style="margin:auto; margin-top:-6px;"><a href="/diadem" target="_BLANK" style="color:#e95c7c; font-family:monospace; font-size:10px; text-decoration:none;" title="code by beel" data-toggle="tooltip">✦✦✦</a></p>