lovely

[center][div style="background: #282828; border-radius: 3px 3px 3px 3px; width: 445px; padding: 15px;"][table][tr][td][div style="background: #404040; border: 1px solid #282828; border-radius: 3px 3px 3px 3px; width: 129px; padding: 10px; padding-top: 6px;"][div style="width: 129px; text-align: left; font-family: work sans light, arial; font-size: 8pt; font-weight: bold; color: #ccc;"]very short title[/div]
[div style="width: 129px; text-align: left; font-family: work sans light, arial; font-size: 6pt; text-transform: uppercase; color: #ccc; margin-top: -3px;"]very short subtitle[/div]
[table][tr][td][div style="background: url(AES IMG ONE) center; background-size: cover; width: 57px; height: 57px; margin-right: 5px; margin-bottom: 5px;"][/div][/td][td][div style="background: url(AES IMG TWO) center; background-size: cover; width: 57px; height: 57px;"][/div][/td][/tr]
[tr][td][div style="background: url(AES IMG THREE) center; background-size: cover; width: 57px; height: 57px; margin-bottom: 5px;"][/div][/td][td][div style="background: url(AES IMG FOUR) center; background-size: cover; width: 57px; height: 57px;"][/div][/td][/tr]
[tr][td][div style="background: url(AES IMG FIVE) center; background-size: cover; width: 57px; height: 57px;"][/div][/td][td][div style="background: url(AES IMG SIX) center; background-size: cover; width: 57px; height: 57px;"][/div][/td][/tr][/table][/td]
[td][div style="background: #404040; border: 1px solid #282828; border-radius: 3px 3px 3px 3px; width: 250px; height: 221px; overflow: hidden; padding: 10px; margin-left: 8px;"][div style="width: 250px; height: 221px; overflow: auto; padding: 0px; padding-right: 27px;"][div style="width: 250px; min-height: 221px; padding: 0px; text-align: justify; font-family: work sans light, arial; font-size: 7pt; color: #ccc; line-height: 1.2;"]your main text goes here !!
[div style="border-left: 1.5px solid #c9c9c9; padding: 0px; padding-left: 10px; width: 238.5px;"]this is the code for blockquotes !![/div]
[/div][/div][/div][/td][/tr][/table]
[table][tr][td][div style="border-bottom: 1.5px solid #ccc; width: 180px; padding: 0px; padding-left: 2px; text-align: left; font-family: work sans light, arial; font-size: 6pt; letter-spacing: 1px; color: #ccc; text-transform: uppercase; margin-top: 20px;"]CHARACTERS NAME ??[/div] * you might have to change the margin-left on the blinking cursor & search icon !! *
[div style="background: url(https://orig00.deviantart.net/7c7d/f/2013/323/e/0/white_small_blinking_text_cursor_by_neripixu-d6uua0j.gif) center; background-size: cover; width: 9px; height: 7px; margin-left: 105px; margin-top: -13.5px;"][/div]
[div style="width: 20px; height: 20px; font-size: 5.5pt; color: #c9c9c9; margin-top: -7px; margin-left: 170px;"][fa]search[/fa][/div][/td]
[td][div style="width: 155px; text-align: right; font-family: work sans light, arial; font-size: 8pt; letter-spacing: 1px; font-weight: bold; color: #ccc; margin-top: 10px; margin-left: 25px;"]smol title thingy[/div]
[div style="width: 155px; text-align: justify; font-family: work sans light, arial; font-size: 5pt; text-transform: uppercase; letter-spacing: 1.5px; color: #ccc; line-height: 1.1; margin-left: 25px;"]smol li'l description ?? don't go over three lines ( no scroll ) !![/div][/td]
[td][div style="background: url(ICON IMAGE) center; background-size: cover; border-radius: 100%; width: 50px; height: 50px; margin-top: 5px;"][/div][/td][/tr][/table]