[old] MHR card
somnacanth
- Created
- 3 years, 17 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)
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.
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.
- 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.
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."
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."
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."
HTML by Jade-Everstone
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.
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.
- 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.
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."
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."
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."
HTML by Jade-Everstone // bg - pixabay