aschwarz/Leitgedanken
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

PDF rausgenommen

Browse Source
This commit is contained in:
aschwarz
2023-01-23 11:03:31 +01:00
parent 82d562a322
commit a6523903eb
28078 changed files with 4247552 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
msd2/myoos/templates/email-templates/single-column/source/single-column.html Normal file
View File

@ -0,0 +1,73 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1.0"> <!-- So that mobile webkit will display zoomed in -->
<meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS -->
<title>Single Column</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="responsive.css">
</head>
<body style="margin:0; padding:0;" bgcolor="#F0F0F0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- 100% background wrapper (grey background) -->
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#F0F0F0">
<tr>
<td align="center" valign="top" bgcolor="#F0F0F0" style="background-color: #F0F0F0;">
<br>
<!-- 600px container (white background) -->
<table border="0" width="600" cellpadding="0" cellspacing="0" class="container">
<tr>
<td class="container-padding header" align="left">
Antwort v1.0
</td>
</tr>
<tr>
<td class="container-padding content" align="left">
<br>
<div class="title">Single Column Fluid Layout</div>
<br>
<div class="body-text">
This is an example of a single column fluid layout. There are no columns. Because the container table width is set to 100%, it automatically resizes itself to all devices. The magic of good old fashioned HTML.
<br><br>
The media query change we make is to decrease the content margin from 24px to 12px for devices up to max width of 400px.
<br><br>
</div>
</td>
</tr>
<tr>
<td class="container-padding footer-text" align="left">
<br><br>
Sample Footer text: &copy; 2014 Acme, Inc.
<br><br>
You are receiving this email because you opted in on our website. Update your <a href="#">email preferences</a> or <a href="#">unsubscribe</a>.
<br><br>
<strong>Acme, Inc.</strong><br>
<span class="ios-footer">
123 Main St.<br>
Springfield, MA 12345<br>
</span>
<a href="http://www.acme-inc.com">www.acme-inc.com</a><br>
<br><br>
</td>
</tr>
</table><!--/600px container -->
</td>
</tr>
</table><!--/100% background wrapper-->
</body>
</html>