123 lines
No EOL
5.6 KiB
HTML
123 lines
No EOL
5.6 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<!-- If you delete this meta tag, Half Life 3 will never be released. -->
|
|
<meta name="viewport" content="width=device-width" />
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
<title>{{ content.title }}</title>
|
|
{# <link rel="stylesheet" type="text/css" href="stylesheets/email.css" /> #}
|
|
<style>
|
|
{% include 'email/simple/style.css' %}
|
|
</style>
|
|
</head>
|
|
<body bgcolor="#FFFFFF">
|
|
<!-- HEADER -->
|
|
<table class="head-wrap" bgcolor="#999999">
|
|
<tr>
|
|
<td></td>
|
|
<td class="header container" >
|
|
<div class="content">
|
|
<table bgcolor="#999999">
|
|
<tr>
|
|
<td><img src="{{ settings.logotype }}" /></td>
|
|
<td align="right"><h6 class="collapse">{{ settings.company_name }}</h6></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
</table><!-- /HEADER -->
|
|
|
|
<!-- BODY -->
|
|
<table class="body-wrap">
|
|
<tr>
|
|
<td></td>
|
|
<td class="container" bgcolor="#FFFFFF">
|
|
<div class="content">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<h3>{{ content.title }}</h3>
|
|
{% if content.lead %}
|
|
<p class="lead">{{ content.lead }}</p>
|
|
{% endif %}
|
|
<p>{{ content.message }}</p>
|
|
{% if content.callout %}
|
|
<p class="callout">
|
|
{{ content.callout }}
|
|
</p>
|
|
{% endif %}
|
|
|
|
<!-- social & contact -->
|
|
<table class="social" width="100%">
|
|
<tr>
|
|
<td>
|
|
<!-- column 1 -->
|
|
<table align="left" class="column">
|
|
<tr>
|
|
<td>
|
|
{# <h5 class="">Connect with Us:</h5> #}
|
|
<p class="">
|
|
{% if settings.social.facebook %}
|
|
<a href="#" class="soc-btn fb">Facebook</a>
|
|
{% endif %}
|
|
{% if settings.social.twitter %}
|
|
<a href="#" class="soc-btn tw">Twitter</a>
|
|
{% endif %}
|
|
{% if settings.social.googleplus %}
|
|
<a href="#" class="soc-btn gp">Google+</a>
|
|
{% endif %}
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table><!-- /column 1 -->
|
|
<!-- column 2 -->
|
|
<table align="left" class="column">
|
|
<tr>
|
|
<td>
|
|
<h5 class="">Contact Info:</h5>
|
|
<p>
|
|
Phone: <strong>{{ settings.phone }}</strong><br/>
|
|
Email: <strong><a href="emailto:{{ settings.email }}">{{ settings.email }}</a></strong>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table><!-- /column 2 -->
|
|
<span class="clear"></span>
|
|
</td>
|
|
</tr>
|
|
</table><!-- /social & contact -->
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div><!-- /content -->
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
</table><!-- /BODY -->
|
|
<!-- FOOTER -->
|
|
<table class="footer-wrap">
|
|
<tr>
|
|
<td></td>
|
|
<td class="container">
|
|
<!-- content -->
|
|
<div class="content">
|
|
<table>
|
|
<tr>
|
|
<td align="center">
|
|
<p>
|
|
<a href="#">Terms</a> |
|
|
<a href="#">Privacy</a> |
|
|
<a href="#"><unsubscribe>Unsubscribe</unsubscribe></a>
|
|
</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div><!-- /content -->
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
</table><!-- /FOOTER -->
|
|
</body>
|
|
</html> |