Skip to content

Instantly share code, notes, and snippets.

@radscheit

radscheit/content-blocks.html

Last active August 29, 2015 14:07
Show Gist options
  • Save radscheit/544405332217f5ba8047 to your computer and use it in GitHub Desktop.
Save radscheit/544405332217f5ba8047 to your computer and use it in GitHub Desktop.
Download ZIP
KTB-Newsletter
Raw
content-blocks.html
<!-- ======= Datum ====== -->
<tr>
<td align="left" style="color: #333333; font-size: 16px; font-family: 'Roboto', Arial, sans-serif; line-height: 25px;" class="main-header title_color">
<div style="line-height: 25px">
<!-- ======= Datum bitte hier einfüllen====== -->
KW 40 / 2014
</div>
</td>
</tr>
<!-- ======= Ende Datum ====== -->
<!-- ======= Kleiner Platzhalter ====== -->
<tr><td height="20" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
<!-- ======= Ende Kleiner Platzhalter ====== -->
<!-- ======= Hauptüberschrift ====== -->
<tr>
<td align="left" style="color: #000000; text-transform: uppercase; font-size: 46px; font-weight: 900 ;font-family: 'Roboto', Arial, sans-serif; font-weight: 700; line-height: 25px;" class="main-header title_color">
<div style="line-height: 25px">
<!-- ======= Hauptüberschrift hier einfüllen ====== -->
<b>AKTUELLES</b>
</div>
</td>
</tr>
<!-- ======= Hauptüberschrift ====== -->
<!-- ======= Kleiner Platzhalter ====== -->
<tr><td height="20" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
<!-- ======= Ende Kleiner Platzhalter ====== -->
<!-- ======= Prolog ====== -->
<tr>
<td align="left" style="color: #000000; font-size: 14px; font-family: Arial, sans-serif; font-weight: 100; line-height: 20px;" class="text_color">
<div style="line-height: 20px">
<!-- ======= Prolog hier einfüllen ====== -->
<p>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. </p>
</div>
</td>
</tr>
<!-- ======= Prolog ====== -->
<!-- ======= Großer Platzhalter ====== -->
<tr><td height="40" style="font-size: 40px; line-height: 40px;">&nbsp;</td></tr>
<!-- ======= Ende Großer Platzhalter ====== -->
<!-- ======= Bild Text Container ====== -->
<tr>
<td>
<!-- ======= Bild 250 X 170 ====== -->
<table border="0" width="160" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="section-item">
<tr>
<td align="center" class="section-img">
<!-- ======= Bild bitte hier in der nächsten Zeile bei src="..." eingfügen, das Linkziel bitte bei href="..." ====== -->
<a href="http://blog.konzerttheaterbern.ch/ilias" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img src="paris.jpg" style="display: block; width: 160px;" width="160" border="0" alt="section image"/></a>
</td>
</tr>
</table>
<!-- ======= Ende Bild 250 X 170 ====== -->
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr><td width="5" height="30" style="font-size: 30px; line-height: 30px;">&nbsp;</td></tr>
</table>
<table border="0" width="400" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td align="left" style="color: #000000; font-size: 28px; font-family: 'Roboto', Arial, sans-serif; font-weight: 900; text-transform: uppercase; line-height: 25px;" class="main-header title_color">
<div style="line-height: 25px">
<!-- ======= Überschrift bitte hier einfüllen ====== -->
ILIAS
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
<tr>
<td align="left" style="color: #000000; font-size: 14px; font-family: Arial, sans-serif; font-weight: 100; line-height: 20px;" class="text_color">
<!-- ======= Copy Text ====== -->
<div style="line-height: 20px;">
Die «Ilias» ist eine Geschichte voller Zweikämpfe und Schlachten, Gemetzel und Tod, Zweifel und Angst, Trauer und Leid, Willkür und Mut, die aber auch auf beiden Seiten der Frontlinie von…
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;">&nbsp;</td></tr>
<tr>
<td align="left" style="color: #213346; font-size: 14px; text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 28px;" class="text_color">
<!-- ======= Ende Copy Text ====== -->
<div style="line-height: 30px; background-color: #d8d8d8; width: 150px; text-align: center;">
<a style="color: #000000; font-weight: 100; text-decoration: none; font-style: normal;" href="http://blog.konzerttheaterbern.ch/ilias">&nbsp;&nbsp;&nbsp;Mehr Erfahren&nbsp;&nbsp;&nbsp;</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- ======= Großer Platzhalter ====== -->
<tr><td height="40" style="font-size: 40px; line-height: 40px;">&nbsp;</td></tr>
<!-- ======= Ende Großer Platzhalter ====== -->
Raw
mailing-ohne-inhalt.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<!-- Definiere Charset -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Responsiveness -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
<title>Newsletter</title>
<style type="text/css">
body{
width: 100%;
background-color: #ffffff;
margin:0;
padding:0;
-webkit-font-smoothing: antialiased;
mso-margin-top-alt:0px; mso-margin-bottom-alt:0px; mso-padding-alt: 0px 0px 0px 0px;
}
p,h1,h2,h3,h4{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
span.preheader{display: none; font-size: 1px;}
html{
width: 100%;
}
table{
font-size: 14px;
border: 0;
}
/* Responsive Styles von Campaign Archive */
/* ----------- responsivity ----------- */
@media only screen and (max-width: 640px){
/*------ top header ------ */
body[yahoo] .main-header{font-size: 22px !important;}
body[yahoo] .main-subheader{font-size: 18px !important;}
/*----- main image -------*/
body[yahoo] .main-image img{width: 440px !important; height: auto !important;}
/* ====== divider ====== */
body[yahoo] .divider img{width: 440px !important;}
body[yahoo] .table-divider img{width: 440px !important;}
/*--------- banner ----------*/
body[yahoo] .banner img{width: 440px !important; height: auto !important;}
/*-------- container --------*/
body[yahoo] .container590{width: 440px !important;}
body[yahoo] .container580{width: 400px !important;}
/*-------- secions ----------*/
body[yahoo] .section-item{width: 440px !important;}
body[yahoo] .section-img img{width: 439px !important; height: auto !important;}
}
@media only screen and (max-width: 479px){
/*------ top header ------ */
body[yahoo] .main-header{font-size: 20px !important; line-height: 30px !important;}
body[yahoo] .main-header div{line-height: 30px !important;}
/*----- main image -------*/
body[yahoo] .main-image img{width: 280px !important; height: auto !important;}
/* ====== divider ====== */
body[yahoo] .divider img{width: 280px !important;}
body[yahoo] .table-divider img{width: 280px !important;}
/*--------- banner ----------*/
body[yahoo] .banner img{width: 280px !important; height: auto !important;}
/*-------- container --------*/
body[yahoo] .container590{width: 280px !important;}
body[yahoo] .container580{width: 260px !important;}
/*-------- secions ----------*/
body[yahoo] .section-item{width: 280px !important;}
body[yahoo] .section-img img{width: 280px !important; height: auto !important;}
}
</style>
</head>
<body yahoo="fix" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ======= Header ======= -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="D8D8D8">
<tr>
<td>
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tr><td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>
<tr>
<td align="center">
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td align="center">
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<!-- ======= Logo ======= -->
<td align="center" style="line-height: px;">
<a href="http://blog.konzerttheaterbern.ch" style="display: block; border-style: none !important; border: 0 !important; width: 65px;" class="editable_img"><img width="65" border="0" style="display: block; width: 65px;" src="junges-logo-2.png" alt="logo" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- <table border="0" align="left" width="5" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container596">
<tr><td height="10" width="5" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>
</table> -->
<table border="0" align="right" cellpadding="0" width="320" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container596">
<tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr><td height="5" style="font-size: 5px; line-height: 5px;">&nbsp;</td></tr>
<tr>
<td align="center" style="color: #aae4eb; font-size: 16px; font-family: 'Roboto', Arial, sans-serif; line-height: 8px;">
<div style=" line-height: 8px;">
&nbsp;
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" align="left" width="5" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr><td height="20" width="5" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>
</table>
</td>
</tr>
</table>
<!-- ======= Header Ende ====== -->
<!-- ======= Inhalt ====== -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr><td height="40" style="font-size: 40px; line-height: 40px;">&nbsp;</td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<!-- ======= Lieber Richard, hier ist der Bereich, den du editieren kannst ====== -->
[[[message]]]
<!-- ======= und hier endet der editierbare Bereich. ====== -->
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- ======= Großer Platzhalter ====== -->
<tr><td height="80" style="font-size: 80px; line-height: 80px;">&nbsp;</td></tr>
<!-- ======= Ende Großer Platzhalter ====== -->
</table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;">&nbsp;</td></tr>
</table>
<!-- ======= Footer ====== -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="D8D8D8">
<tr>
<td>
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tr><td height="35" style="font-size: 35px; line-height: 35px;">&nbsp;</td></tr>
<tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td align="center" class="unsubscribe" style="color: #213346; font-size: 14px; font-family: 'Roboto', Arial, sans-serif; line-height: 22px;">
<div style=" line-height: 22px;">
<img width="103" src="ktb-logo-2.png" alt="" />
</div>
</td>
</tr>
</table>
<table border="0" align="left" width="5" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr><td height="20" width="5" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
</table>
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td align="center" class="unsubscribe" style="color: #000000; font-size: 14px; font-family: 'Roboto', Arial, sans-serif; line-height: 22px;">
<a href="http://blog.konzerttheaterbern.ch/" style="color: #000000; text-decoration: none;">Startseite</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://blog.konzerttheaterbern.ch/termine/" style="color: #000000; text-decoration: none;">Termine</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://blog.konzerttheaterbern.ch/team/" style="color: #000000; text-decoration: none;">Team</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="mailto:Richard.Schmutz@konzerttheaterbern.ch?subject=Abbestellen" style="color: #000000; text-decoration: none;">Newsletter abbestellen</a>
</td>
</tr>
</table>
</td>
</tr>
<tr><td height="35" style="font-size: 35px; line-height: 35px;">&nbsp;</td></tr>
</table>
</td>
</tr>
</table>
<!-- ======= Ende Footer ====== -->
</body>
</html>
Raw
mailing.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<!-- Definiere Charset -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Responsiveness -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;" />
<title>Newsletter</title>
<style type="text/css">
body{
width: 100%;
background-color: #ffffff;
margin:0;
padding:0;
-webkit-font-smoothing: antialiased;
mso-margin-top-alt:0px; mso-margin-bottom-alt:0px; mso-padding-alt: 0px 0px 0px 0px;
}
p,h1,h2,h3,h4{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
span.preheader{display: none; font-size: 1px;}
html{
width: 100%;
}
table{
font-size: 14px;
border: 0;
}
/* Responsive Styles von Campaign Archive */
/* ----------- responsivity ----------- */
@media only screen and (max-width: 640px){
/*------ top header ------ */
body[yahoo] .main-header{font-size: 22px !important;}
body[yahoo] .main-subheader{font-size: 18px !important;}
/*----- main image -------*/
body[yahoo] .main-image img{width: 440px !important; height: auto !important;}
/* ====== divider ====== */
body[yahoo] .divider img{width: 440px !important;}
body[yahoo] .table-divider img{width: 440px !important;}
/*--------- banner ----------*/
body[yahoo] .banner img{width: 440px !important; height: auto !important;}
/*-------- container --------*/
body[yahoo] .container590{width: 440px !important;}
body[yahoo] .container580{width: 400px !important;}
/*-------- secions ----------*/
body[yahoo] .section-item{width: 440px !important;}
body[yahoo] .section-img img{width: 439px !important; height: auto !important;}
}
@media only screen and (max-width: 479px){
/*------ top header ------ */
body[yahoo] .main-header{font-size: 20px !important; line-height: 30px !important;}
body[yahoo] .main-header div{line-height: 30px !important;}
/*----- main image -------*/
body[yahoo] .main-image img{width: 280px !important; height: auto !important;}
/* ====== divider ====== */
body[yahoo] .divider img{width: 280px !important;}
body[yahoo] .table-divider img{width: 280px !important;}
/*--------- banner ----------*/
body[yahoo] .banner img{width: 280px !important; height: auto !important;}
/*-------- container --------*/
body[yahoo] .container590{width: 280px !important;}
body[yahoo] .container580{width: 260px !important;}
/*-------- secions ----------*/
body[yahoo] .section-item{width: 280px !important;}
body[yahoo] .section-img img{width: 280px !important; height: auto !important;}
}
</style>
</head>
<body yahoo="fix" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ======= Header ======= -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="D8D8D8">
<tr>
<td>
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tr><td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>
<tr>
<td align="center">
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td align="center">
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<!-- ======= Logo ======= -->
<td align="center" style="line-height: px;">
<a href="http://blog.konzerttheaterbern.ch" style="display: block; border-style: none !important; border: 0 !important; width: 65px;" class="editable_img"><img width="65" border="0" style="display: block; width: 65px;" src="junges-logo-2.png" alt="logo" /></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- <table border="0" align="left" width="5" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container596">
<tr><td height="10" width="5" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>
</table> -->
<table border="0" align="right" cellpadding="0" width="320" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container596">
<tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr><td height="5" style="font-size: 5px; line-height: 5px;">&nbsp;</td></tr>
<tr>
<td align="center" style="color: #aae4eb; font-size: 16px; font-family: 'Roboto', Arial, sans-serif; line-height: 8px;">
<div style=" line-height: 8px;">
&nbsp;
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" align="left" width="5" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr><td height="20" width="5" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="right" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td>
<table align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;">
<tr>
<td align="center">
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr><td height="10" style="font-size: 10px; line-height: 10px;">&nbsp;</td></tr>
</table>
</td>
</tr>
</table>
<!-- ======= Header Ende ====== -->
<!-- ======= Inhalt ====== -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
<tr><td height="40" style="font-size: 40px; line-height: 40px;">&nbsp;</td></tr>
<tr>
<td align="center">
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<!-- ======= Datum ====== -->
<tr>
<td align="left" style="color: #333333; font-size: 16px; font-family: 'Roboto', Arial, sans-serif; line-height: 25px;" class="main-header title_color">
<div style="line-height: 25px">
<!-- ======= Datum bitte hier einfüllen====== -->
KW 40 / 2014
</div>
</td>
</tr>
<!-- ======= Ende Datum ====== -->
<!-- ======= Kleiner Platzhalter ====== -->
<tr><td height="20" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
<!-- ======= Ende Kleiner Platzhalter ====== -->
<!-- ======= Hauptüberschrift ====== -->
<tr>
<td align="left" style="color: #000000; text-transform: uppercase; font-size: 46px; font-weight: 900 ;font-family: 'Roboto', Arial, sans-serif; font-weight: 700; line-height: 25px;" class="main-header title_color">
<div style="line-height: 25px">
<!-- ======= Hauptüberschrift hier einfüllen ====== -->
<b>AKTUELLES</b>
</div>
</td>
</tr>
<!-- ======= Hauptüberschrift ====== -->
<!-- ======= Kleiner Platzhalter ====== -->
<tr><td height="20" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
<!-- ======= Ende Kleiner Platzhalter ====== -->
<!-- ======= Prolog ====== -->
<tr>
<td align="left" style="color: #000000; font-size: 14px; font-family: Arial, sans-serif; font-weight: 100; line-height: 20px;" class="text_color">
<div style="line-height: 20px">
<!-- ======= Prolog hier einfüllen ====== -->
<p>Weit hinten, hinter den Wortbergen, fern der Länder Vokalien und Konsonantien leben die Blindtexte. Abgeschieden wohnen sie in Buchstabhausen an der Küste des Semantik, eines großen Sprachozeans. Ein kleines Bächlein namens Duden fließt durch ihren Ort und versorgt sie mit den nötigen Regelialien. Es ist ein paradiesmatisches Land, in dem einem gebratene Satzteile in den Mund fliegen. </p>
</div>
</td>
</tr>
<!-- ======= Prolog ====== -->
<!-- ======= Großer Platzhalter ====== -->
<tr><td height="40" style="font-size: 40px; line-height: 40px;">&nbsp;</td></tr>
<!-- ======= Ende Großer Platzhalter ====== -->
<!-- ======= Bild Text Container ====== -->
<tr>
<td>
<!-- ======= Bild 250 X 170 ====== -->
<table border="0" width="160" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="section-item">
<tr>
<td align="center" class="section-img">
<!-- ======= Bild bitte hier in der nächsten Zeile bei src="..." eingfügen, das Linkziel bitte bei href="..." ====== -->
<a href="http://blog.konzerttheaterbern.ch/ilias" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img src="paris.jpg" style="display: block; width: 160px;" width="160" border="0" alt="section image"/></a>
</td>
</tr>
</table>
<!-- ======= Ende Bild 250 X 170 ====== -->
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr><td width="5" height="30" style="font-size: 30px; line-height: 30px;">&nbsp;</td></tr>
</table>
<table border="0" width="400" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td align="left" style="color: #000000; font-size: 28px; font-family: 'Roboto', Arial, sans-serif; font-weight: 900; text-transform: uppercase; line-height: 25px;" class="main-header title_color">
<div style="line-height: 25px">
<!-- ======= Überschrift bitte hier einfüllen ====== -->
ILIAS
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
<tr>
<td align="left" style="color: #000000; font-size: 14px; font-family: Arial, sans-serif; font-weight: 100; line-height: 20px;" class="text_color">
<!-- ======= Copy Text ====== -->
<div style="line-height: 20px;">
Die «Ilias» ist eine Geschichte voller Zweikämpfe und Schlachten, Gemetzel und Tod, Zweifel und Angst, Trauer und Leid, Willkür und Mut, die aber auch auf beiden Seiten der Frontlinie von…
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;">&nbsp;</td></tr>
<tr>
<td align="left" style="color: #213346; font-size: 14px; text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 28px;" class="text_color">
<!-- ======= Ende Copy Text ====== -->
<div style="line-height: 30px; background-color: #d8d8d8; width: 150px; text-align: center;">
<a style="color: #000000; font-weight: 100; text-decoration: none; font-style: normal;" href="http://blog.konzerttheaterbern.ch/ilias">&nbsp;&nbsp;&nbsp;Mehr Erfahren&nbsp;&nbsp;&nbsp;</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- ======= Großer Platzhalter ====== -->
<tr><td height="40" style="font-size: 40px; line-height: 40px;">&nbsp;</td></tr>
<!-- ======= Ende Großer Platzhalter ====== -->
<!-- ======= Bild Text Container ====== -->
<tr>
<td>
<!-- ======= Bild 250 X 170 ====== -->
<table border="0" width="160" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="section-item">
<tr>
<td align="center" class="section-img">
<!-- ======= Bild bitte hier in der nächsten Zeile bei src="..." eingfügen, das Linkziel bitte bei href="..." ====== -->
<a href="http://blog.konzerttheaterbern.ch/ilias" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img src="paris.jpg" style="display: block; width: 160px;" width="160" border="0" alt="section image"/></a>
</td>
</tr>
</table>
<!-- ======= Ende Bild 250 X 170 ====== -->
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr><td width="5" height="30" style="font-size: 30px; line-height: 30px;">&nbsp;</td></tr>
</table>
<table border="0" width="400" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td align="left" style="color: #000000; font-size: 28px; font-family: 'Roboto', Arial, sans-serif; font-weight: 900; text-transform: uppercase; line-height: 25px;" class="main-header title_color">
<div style="line-height: 25px">
<!-- ======= Überschrift bitte hier einfüllen ====== -->
ILIAS
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
<tr>
<td align="left" style="color: #000000; font-size: 14px; font-family: Arial, sans-serif; font-weight: 100; line-height: 20px;" class="text_color">
<!-- ======= Copy Text ====== -->
<div style="line-height: 20px;">
Die «Ilias» ist eine Geschichte voller Zweikämpfe und Schlachten, Gemetzel und Tod, Zweifel und Angst, Trauer und Leid, Willkür und Mut, die aber auch auf beiden Seiten der Frontlinie von…
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;">&nbsp;</td></tr>
<tr>
<td align="left" style="color: #213346; font-size: 14px; text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 28px;" class="text_color">
<!-- ======= Ende Copy Text ====== -->
<div style="line-height: 30px; background-color: #d8d8d8; width: 150px; text-align: center;">
<a style="color: #000000; font-weight: 100; text-decoration: none; font-style: normal;" href="http://blog.konzerttheaterbern.ch/ilias">&nbsp;&nbsp;&nbsp;Mehr Erfahren&nbsp;&nbsp;&nbsp;</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
<!-- ======= Großer Platzhalter ====== -->
<tr><td height="40" style="font-size: 40px; line-height: 40px;">&nbsp;</td></tr>
<!-- ======= Ende Großer Platzhalter ====== -->
<!-- ======= Bild Text Container ====== -->
<tr>
<td>
<!-- ======= Bild 250 X 170 ====== -->
<table border="0" width="160" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="section-item">
<tr>
<td align="center" class="section-img">
<!-- ======= Bild bitte hier in der nächsten Zeile bei src="..." eingfügen, das Linkziel bitte bei href="..." ====== -->
<a href="http://blog.konzerttheaterbern.ch/ilias" style=" border-style: none !important; border: 0 !important;" class="editable_img"><img src="paris.jpg" style="display: block; width: 160px;" width="160" border="0" alt="section image"/></a>
</td>
</tr>
</table>
<!-- ======= Ende Bild 250 X 170 ====== -->
<table border="0" width="5" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr><td width="5" height="30" style="font-size: 30px; line-height: 30px;">&nbsp;</td></tr>
</table>
<table border="0" width="400" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td align="left" style="color: #000000; font-size: 28px; font-family: 'Roboto', Arial, sans-serif; font-weight: 900; text-transform: uppercase; line-height: 25px;" class="main-header title_color">
<div style="line-height: 25px">
<!-- ======= Überschrift bitte hier einfüllen ====== -->
ILIAS
</div>
</td>
</tr>
<tr><td height="20" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
<tr>
<td align="left" style="color: #000000; font-size: 14px; font-family: Arial, sans-serif; font-weight: 100; line-height: 20px;" class="text_color">
<!-- ======= Copy Text ====== -->
<div style="line-height: 20px;">
Die «Ilias» ist eine Geschichte voller Zweikämpfe und Schlachten, Gemetzel und Tod, Zweifel und Angst, Trauer und Leid, Willkür und Mut, die aber auch auf beiden Seiten der Frontlinie von…
</div>
</td>
</tr>
<tr><td height="15" style="font-size: 15px; line-height: 15px;">&nbsp;</td></tr>
<tr>
<td align="left" style="color: #213346; font-size: 14px; text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; font-style: italic; line-height: 28px;" class="text_color">
<!-- ======= Ende Copy Text ====== -->
<div style="line-height: 30px; background-color: #d8d8d8; width: 150px; text-align: center;">
<a style="color: #000000; font-weight: 100; text-decoration: none; font-style: normal;" href="http://blog.konzerttheaterbern.ch/ilias">&nbsp;&nbsp;&nbsp;Mehr Erfahren&nbsp;&nbsp;&nbsp;</a>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- ======= Großer Platzhalter ====== -->
<tr><td height="80" style="font-size: 80px; line-height: 80px;">&nbsp;</td></tr>
<!-- ======= Ende Großer Platzhalter ====== -->
</table>
</td>
</tr>
<tr><td height="50" style="font-size: 50px; line-height: 50px;">&nbsp;</td></tr>
</table>
<!-- ======= Footer ====== -->
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="D8D8D8">
<tr>
<td>
<table border="0" align="center" width="590" cellpadding="0" cellspacing="0" class="container590">
<tr><td height="35" style="font-size: 35px; line-height: 35px;">&nbsp;</td></tr>
<tr>
<td>
<table border="0" align="left" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td align="center" class="unsubscribe" style="color: #213346; font-size: 14px; font-family: 'Roboto', Arial, sans-serif; line-height: 22px;">
<div style=" line-height: 22px;">
<img width="103" src="ktb-logo-2.png" alt="" />
</div>
</td>
</tr>
</table>
<table border="0" align="left" width="5" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr><td height="20" width="5" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr>
</table>
<table border="0" align="right" cellpadding="0" cellspacing="0" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;" class="container590">
<tr>
<td align="center" class="unsubscribe" style="color: #000000; font-size: 14px; font-family: 'Roboto', Arial, sans-serif; line-height: 22px;">
<a href="http://blog.konzerttheaterbern.ch/" style="color: #000000; text-decoration: none;">Startseite</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://blog.konzerttheaterbern.ch/termine/" style="color: #000000; text-decoration: none;">Termine</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://blog.konzerttheaterbern.ch/team/" style="color: #000000; text-decoration: none;">Team</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="mailto:Richard.Schmutz@konzerttheaterbern.ch?subject=Abbestellen" style="color: #000000; text-decoration: none;">Newsletter abbestellen</a>
</td>
</tr>
</table>
</td>
</tr>
<tr><td height="35" style="font-size: 35px; line-height: 35px;">&nbsp;</td></tr>
</table>
</td>
</tr>
</table>
<!-- ======= Ende Footer ====== -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment