stag

[div=max-width: 800px; margin: auto;][row][column=span3][center][nobr]
[class=picture]
position: relative;
display: inline-block;
[/class]

[class=text]
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
background-color: rgba(0,0,0,0.2);
color: white;
z-index: 2;
[/class]

[class name=text state=hover]
opacity: 1;
[/class]

[div class=picture]
[div class=text]
[div=margin-top: 300px; text-shadow: 2px 2px 4px black; padding: 5px;][font=Playball][size=5]"hello there! quote here"[/size][/font][/div]
[/div]
[div=background: url('https://via.placeholder.com/300x450'); width: 300px; height: 450px; margin: auto;][/div][/div][/nobr][/center][/column][column=span5][div=margin-top: -5px;][div=position: relative; width: calc(100%  - 0); height: 440px; overflow: hidden; padding: 10px;][div=width: 100%; padding-right: 250px; height: 100%; overflow-y: scroll;][font=Georgia][size=6][b][color=black]» BASIC INFORMATION[/color][/b][/size][/font]
[font=Times New Roman][b]Name:[/b] bloop
[b]Nickname:[/b] bloop
[b]Age:[/b] bloop
[b]Gender:[/b] bloop
[b]Sexuality:[/b] bloop
[b]Position in Band:[/b] bloop

[b]Eye Color:[/b] bloopl
[b]Hair Color:[/b] bloop
[b]Height | Weight:[/b] bloop
[b]Body Type:[/b] bloop
[b]Tattoos | Piercings:[/b] bloop[/font]

[font=Georgia][size=6][b][color=black]» PERSONALITY;[/color][/b][/size][/font]
[font=Times New Roman][b]Note:[/b] Hello, lovely beings! This code can be used as a character sheet or an in-character! Just have fun with this one too! Don't forget to check the photo!
Vestibulum mattis mauris ac dui eleifend, vestibulum placerat dui iaculis. Aliquam dignissim felis ut metus euismod, id volutpat sem pretium. Ut eu posuere risus. Aliquam erat volutpat. Mauris nibh lectus, vulputate a est at, commodo ullamcorper lacus. Integer vestibulum molestie augue vel viverra. Donec lacus nunc, posuere vel nunc id, facilisis euismod metus. Pellentesque suscipit ornare ligula, sed dictum purus placerat cursus. Pellentesque fringilla dolor ex, non tristique ipsum vestibulum a. Morbi fermentum vestibulum molestie. Vestibulum aliquet purus neque, eu posuere nibh aliquam quis. Sed vulputate vulputate neque, porta laoreet lectus facilisis quis. Phasellus elit diam, volutpat sed vehicula ac, malesuada eu ligula. Sed suscipit vulputate turpis, ac efficitur velit malesuada eget. Quisque at ultricies dui, et sagittis risus. Nunc justo arcu, lobortis non mattis in, iaculis a urna.

[b]Virtues:[/b] bloop
[b]Vices:[/b] bloop
[b]Likes:[/b] bloop
[b]Dislikes:[/b] bloop
[b]Quirks:[/b] bloop[/font]

[font=Georgia][size=6][b][color=black]» BIOGRAPHY;[/color][/b][/size][/font]
[font=Times New Roman] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mattis mauris ac dui eleifend, vestibulum placerat dui iaculis. Aliquam dignissim felis ut metus euismod, id volutpat sem pretium. Ut eu posuere risus. Aliquam erat volutpat. Mauris nibh lectus, vulputate a est at, commodo ullamcorper lacus. Integer vestibulum molestie augue vel viverra. Donec lacus nunc, posuere vel nunc id, facilisis euismod metus. Pellentesque suscipit ornare ligula, sed dictum purus placerat cursus. Pellentesque fringilla dolor ex, non tristique ipsum vestibulum a. Morbi fermentum vestibulum molestie. Vestibulum aliquet purus neque, eu posuere nibh aliquam quis. Sed vulputate vulputate neque, porta laoreet lectus facilisis quis. Phasellus elit diam, volutpat sed vehicula ac, malesuada eu ligula. Sed suscipit vulputate turpis, ac efficitur velit malesuada eget. Quisque at ultricies dui, et sagittis risus. Nunc justo arcu, lobortis non mattis in, iaculis a urna.[/font]

[font=Georgia][size=6][b][color=black]» MISCELLANEOUS;[/color][/b][/size][/font]
[font=Times New Roman]🎸 . bloop
🎸 . bloop
🎸 . bloop
🎸 . bloop
🎸 . bloop
🎸 . bloop
🎸 . bloop[/font]

[font=Georgia][size=6][b][color=black]» WRITING SAMPLE;[/color][/b][/size][/font]
[font=Times New Roman] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum mattis mauris ac dui eleifend, vestibulum placerat dui iaculis. Aliquam dignissim felis ut metus euismod, id volutpat sem pretium. Ut eu posuere risus. Aliquam erat volutpat. Mauris nibh lectus, vulputate a est at, commodo ullamcorper lacus. Integer vestibulum molestie augue vel viverra. Donec lacus nunc, posuere vel nunc id, facilisis euismod metus. Pellentesque suscipit ornare ligula, sed dictum purus placerat cursus. Pellentesque fringilla dolor ex, non tristique ipsum vestibulum a. Morbi fermentum vestibulum molestie. Vestibulum aliquet purus neque, eu posuere nibh aliquam quis. Sed vulputate vulputate neque, porta laoreet lectus facilisis quis. Phasellus elit diam, volutpat sed vehicula ac, malesuada eu ligula. Sed suscipit vulputate turpis, ac efficitur velit malesuada eget. Quisque at ultricies dui, et sagittis risus. Nunc justo arcu, lobortis non mattis in, iaculis a urna.[/font][/div][/div][/div][/column][/row][/div][center][size=2]codedbycrucialstar | hidden scrolls, hover over photo[/size][/center]