chriscodes | moodboard CR chart/muselist

CR/Muses

IZUKU MIDORIYA
DEKU
★★★★☆

BAKUGOU KATSUKI
DYNAMIGHT
★★★★☆

TODOROKI SHOUTO
SHOUTO
★★★★☆

URARAKA OCHAKO
URAVITY
★★★★☆

ASUI TSUYU
FROPPY
★★★★☆

JIROU KYOUKA
EARPHONE JACK
★★★★☆

CODE

THE CODE:

<raw-code><div style="margin:0 auto;width:600px;display:flex;flex-wrap:wrap;font-family:georgia;">

<div style="width:100%;min-height:100px; background:url(HEADER_IMG)center; background-size:cover;padding:20px;font-size:48pt;color:white;text-shadow:1px 1px 6px #000;display:flex;align-items:center;justify-content:center;">TITLE</div>

<div style="background:url(IMGURL) center; background-size:cover;width:33.3%; min-height:200px;"><div style="min-height:180px;margin:20px;background:rgba(255,255,255,0.7);display:flex;align-items:center;justify-content:center;">

<div style="padding: 10px;align-self:center;">
    <center><img src="ICONURL" style="width:70px;border-radius:50%;"><br/>
    <b>NAME</b><br/>
    SUBTITLE<br/>
    ★★★★☆</center>
</div> </div>
</div>

FIND AND REPLACE:

width:600px - Width of the code (you can make it wider or narrower)
HEADER_IMGURL - Your header image
IMGURL - Each bakground image
ICONURL - Each icon
NAME - Self explanatory
SUBTITLE - Put whatever you want here: canon, relationship, username, etc.
You can copy and paste the code between  and  to add new blocks.

PLEASE CREDIT:

chriscodes

moodboard CR chart/muselist

no subject