Si vous êtes à la recherche d'une solution HTML alors ci-dessous est le code que vous pouvez utiliser.
Son rugueux mais donne une idée en utilisant votre visuel.
<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#17b0de" style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:47px 0px; text-align:center; font-size:80px;color:#ffffff;">ROW 1</td>
</tr>
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="55" height="190" bgcolor="#17b0de"> </td>
<td bgcolor="#49267c" style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; font-size:80px;color:#ffffff;">VISUAL</td>
<td width="55" bgcolor="#17b0de"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="55" height="79" bgcolor="#d9ecf2"> </td>
<td bgcolor="#49267c" style="height:10px;line-height:0px; font-size:0px;"></td>
<td width="55" bgcolor="#d9ecf2"> </td>
</tr>
</table></td>
</tr>
<tr>
<td bgcolor="#d9ecf2" style="font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:20px 0px; text-align:center; font-size:80px;color:#ffffff;">ROW 2</td>
</tr>
</table>
Vive
Nous ne pouvons pas construire ici toute la solution. Essayez de travailler dessus et si vous êtes coincé dans votre code, alors nous pouvons vous aider, mais ne vous attendez pas à ce que les gens s'assoient et passent du temps à travailler à partir de zéro pour vous donner des solutions de construction prêtes. Partagez votre code si vous avez fait quelque chose et que vous rencontrez des problèmes. –