[old] MHR card

somnacanth

Info


Created
3 years, 15 days ago
Creator
Jade-Everstone
Favorites
276

Profile


MHR Card

edit 5/23/21: moved to code acc

A Layout based off Monster Hunter Rise's guild card. tl:dr, I made an MHW inspired layout for my hunter character, been playing a lot of Rise. Figured I'd make this as well.

Also made it so it works well with non-MH characters as well


- Mobile Friendly!

- Bootstrap & Custom colors


Featured Character: MH!Prisma (Character Pic is a screenshot from MHR)

Main info
Title
text
Title
text
Title
text
Title
text
About

Have a lot of info? this whole panel will scroll!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis elit euismod, aliquet purus vel, fringilla augue. Maecenas mattis vehicula ligula, quis gravida lacus consequat fringilla. Pellentesque mollis nisi quis erat lacinia aliquet. Morbi cursus dapibus fermentum. Mauris ut facilisis nisi, at eleifend sapien. In scelerisque ipsum vitae ex ultricies, in lacinia libero cursus. Vestibulum nec efficitur nisi.

Backstory/Bio

Have a lot of info? This whole panel will scroll!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis elit euismod, aliquet purus vel, fringilla augue. Maecenas mattis vehicula ligula, quis gravida lacus consequat fringilla. Pellentesque mollis nisi quis erat lacinia aliquet. Morbi cursus dapibus fermentum. Mauris ut facilisis nisi, at eleifend sapien. In scelerisque ipsum vitae ex ultricies, in lacinia libero cursus. Vestibulum nec efficitur nisi.

(subsection)


Nullam mattis purus maximus diam mattis cursus. Suspendisse sollicitudin quam id odio auctor, non egestas turpis consequat. Fusce feugiat orci mi, et tristique dolor ornare nec. Nunc ipsum nulla, posuere vel bibendum et, volutpat ac erat. Donec vel porttitor lacus. Mauris non vehicula mauris, ac gravida mi. Quisque nec turpis vitae turpis ullamcorper placerat eget sit amet tortor. Maecenas rutrum lorem imperdiet justo laoreet, ac dignissim orci consectetur. Fusce quis nibh eget neque gravida vehicula. Nam nisl dui, commodo vitae sagittis vel, luctus vitae elit. Donec id orci molestie, ultricies est vitae, tempus urna. Morbi tempor mauris nunc, vitae dignissim justo vulputate non.

Misc. Facts
  • Have a lot of info? this whole panel will scroll!
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam consectetur quis odio id interdum.
  • Etiam sit amet mauris mi. Aliquam sed accumsan turpis. Cras quam tortor, pulvinar luctus volutpat in, tristique eget diam.
  • Fusce blandit, lorem eu malesuada porttitor, mauris metus luctus metus, et lobortis urna urna sit amet velit.
  • Aenean at ligula vel ante molestie ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Playlist

Song title

Song title

Song title

Song title

Song title

Relationships
150

Name - relationship

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut pellentesque justo. Nam ornare ipsum eros, quis porttitor justo pulvinar non. Donec iaculis lorem in enim pellentesque blandit."


150

Name - relationship

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut pellentesque justo. Nam ornare ipsum eros, quis porttitor justo pulvinar non. Donec iaculis lorem in enim pellentesque blandit."


150

Name - relationship

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut pellentesque justo. Nam ornare ipsum eros, quis porttitor justo pulvinar non. Donec iaculis lorem in enim pellentesque blandit."


Character name

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

HTML by Jade-Everstone

Main info
Title
text
Title
text
Title
text
Title
text
About

Have a lot of info? this whole panel will scroll!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis elit euismod, aliquet purus vel, fringilla augue. Maecenas mattis vehicula ligula, quis gravida lacus consequat fringilla. Pellentesque mollis nisi quis erat lacinia aliquet. Morbi cursus dapibus fermentum. Mauris ut facilisis nisi, at eleifend sapien. In scelerisque ipsum vitae ex ultricies, in lacinia libero cursus. Vestibulum nec efficitur nisi.

Backstory/Bio

Have a lot of info? This whole panel will scroll!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis elit euismod, aliquet purus vel, fringilla augue. Maecenas mattis vehicula ligula, quis gravida lacus consequat fringilla. Pellentesque mollis nisi quis erat lacinia aliquet. Morbi cursus dapibus fermentum. Mauris ut facilisis nisi, at eleifend sapien. In scelerisque ipsum vitae ex ultricies, in lacinia libero cursus. Vestibulum nec efficitur nisi.

(subsection)


Nullam mattis purus maximus diam mattis cursus. Suspendisse sollicitudin quam id odio auctor, non egestas turpis consequat. Fusce feugiat orci mi, et tristique dolor ornare nec. Nunc ipsum nulla, posuere vel bibendum et, volutpat ac erat. Donec vel porttitor lacus. Mauris non vehicula mauris, ac gravida mi. Quisque nec turpis vitae turpis ullamcorper placerat eget sit amet tortor. Maecenas rutrum lorem imperdiet justo laoreet, ac dignissim orci consectetur. Fusce quis nibh eget neque gravida vehicula. Nam nisl dui, commodo vitae sagittis vel, luctus vitae elit. Donec id orci molestie, ultricies est vitae, tempus urna. Morbi tempor mauris nunc, vitae dignissim justo vulputate non.

Misc. Facts
  • Have a lot of info? this whole panel will scroll!
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam consectetur quis odio id interdum.
  • Etiam sit amet mauris mi. Aliquam sed accumsan turpis. Cras quam tortor, pulvinar luctus volutpat in, tristique eget diam.
  • Fusce blandit, lorem eu malesuada porttitor, mauris metus luctus metus, et lobortis urna urna sit amet velit.
  • Aenean at ligula vel ante molestie ornare. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Playlist

Song title

Song title

Song title

Song title

Song title

Relationships
150

Name - relationship

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut pellentesque justo. Nam ornare ipsum eros, quis porttitor justo pulvinar non. Donec iaculis lorem in enim pellentesque blandit."


150

Name - relationship

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut pellentesque justo. Nam ornare ipsum eros, quis porttitor justo pulvinar non. Donec iaculis lorem in enim pellentesque blandit."


150

Name - relationship

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut pellentesque justo. Nam ornare ipsum eros, quis porttitor justo pulvinar non. Donec iaculis lorem in enim pellentesque blandit."


Character name

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

HTML by Jade-Everstone // bg - pixabay