[f2u] Chara-Card

somnacanth

Info

Created: 5 months, 11 days ago
Creator: somnacanth
Favorites: 342

Profile

Chara-Card

For the Coders Quarters November 2023 challenge!

An overhaul & tidying up of an older code of mine, MHW card. Admittedly, I did take it in a non-fandom direction (re-creating the ingame card without CSS sheets could get clunky), but I think the original version strayed far from the original idea as-is.

Notable changes include scrolling vs tab-based layout (easier to add/remove sections), cleaner look on mobile, character div being coded so it's easier to tweak the main image.

- Mobile Friendly

- Bootstrap & Custom Colors

Rules + More Codes Code (BS) Code (CC)

Bootstrap Preview
Custom Colors Preview

Featured Character: MH!Prisma (pics are screenshots from Monster Hunter World)

Jump to... Basic Info // Backstory // Trivia // Links

Character Name

Gender
Text

Pronouns
(pro/noun)

Birthday
00/00

Species/Race
Text

Title
Text

This entire section scrolls!

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.

"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."

Backstory

Subheader

Trivia

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Quisque venenatis fermentum metus, eu consequat lorem laoreet eget.
Duis gravida volutpat facilisis.
Fusce id erat facilisis, molestie justo non, mattis est.

Playlist

Song Title - Artist Name
Song Title - Artist Name
Song Title - Artist Name
Song Title - Artist Name
Song Title - Artist Name

Links

Character Name
Relationship

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.

Character Name
Relationship

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.

Character Name
Relationship

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.

HTML by Jade-Everstone // bg & OC pic - MHW Screenshot

Jump to... Basic Info // Backstory // Trivia // Links

Character Name

Gender
Text

Pronouns
(pro/noun)

Birthday
00/00

Species/Race
Text

Title
Text

This entire section scrolls!

"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."

Backstory

Subheader

Trivia

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Quisque venenatis fermentum metus, eu consequat lorem laoreet eget.
Duis gravida volutpat facilisis.
Fusce id erat facilisis, molestie justo non, mattis est.

Playlist

Song Title - Artist Name
Song Title - Artist Name
Song Title - Artist Name
Song Title - Artist Name
Song Title - Artist Name

Links

Character Name
Relationship

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.

Character Name
Relationship

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.

Character Name
Relationship

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.

HTML by Jade-Everstone // bg & OC pic - MHW Screenshot

Recent Images

No images.