Home » Beiträge » 1452

View Beitrag #1452

Html enthält leere Verknüpfung, die "#", "mailto:", "/", "http://" oder "https://" entspricht.

ID	1452
Ident	Responsive Newsletter Test NH
Titel	Responsive Newsletter Test NH
Balkentitel	http://tutsplus.github.io/a-simple-responsive-html-email/HTML/index.html
Created	2016-07-28 17:55:19
Veraltet	1
typ_id	Roh
sub_typ_id	Statisch
html	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>A Simple Responsive HTML Email</title> <style type="text/css"> body {margin: 0; padding: 0; min-width: 100%!important;} img {height: auto;} .content {width: 100%; max-width: 600px;} .header {padding: 40px 30px 20px 30px;} .innerpadding {padding: 30px 30px 30px 30px;} .borderbottom {border-bottom: 1px solid #f2eeed;} .subhead {font-size: 15px; color: #ffffff; font-family: sans-serif; letter-spacing: 10px;} .h1, .h2, .bodycopy {color: #153643; font-family: sans-serif;} .h1 {font-size: 33px; line-height: 38px; font-weight: bold;} .h2 {padding: 0 0 15px 0; font-size: 24px; line-height: 28px; font-weight: bold;} .bodycopy {font-size: 16px; line-height: 22px;} .button {text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0 30px 0 30px;} .button a {color: #ffffff; text-decoration: none;} .footer {padding: 20px 30px 15px 30px;} .footercopy {font-family: sans-serif; font-size: 14px; color: #ffffff;} .footercopy a {color: #ffffff; text-decoration: underline;} @media only screen and (max-width: 550px), screen and (max-device-width: 550px) { body[yahoo] .hide {display: none!important;} body[yahoo] .buttonwrapper {background-color: transparent!important;} body[yahoo] .button {padding: 0px!important;} body[yahoo] .button a {background-color: #e05443; padding: 15px 15px 13px!important;} body[yahoo] .unsubscribe {display: block; margin-top: 20px; padding: 10px 50px; background: #2f3942; border-radius: 5px; text-decoration: none!important; font-weight: bold;} } /@media only screen and (min-device-width: 601px) { .content {width: 600px !important;} .col425 {width: 425px!important;} .col380 {width: 380px!important;} }/ </style> <table bgcolor="#f6f8f1" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td> <!--[if (gte mso 9)\|(IE)]> <table width="600" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table class="content" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td class="header" bgcolor="#c7d8a7"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="70"> <tbody><tr> <td style="padding: 0 20px 20px 0;" height="70"> <img class="fix" src="http://tutsplus.github.io/a-simple-responsive-html-email/HTML/images/icon.gif" alt="" border="0" height="70" width="70"> </td> </tr> </tbody></table> <!--[if (gte mso 9)\|(IE)]> <table width="425" align="left" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table class="col425" style="width: 100%; max-width: 425px;" align="left" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="70"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td class="subhead" style="padding: 0 0 0 3px;"> CREATING </td> </tr> <tr> <td class="h1" style="padding: 5px 0 0 0;"> Responsive Email Magic </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!--[if (gte mso 9)\|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td class="innerpadding borderbottom"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td class="h2"> Welcome to our responsive email! </td> </tr> <tr> <td class="bodycopy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat. </td> </tr> </tbody></table> </td> </tr> <tr> <td class="innerpadding borderbottom"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="115"> <tbody><tr> <td style="padding: 0 20px 20px 0;" height="115"> <img class="fix" src="http://tutsplus.github.io/a-simple-responsive-html-email/HTML/images/article1.png" alt="" border="0" height="115" width="115"> </td> </tr> </tbody></table> <!--[if (gte mso 9)\|(IE)]> <table width="380" align="left" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table class="col380" style="width: 100%; max-width: 380px;" align="left" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td class="bodycopy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat. </td> </tr> <tr> <td style="padding: 20px 0 0 0;"> <table class="buttonwrapper" bgcolor="#e05443" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td class="button" height="45"> <a href="#">Claim yours!</a> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!--[if (gte mso 9)\|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td class="innerpadding borderbottom"> <img class="fix" src="http://tutsplus.github.io/a-simple-responsive-html-email/HTML/images/wide.png" alt="" border="0" width="100%"> </td> </tr> <tr> <td class="innerpadding bodycopy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat. </td> </tr> <tr> <td class="footer" bgcolor="#44525f"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td class="footercopy" align="center"> ® Someone, somewhere 2013<br> <a href="#" class="unsubscribe"><font color="#ffffff">Unsubscribe</font></a> <span class="hide">from this newsletter instantly</span> </td> </tr> <tr> <td style="padding: 20px 0 0 0;" align="center"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td style="text-align: center; padding: 0 10px 0 10px;" width="37"> <a href="http://www.facebook.com/"> <img src="http://tutsplus.github.io/a-simple-responsive-html-email/HTML/images/facebook.png" alt="Facebook" border="0" height="37" width="37"> </a> </td> <td style="text-align: center; padding: 0 10px 0 10px;" width="37"> <a href="http://www.twitter.com/"> <img src="http://tutsplus.github.io/a-simple-responsive-html-email/HTML/images/twitter.png" alt="Twitter" border="0" height="37" width="37"> </a> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!--[if (gte mso 9)\|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </tbody></table>
Typo3Html	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>A Simple Responsive HTML Email</title> <style type="text/css"> body {margin: 0; padding: 0; min-width: 100%!important;} img {height: auto;} .content {width: 100%; max-width: 600px;} .header {padding: 40px 30px 20px 30px;} .innerpadding {padding: 30px 30px 30px 30px;} .borderbottom {border-bottom: 1px solid #f2eeed;} .subhead {font-size: 15px; color: #ffffff; font-family: sans-serif; letter-spacing: 10px;} .h1, .h2, .bodycopy {color: #153643; font-family: sans-serif;} .h1 {font-size: 33px; line-height: 38px; font-weight: bold;} .h2 {padding: 0 0 15px 0; font-size: 24px; line-height: 28px; font-weight: bold;} .bodycopy {font-size: 16px; line-height: 22px;} .button {text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0 30px 0 30px;} .button a {color: #ffffff; text-decoration: none;} .footer {padding: 20px 30px 15px 30px;} .footercopy {font-family: sans-serif; font-size: 14px; color: #ffffff;} .footercopy a {color: #ffffff; text-decoration: underline;} @media only screen and (max-width: 550px), screen and (max-device-width: 550px) { body[yahoo] .hide {display: none!important;} body[yahoo] .buttonwrapper {background-color: transparent!important;} body[yahoo] .button {padding: 0px!important;} body[yahoo] .button a {background-color: #e05443; padding: 15px 15px 13px!important;} body[yahoo] .unsubscribe {display: block; margin-top: 20px; padding: 10px 50px; background: #2f3942; border-radius: 5px; text-decoration: none!important; font-weight: bold;} } /@media only screen and (min-device-width: 601px) { .content {width: 600px !important;} .col425 {width: 425px!important;} .col380 {width: 380px!important;} }/ </style> <table bgcolor="#f6f8f1" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td> <!--[if (gte mso 9)\|(IE)]> <table width="600" align="center" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table class="content" align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td class="header" bgcolor="#c7d8a7"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="70"> <tbody><tr> <td style="padding: 0 20px 20px 0;" height="70"> <img class="fix" src="http://tutsplus.github.io/a-simple-responsive-html-email/HTML/images/icon.gif" alt="" border="0" height="70" width="70"> </td> </tr> </tbody></table> <!--[if (gte mso 9)\|(IE)]> <table width="425" align="left" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table class="col425" style="width: 100%; max-width: 425px;" align="left" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="70"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td class="subhead" style="padding: 0 0 0 3px;"> CREATING </td> </tr> <tr> <td class="h1" style="padding: 5px 0 0 0;"> Responsive Email Magic </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!--[if (gte mso 9)\|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td class="innerpadding borderbottom"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td class="h2"> Welcome to our responsive email! </td> </tr> <tr> <td class="bodycopy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat. </td> </tr> </tbody></table> </td> </tr> <tr> <td class="innerpadding borderbottom"> <table align="left" border="0" cellpadding="0" cellspacing="0" width="115"> <tbody><tr> <td style="padding: 0 20px 20px 0;" height="115"> <img class="fix" src="http://tutsplus.github.io/a-simple-responsive-html-email/HTML/images/article1.png" alt="" border="0" height="115" width="115"> </td> </tr> </tbody></table> <!--[if (gte mso 9)\|(IE)]> <table width="380" align="left" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <![endif]--> <table class="col380" style="width: 100%; max-width: 380px;" align="left" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td class="bodycopy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat. </td> </tr> <tr> <td style="padding: 20px 0 0 0;"> <table class="buttonwrapper" bgcolor="#e05443" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td class="button" height="45"> <a href="#">Claim yours!</a> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!--[if (gte mso 9)\|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> <tr> <td class="innerpadding borderbottom"> <img class="fix" src="http://tutsplus.github.io/a-simple-responsive-html-email/HTML/images/wide.png" alt="" border="0" width="100%"> </td> </tr> <tr> <td class="innerpadding bodycopy"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tempus adipiscing felis, sit amet blandit ipsum volutpat sed. Morbi porttitor, eget accumsan dictum, nisi libero ultricies ipsum, in posuere mauris neque at erat. </td> </tr> <tr> <td class="footer" bgcolor="#44525f"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td class="footercopy" align="center"> ® Someone, somewhere 2013<br> <a href="#" class="unsubscribe"><font color="#ffffff">Unsubscribe</font></a> <span class="hide">from this newsletter instantly</span> </td> </tr> <tr> <td style="padding: 20px 0 0 0;" align="center"> <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td style="text-align: center; padding: 0 10px 0 10px;" width="37"> <a href="http://www.facebook.com/"> <img src="http://tutsplus.github.io/a-simple-responsive-html-email/HTML/images/facebook.png" alt="Facebook" border="0" height="37" width="37"> </a> </td> <td style="text-align: center; padding: 0 10px 0 10px;" width="37"> <a href="http://www.twitter.com/"> <img src="http://tutsplus.github.io/a-simple-responsive-html-email/HTML/images/twitter.png" alt="Twitter" border="0" height="37" width="37"> </a> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> <!--[if (gte mso 9)\|(IE)]> </td> </tr> </table> <![endif]--> </td> </tr> </tbody></table>

Beitrag per e-mail verschicken

Auswertungsvorlage anzeigen

Statistik anzeigen