Digital Office | Toneelvereniging Varia

Bericht

Overzicht

Aan

Van

Onderwerp

Bericht

<!DOCTYPE html>
<html>
<head>
<style>
/*
hoofdkleur (rood) 	= #ea0000
Donkerrood          = #ba0601
Donkerblauw         = #6da3cd
Lichtblauw          = #8cc0e8
*/

/*******BACK TO ZERO BEGIN*******/
table, tr, td {
	border-collapse: collapse;
  
}
/*******BACK TO ZERO END*******/

/*******TYPOGRAFIE BEGIN*******/
h1,h2,h3,h4,h5 {
	font-family: verdana, sans-serif;
  	color: #ea0000;
}

td, td>p, p {
	font-family: verdana, sans-serif;
	font-size: 13px;
	color: black;
}

a {
  	color: #6da3cd;
    font-weight: bold;
  	text-decoration: none;
}

/*******TYPOGRAFIE END*******/

/*******BUTTONS BEGIN*******/
a.button {
  	text-decoration: none;
	color: #0a1d56;
  	background-color: #81c1ac;
	border: 10px solid #81c1ac;
}

a.button:hover, a.button:visited {
	color: #0a1d56;
}

/*******BASIC BEGIN*******/
#basic {
  background-color: #edecec;
}
/*******BASIC END*******/

/*******HEADER BEGIN*******/
#headerstyle {
	width:600px;
   
}
#headerstyle table, #headerstyle tr, #headerstyle td {
   background-color: white;
   border: 0px white;
}

#headerbetweenlogotekst {
  width:10px;
}

#headertop {
  height: 20px;
}
#headerright {
  width: 30px;
}
#headerbottom {
  height: 20px;
}
#headerleft {
  width: 30px;
}

#headerchinstyle {
  	width: 600px;
}
#headerchinstyle table, #headerchinstyle tr, #headerchinstyle td {
  background-color: #ea0000;
  border: 0px #ea0000;
  color: #ffffff;
}

#headerchinstyle tr {
  height: 20px;
}
#headerchinstyle td {
  	text-align: left;
}

#headerchinstyle p {
  	color: #ffffff;
  	font-size: 20px;
  	font-weight: bold;
  	margin: 0;
  	padding: 0;
}

#headerchintop {
  height: 10px;
}
#headerchinright {
  width: 30px;
}
#headerchinbottom {
  height: 10px;
}
#headerchinleft {
  width: 30px;
}

#subheaderstyle {
    width: 600px;
}

#subheaderstyle table, #subheaderstyle tr, #subheaderstyle td {
    background-color: #ba0601;
    border: 0px #ba0601;
    color: #ffffff;
  }
  
  #subheaderstyle tr {
    height: 20px;
  }
  #subheaderstyle td {
        text-align: center;
  }
  
  #subheaderstyle p {
        color: #ffffff;
        font-size: 20px;
        font-weight: bold;
        margin: 0;
        padding: 0;
  }
  
  #subheadertop {
    height: 10px;
  }
  #subheaderright {
    width: 30px;
  }
  #subheaderbottom {
    height: 10px;
  }
  #subheaderleft {
    width: 30px;
  }
/*******HEADER END*******/

/*******BODY BEGIN*******/
#bodystyle {
	background-color: #fff;
    border: 0px #fff;
  	width: 100%;
}

#bodytop {
  height: 20px;
}
#bodyright {
  width: 30px;
}
#bodybottom {
  height: 20px;
}
#bodyleft {
  width: 30px;
}

/*******BODY END********/

/*******INFO BEGIN*******/
#infostyle {
    background-color: #8cc0e8;
    border: 0px #8cc0e8;
    width: 100%;
}

#infotop {
    height: 20px;
}
#inforight {
    width: 30px;
}
#infobottom {
    height: 20px;
}
#infoleft {
    width: 30px;
}
#infoblock {
    height: 60px;
    width: 176px;
    text-align: center;
    color: #ffffff;
}
#infotext {
    width: 176px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
}

/*******INFO END********/

/*******TEXT BEGIN*******/
#textstyle {
    background-color: #6da3cd;
    border: 0px #6da3cd;
    width: 100%;
}

#texttop {
    height: 20px;
}
#textright {
    width: 30px;
}
#textbottom {
    height: 20px;
}
#textleft {
    width: 30px;
}
#textblock {
    height: 40px;
    width: 176px;
    text-align: center;
    color: #ffffff;
}
#textdata {
    width: 176px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
}

/*******TEXT END********/

