Mail Template Media Indonesia

KangRian.com

by Avi Algaly

HTML

<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
body {
margin:0; padding:0; font-size:16px!important; 
  -webkit-font-smoothing: antialiased;
  height: 100%;
  -webkit-text-size-adjust: none;
  width: 100% !important;
}

* {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  line-height: 1.6em;
  margin: 0;
  padding: 0;
}
h2 {  font-size:25px; font-weight:700; }
a {
  color: #348eda;
}
.wrapper {
background:#eee;position:absolute;top:0;left:0;right:0;
}
.logo {
width: 100%; max-width: 600px; margin: 0 auto!important; padding: 15px 0!important; background: #2b2b2b; border-bottom:5px solid #191919; text-align: center;
}
.logo img {
display: block; margin: 0 auto!important;
}
.konten {
width: 100%; max-width: 600px; margin: 0 auto!important; background: #fff; text-align: left;
}
.konten img {
max-width:100%!important;background:#333;margin: 0 auto!important;display:block;
}
.konten .text {
padding: 20px;color:#5b5b5b;
}
.konten h2 {
border-bottom:2px solid #ddd;padding-bottom:15px;margin-bottom:20px;
}
.konten h2 a {
color:#666;text-decoration:none;float:right;display:inline-block;padding:5px 15px;border:2px solid #ddd;font-size:60%;
}
.footer {
width: 100%; max-width: 600px; margin: 0 auto!important; background: #f5f5f5; text-align: center;font-size:80%;
}
.footer p {
width: 90%; padding: 20px 0;margin:0 auto; color:#888;
}
.footer a {
color:#999;text-decoration:none;
}
.footer .copyright {
padding: 10px; color:#999;
border-top:1px solid #ccc;
}
</style>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
</head>
<body>
<br/>
<div class="wrapper">
    <div class="logo">
        <a href="http://kangrian.com"><img src="http://1.bp.blogspot.com/-MxeWKjzLrqA/VrfZ2L8nvUI/AAAAAAAABh4/PnFCmWVouqc/s1600-r/logo.png" height="60" /></a>
 ...