06. GRAVEYARD [F2U]
misschainsawktn
- Created
- 1 year, 2 months ago
- Creator
- misschainsawktn
- Favorites
- 2122
Profile
06. GRAVEYARD [F2U]
This code was made for Coder's Quarters February 2023 challenge!
Mobile Friendly
F2U
For All Users
For Characters
Bootstrap + 1 Accent
Mostly flat; Extensive
Image Heavy
Complex Code (carousels; tabs; negative margins; misc decor)
Yippee I'm back doing Coders' Quarters! I love layout challenges, and wobble looked extremely fun to try my hand at... and it was! Negative margins are so fun to fiddle with, and I'm really proud of the styling and the way I made all the info fit in hehehe
I might do the other layouts too, but for now enjoy this! *slaps the code* this bad boy can fit so much info in it
The code is in the tabs! Comment if using, please! ^^
Character Name
A Title Of Sorts.
full name
gender
pro/nouns
age
birthday
star sign
race/species
orientation
occupation
The Mirror
Know Thyself.
- pos. trait
- pos. trait
- pos. trait
- neu. trait
- neu. trait
- neu. trait
- neg. trait
- neg. trait
- neg. trait
Write something about your character's personality here; this can be as long or short as you'd like. 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.
attitude
mbti (content)
tarot
archetype
vice/sin
virtue
alignment
Charisma
Kindness
Patience
Maturity
Intellect
Integrity
Courage
Empathy
Loyalty
- content
- content
- content
- content
- content
- content
- content
- content
- content
- content
- content
- content
- Write a trivia item here. This box will grow with content.
- You can add as many as you want, the boxes should adjust on their own. If something looks odd, try adjusting the padding or the margins of this box and of the history box.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Chapter Zero: Prologue.
A Subtitle, If You'd Like.
First letter of the whole chapter, cue all the rest. This code is kinda geared towards characters with a lot of info, so the more you write, the better! This section is meant as a tl;dr, a short summary, or simply a prologue, but you can change this to your liking. You can also add as many paragraphs as you want, or even more sections! The world is yours, if you want it to be.
Chapter One: Title.
A Subtitle, If You'd Like.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur gravida neque sed libero pellentesque dapibus. Integer feugiat erat est, in sodales arcu bibendum vel. Suspendisse sem felis, lacinia eu consequat quis, venenatis vel leo. Fusce euismod enim eu ipsum pretium, nec semper nisl fringilla. Curabitur sollicitudin quam eu eros sagittis feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec interdum tristique magna, et luctus felis congue quis. Quisque lobortis diam ut massa varius porttitor. Mauris venenatis tempus leo, posuere facilisis lorem vulputate sed. Aliquam blandit neque et eros imperdiet, ut dictum ante vehicula. Fusce in purus in felis sagittis dignissim vel quis urna. Aliquam in dui lorem. Curabitur a facilisis ipsum, eget sollicitudin neque. Vestibulum nec odio lorem.
Suspendisse quam tortor, commodo vel consequat quis, euismod id elit. Aliquam vitae velit a arcu varius venenatis eu a mauris. Donec accumsan facilisis dolor a facilisis. Phasellus nec aliquet magna, eu facilisis neque. Morbi mollis nulla vel metus faucibus faucibus. Donec turpis diam, bibendum ut mollis ut, condimentum pharetra nulla. Ut lacinia metus sit amet lacus venenatis convallis. Proin consequat odio non posuere iaculis. Nullam consequat, diam a mattis fermentum, justo erat egestas ex, eu porttitor mauris nisi et ipsum. Integer consequat neque nibh, tempus lacinia arcu aliquet at. Vestibulum gravida tempor ante vel efficitur. Curabitur sollicitudin quam in odio hendrerit, id feugiat magna malesuada. Aliquam vel quam quis ex vulputate malesuada. Cras viverra nunc quis nisi laoreet dapibus.
Chapter Two: Title.
A Subtitle, If You'd Like.
Nam fringilla tristique tellus, quis congue mauris lobortis nec. Praesent consectetur odio quis libero convallis, vel aliquam lorem dapibus. In sed sagittis nulla. Donec consequat lectus vitae fringilla eleifend. Vestibulum aliquam venenatis nisl. Phasellus feugiat, quam vel hendrerit convallis, sem risus ultrices velit, sit amet porttitor tortor felis eu dui. Phasellus mollis augue dui, ut maximus magna tristique in. Sed vel est vel sem varius malesuada non egestas erat. Mauris efficitur odio laoreet nisi vehicula, eget aliquam metus sollicitudin. Quisque at mollis tellus. Quisque porttitor sagittis eros, ac fringilla turpis vehicula nec.
In commodo mollis enim eu dignissim. Donec ornare arcu non eros volutpat, in accumsan neque placerat. Aliquam nec semper tellus. Phasellus bibendum feugiat purus sed fermentum. Praesent eleifend ipsum eu purus suscipit efficitur. Cras leo lorem, sollicitudin eu vulputate vitae, fermentum sit amet metus. Donec sit amet quam nec sapien sollicitudin aliquam. Nam justo lorem, tincidunt et turpis vitae, luctus rhoncus metus. Sed volutpat turpis eget rutrum euismod. Maecenas nunc purus, ultrices ut efficitur non, faucibus eu lectus. Phasellus eu viverra nunc, a fermentum diam. Nulla facilisi. Donec sit amet lacinia mi.
Chapter Three: Title.
A Subtitle, If You'd Like.
Curabitur ac felis vel nisl sollicitudin condimentum commodo eu tellus. Sed sodales nisl sapien, nec condimentum neque dapibus a. Morbi ac ligula nunc. Etiam ante quam, malesuada blandit nunc et, sodales pulvinar sem. Vestibulum nec leo tincidunt, efficitur lacus non, maximus risus. Praesent vel accumsan elit. Aliquam condimentum nunc eget ornare scelerisque. Vivamus augue est, tincidunt eu mollis ac, vehicula eget neque. Pellentesque non nulla quis orci ullamcorper fringilla vitae at ante. Quisque venenatis pellentesque justo, vitae vestibulum felis fermentum vitae. In ultrices mi lacus, et molestie magna egestas vel. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Maecenas ullamcorper ex neque, ut venenatis purus condimentum in. Donec facilisis lectus in lacinia molestie.
Lovers tab. Write about your character's attitude towards this group of people! This box will scroll once it's filled with enough content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras at elit augue. Proin sem orci, eleifend sit amet ornare nec, tincidunt ut velit. Duis nec tincidunt sem. Curabitur accumsan augue in finibus gravida. Quisque quis libero arcu. Nulla ac velit consequat, consectetur dui sit amet, blandit metus. Nunc efficitur, orci in tempor fringilla, justo ex feugiat eros, at tempor justo quam at mauris. Pellentesque ut sodales orci, eu tristique magna.
Family tab. Write about your character's attitude towards this group of people! This box will scroll once it's filled with enough content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras at elit augue. Proin sem orci, eleifend sit amet ornare nec, tincidunt ut velit. Duis nec tincidunt sem. Curabitur accumsan augue in finibus gravida. Quisque quis libero arcu. Nulla ac velit consequat, consectetur dui sit amet, blandit metus. Nunc efficitur, orci in tempor fringilla, justo ex feugiat eros, at tempor justo quam at mauris. Pellentesque ut sodales orci, eu tristique magna.
Friends tab. Write about your character's attitude towards this group of people! This box will scroll once it's filled with enough content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras at elit augue. Proin sem orci, eleifend sit amet ornare nec, tincidunt ut velit. Duis nec tincidunt sem. Curabitur accumsan augue in finibus gravida. Quisque quis libero arcu. Nulla ac velit consequat, consectetur dui sit amet, blandit metus. Nunc efficitur, orci in tempor fringilla, justo ex feugiat eros, at tempor justo quam at mauris. Pellentesque ut sodales orci, eu tristique magna.
Acquaintances tab. Write about your character's attitude towards this group of people! This box will scroll once it's filled with enough content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras at elit augue. Proin sem orci, eleifend sit amet ornare nec, tincidunt ut velit. Duis nec tincidunt sem. Curabitur accumsan augue in finibus gravida. Quisque quis libero arcu. Nulla ac velit consequat, consectetur dui sit amet, blandit metus. Nunc efficitur, orci in tempor fringilla, justo ex feugiat eros, at tempor justo quam at mauris. Pellentesque ut sodales orci, eu tristique magna.
Strangers tab. Write about your character's attitude towards this group of people! This box will scroll once it's filled with enough content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras at elit augue. Proin sem orci, eleifend sit amet ornare nec, tincidunt ut velit. Duis nec tincidunt sem. Curabitur accumsan augue in finibus gravida. Quisque quis libero arcu. Nulla ac velit consequat, consectetur dui sit amet, blandit metus. Nunc efficitur, orci in tempor fringilla, justo ex feugiat eros, at tempor justo quam at mauris. Pellentesque ut sodales orci, eu tristique magna.
Enemies tab. Write about your character's attitude towards this group of people! This box will scroll once it's filled with enough content.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras at elit augue. Proin sem orci, eleifend sit amet ornare nec, tincidunt ut velit. Duis nec tincidunt sem. Curabitur accumsan augue in finibus gravida. Quisque quis libero arcu. Nulla ac velit consequat, consectetur dui sit amet, blandit metus. Nunc efficitur, orci in tempor fringilla, justo ex feugiat eros, at tempor justo quam at mauris. Pellentesque ut sodales orci, eu tristique magna.
Relationship.
Write about the characters' relationship here. This box will grow; the side icon is sticky. 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.
Relationship.
Write about the characters' relationship here. This box will grow; the side icon is sticky. 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.
Relationship.
Write about the characters' relationship here. This box will grow; the side icon is sticky. 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.
Recent Images
No images.