Agents of Devil May Cry: the Immediate Murder Professionals

[strawberryredgrave]

⋗ ⋗ ⋗ Dante ⋖ ⋖ ⋖ LINE ONE LINE TWO LINE THREE LINE FOUR ♠ ♧ ♥ BOTTOM TEXT BLURB ⋗ ⋗ ⋗ Blitzø ⋖ ⋖ ⋖ LINE ONE LINE TWO LINE THREE LINE FOUR ♠ ♧ ♥ BOTTOM TEXT BLURB ⋗ ⋗ ⋗ Moxxie ⋖ ⋖ ⋖ LINE ONE LINE TWO LINE THREE LINE FOUR ♠ ♧ ♥ BOTTOM TEXT BLURB ⋗ ⋗ ⋗ Millie ⋖ ⋖ ⋖ LINE ONE LINE TWO LINE THREE LINE FOUR ♠ ♧ ♥ BOTTOM TEXT BLURB ⋗ ⋗ ⋗ Loona ⋖ ⋖ ⋖ LINE ONE LINE TWO LINE THREE LINE FOUR ♠ ♧ ♥ BOTTOM TEXT BLURB ⋗ ⋗ ⋗ Akechi ⋖ ⋖ ⋖ LINE ONE LINE TWO LINE THREE LINE FOUR ♠ ♧ ♥ BOTTOM TEXT BLURB ⋗ ⋗ ⋗ Madhuri ⋖ ⋖ ⋖ LINE ONE LINE TWO LINE THREE LINE FOUR ♠ ♧ ♥ BOTTOM TEXT BLURB ⋗ ⋗ ⋗ Stolas ⋖ ⋖ ⋖ LINE ONE LINE TWO LINE THREE LINE FOUR ♠ ♧ ♥ BOTTOM TEXT BLURB ⋗ ⋗ ⋗ Lady ⋖ ⋖ ⋖ LINE ONE LINE TWO LINE THREE LINE FOUR ♠ ♧ ♥ BOTTOM TEXT BLURB ⋗ ⋗ ⋗ Octavia ⋖ ⋖ ⋖ LINE ONE LINE TWO LINE THREE LINE FOUR ♠ ♧ ♥ BOTTOM TEXT BLURB

Code to add more as needed
<!---START CARD---!> <div style="width: 355px; height: 250px; display: inline-block; vertical-align: top!important; float: left;"> <!---ICON---!> <img src="ICONIMGURL" style="box-shadow: -6px 0 0 #93151B; border-radius: 100px; float: left; position: relative; z-index: 2;"> <!---CHARACTER---!> <div style="margin: 5px 0 0 25px; width: 280px; height: 28px; background-color: #93151B; border-radius: 20px; padding-right: 15px; text-align: center; white-space: nowrap; position: relative; z-index: 1;"> <span style="font-family: century gothic; font-size: 14pt; color: #ffffff;">⋗ ⋗ ⋗ CHARACTER ⋖ ⋖ ⋖</span></div> <!---TOP INFO BOX CONTENT---!> <div style="margin: 6px 0 0 110px; width: 115px; height: 60px; color: #0E0D2F; font-family: century gothic; font-size: 9pt; text-align: center; line-height: 1.2em; overflow: hidden; position: relative; z-index: 1;"> LINE ONE<br /> LINE TWO<br /> LINE THREE<br /> LINE FOUR<br /></div> <!---SIDE DIAMOND: TOP---!> <div style="margin: 12px 0 0 25px; width: 28px; height: 28px; background-color: #FFC46A; transform: rotate(45deg); box-shadow: -4px 4px 0 #93151B;"><div style="width: 27px; height: 28px; font-size: 20pt; text-align: center; line-height: 0.7em; transform: rotate(-45deg);"> <a href="" style="color: #300D38; text-decoration: none;">♠</a></div></div> <!---SIDE DIAMOND: MIDDLE---!> <div style="margin: 1px 0 0 25px; width: 28px; height: 28px; background-color: #FFC46A; transform: rotate(45deg); box-shadow: -4px 4px 0 #93151B;"><div style="width: 27px; height: 28px; color: #300D38; font-size: 20pt; text-align: center; line-height: 0.8em; transform: rotate(-45deg);">♧</div></div> <!---SIDE DIAMOND: BOTTOM---!> <div style="margin: 1px 0 0 25px; width: 28px; height: 28px; background-color: #FFC46A; transform: rotate(45deg); box-shadow: -4px 4px 0 #93151B;"><div style="width: 27px; height: 28px; color: #300D38; font-size: 20pt; text-align: center; line-height: 1em; transform: rotate(-45deg);">♥</div></div> <!---TEXT---!> <div style="margin: -97px 0 0 67px; width: 175px; height: 75px; color: #4C1459; text-transform: lowercase; font-size: 8pt; line-height: 0.9em; overflow: hidden; position: relative; z-index: 1;"> <hr style="border-top: medium double #93151B;"> BOTTOM TEXT BLURB </div> <!---BIG CIRCLE---!> <div style="margin: -190px 0 0 27px; width: 225px; height: 210px; border-radius: 50% 50% 0% 40%; background-color: #FBF0E3;"></div> </div> <!---END CARD--!>

Credit for the code goes to efryndiel. Source.