/*******FOOTER BEGIN********/
#footerstyle {
	width:600px;
 	background-color: #ea0000;
  	border: 0px #ea0000;
}
#footerstyle p {
	text-align: center;
	color: white;
  	font-size: 10px;
}
#footerstyle a {
	text-align: start;
	color: white;
  	font-size: 10px;
}
#footerlinkjes {
   width:100%
}

.linkstd {
  width:50px;
}

.betweenlinkstd {
  width:10px;
}

#footertop {
  height: 20px;
}
#footerright {
  width: 30px;
}
#footerbottom {
  height: 20px;
}
#footerleft {
  width: 30px;
}
/*******FOOTER END*******/

</style>
</head>
<body>
<p> </p>
<div>
<table id="basic" width="100%">
<tbody>
<tr>
<td style="min-width: 25px;"> </td>
<td>
<p> </p>
</td>
<td style="min-width: 25px;"> </td>
</tr>
<tr>
<td style="min-width: 25px;"> </td>
<td width="542">
<table id="headerstyle">
<tbody>
<tr id="headertop">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td id="headerleft"> </td>
<td id="headerbetweenlogotekst" style="min-width: 200px;"><img src="../img/mail/banner.png" alt="logo" width="483" height="60" /></td>
<td id="headerright"> </td>
</tr>
<tr id="headerbottom">
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<table id="headerchinstyle">
<tbody>
<tr id="headerchintop">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td id="headerchinleft"> </td>
<td style="min-width: 200px;">
<p style="text-align: center;">Ticket bevestiging</p>
</td>
<td id="headerchinright"> </td>
</tr>
<tr id="headerchinbottom">
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<table id="subheaderstyle">
<tbody>
<tr id="subheadertop">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td id="subheaderleft"> </td>
<td style="min-width: 200px;"><em>De kaartjes liggen klaar op de avond van de voorstelling</em></td>
<td id="subheaderright"> </td>
</tr>
<tr id="subheaderbottom">
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<table id="bodystyle">
<tbody>
<tr id="bodytop">
<td> </td>
<td style="width: 506px;"> </td>
<td style="width: 4px;"> </td>
</tr>
<tr>
<td id="bodyleft"> </td>
<td style="min-width: 200px; width: 506px;">
<p>Beste Lars,</p>
<p> </p>
<p>Bedankt voor je bestelling voor onze voorstelling <strong>"Test"</strong> op 06-07-2019 om 20:00.</p>
<p>Hieronder een overzicht van de gegevens van jouw bestelling.</p>
<p> </p>
<p>Met vriendelijke groet,</p>
<p>Toneelvereniging Varia</p>
<p> </p>
</td>
<td id="bodyright" style="width: 4px;"> </td>
</tr>
</tbody>
</table>
<table id="infostyle">
<tbody>
<tr id="infotop">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td id="infoleft"> </td>
<td style="min-width: 200px;">
<table>
<tbody>
<tr>
<td id="infoblock"><img src="../img/mail/ticket.png" /><br />Reservering:</td>
<td id="infoblock"><img src="../img/mail/calendar.png" /><br />Datum:</td>
<td id="infoblock"><img src="../img/mail/clock.png" /><br />Tijd:</td>
</tr>
<tr>
<td id="infotext">TEST11</td>
<td id="infotext">06-07-2019</td>
<td id="infotext">20:00</td>
</tr>
</tbody>
</table>
</td>
<td id="inforight"> </td>
</tr>
<tr id="infobottom">
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<table id="textstyle">
<tbody>
<tr id="texttop">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td id="textleft"> </td>
<td style="min-width: 200px;">
<table>
<tbody>
<tr>
<td id="textblock">Aantal:</td>
<td id="textblock">Voorstelling:</td>
<td id="textblock">Prijs:</td>
</tr>
<tr>
<td id="textdata">1</td>
<td id="textdata">Test</td>
<td id="textdata">15.00</td>
</tr>
</tbody>
</table>
</td>
<td id="textright"> </td>
</tr>
<tr id="textbottom">
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
<table id="footerstyle">
<tbody>
<tr id="footertop">
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td id="footerleft"> </td>
<td style="min-width: 200px;">
<p><a href="../" target="_blank" rel="noopener">www.toneelverenigingvaria.nl</a></p>
</td>
<td id="footerright"> </td>
</tr>
<tr id="footerbottom">
<td> </td>
<td> </td>
<td> </td>
</tr>
</tbody>
</table>
</td>
<td style="min-width: 25px;"> </td>
</tr>
<tr>
<td style="min-width: 25px;"> </td>
<td>
<p> </p>
</td>
<td style="min-width: 25px;"> </td>
</tr>
</tbody>
</table>
</div>
</body>
</html>

Digital Office Email

Bericht

Langdon's Birthday