<html>
<body>
<style>
body {
font: 14px Arial, Helvetica, sans-serif;
background: #fff;
color: #333;
width: 550px;
max-width: 95%;
}
a {
color: #c00;
}
h1 {
font-size: 20px;
color: #333;
}
h2 {
font-size: 15px;
color: #333;
}
.avatar {
float: left;
padding: 0 5px 5px 0;
}
.clear-after:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.signup {
font-weight: bold;
}
</style>
<h1>Hi there!</h1>
<p class="clear-after">
<img src="cid:avatar" alt="Hugo Paquete's avatar" class="avatar">
Hugo Paquete invites you to join <b>My Opera.</b><br>
At My Opera you can blog, share photos, keep up with friends and much more.
</p>
<h2>Hugo Paquete says:</h2>
<p>"This is a great bowser.
Thanks
Stay in contact. "
</p>
<p><a href="https://my.opera.com/community/signup?referrer=23a4ce4481703c3039f403ba6fa908bc" class="signup">Join My Opera</a></p>
<p>Best regards,<br>
<a href="http://my.opera.com/HugoPaquete">Hugo Paquete</a></p>
</body>
</html>