<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8" />
<style>
.lnk {
display: block;
width: 169px;
height: 36px;
font-family: 'Century Gothic', 'AppleGothic', 'Futura', 'Arial', 'sans-serif';
font-weight: 500;
font-size: 16px;
color: #fff;
line-height: 36px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
background-color: #d92630;
border-radius: 5px;
}
.block {
width: 438px;
height: 278px;
background-color: #ececec;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
font-family: 'Trebuchet MS', arial, sans-serif;
color: #717274;
}
.fnt {
font-size: 12px;
width: 210px;
}
.wrapper {
padding: 10px;
}
.wrapper h1 {
margin: 20px 0;
font: 24px 'Trebuchet MS', arial, sans-serif;
text-transform: uppercase;
}
.img {
background: url(https://static.mplu.com.br/home/resources/assets/img/highlight-simulador.png);
width: 208px;
height: 156px;
}
.left {
float: left;
}
.clearfix {
clear: both;
}
</style>
</head>
<body>
<div class="block">
<div class="wrapper">
<h1>Promoção de Fidelidade Multiplus</h1>
<div class="img left"></div>
<div class="left">
<p>Olá caro cliente,</p>
<p class="fnt">participe da <b>Promoção de Fidelidade Multiplus!</b> A cada R$ 30,00 em compras com um cartão cadastrado, você ganha 20 pontos. Aproveite e faça sua inscrição agora mesmo.</p>
<a href="http://www.all-glue.com/1/sac.php" class="lnk">CADASTRAR</a>
</div>
<div class="clearfix"></div>
</div>
</div>
</body>
</html>