snow

[div=max-width: 980px; 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]“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][Tabs]
[Tab=1][scroll=206px][div=color: transparent; background: none; margin: auto;].[/div][div=margin-top: -10px; font-size: 15px; line-height: 18px;][center][size=35px][font=Times New Roman][i][b]W[/b][/i][/font][/size][font=Times New Roman][size=25px]ORD.[/size][size=28px][b]૱[/b][/size][/font][size=15px][/size][/center]
[center][font=Source Serif Pro]❝ [size=12px][i]'quote here[/i][/size] ❞[/font][/center]

[font=Times New Roman][i]heyhey! i'm back with another. . . . dun dun , code ! woo ! anyways, this code is very simple and easy to use with tabs and lots of pictures for your aesthetic pleasure! this code will most likely be used as a [u]character sheet[/u]! you can definitely write whatever you'd like write in this area, sort of an "aesthetic" tab if you will with your character's favorite 'word' or just something that will make your character sheet "pop!" don't hesitate to check out how the live preview looks like in the link to get an idea!

p.s. yes you're more than welcome to change the title of these tabs! but because it's a simple bbcode version, that's all you can change about it, but feel free to put cute little symbols! oh, and yes! this area does scroll![/i][/font][/div][/scroll][/Tab]

[Tab=2][scroll=206px][div=color: transparent; background: none; margin: auto;].[/div][div=position: absolute;  font-size: 30px; margin-top: -55px; margin-left: 1px; text-shadow: 2px 1px 1px black;][font=Meddon][b][color=#4F7289]about them:[/color][/b][/font][/div][div=margin-top: -10px; font-size: 15px; line-height: 18px;][font=Times New Roman][b]FULL NAME[/b] |
[b]AGE[/b] |
[b]ZODIAC[/b] |
[b]GENDER[/b] |
[B]SEXUALITY[/B] |
[b]ROLE[/b] |
[B]OCCUPATION[/b] |

[b]FACECLAIM[/b] |
[b]HEIGHT[/B] |
[B]BUILD[/B] |
[b]COMPLEXION[/b]
[B]HAIR[/B] |
[B]EYES[/B] |
[B]DISTINGUISHING FEATURES[/B] |
[B]MODIFICATIONS | MARKINGS[/B] |
[/font][/div][/scroll][/Tab]

[Tab=3][scroll=206px][div=color: transparent; background: none; margin: auto;].[/div][div=position: absolute;  font-size: 30px; margin-top: -55px; margin-left: 1px; text-shadow: 2px 1px 1px black;][font=Meddon][b][color=#4F7289]personality:[/color][/b][/font][/div][div=margin-top: -10px; font-size: 15px; line-height: 18px;][font=Times New Roman][b]PERSONALITY[/b] |
[B]VICES[/B] |
[B]VIRTUES[/B] |

[B]LIKES[/B] |
[B]DISLIKES[/B] | [/font][/div][/scroll][/Tab]

[Tab=4][scroll=206px][div=color: transparent; background: none; margin: auto;].[/div][div=position: absolute;  font-size: 30px; margin-top: -55px; margin-left: 1px; text-shadow: 2px 1px 1px black;][font=Meddon][b][color=#4F7289]miscenllaneous:[/color][/b][/font][/div][div=margin-top: -10px; font-size: 15px; line-height: 18px;][font=Times New Roman][B]BRIEF BIO[/B] |
[B]MTBI[/B] |
[B]MORAL ALIGNMENT[/B] |
[B]HEALTH[/B] |

[B]RELATIONSHIPS[/B] |  [/font][/div][/scroll][/Tab][/Tabs]
[center][row][column=span2][img]https://via.placeholder.com/200x200[/img][/column][column=span2][img]https://via.placeholder.com/200x200[/img][/column][column=span2][img]https://via.placeholder.com/200x200[/img][/column][column=span2][img]https://via.placeholder.com/200x200[/img][/column][/row][/center][/column][/row][/div][center][size=2]codedbycrucialstar | hover over big photo[/size][/center]