{% load custom_tags %}
<!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>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Demystifying Email Design</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>
<body style="margin: 0; padding: 0;">
	<table style="border: 1px solid #cccccc;" cellpadding="0" cellspacing="0" width="100%">
		<tr>
			<td>
    		<table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border: 1px solid #cccccc;">
    			<tr>
  					<td align="center" style="padding: 40px 0 30px 0;">
 							<img src="https://{% env 'FQDN' %}/static/img/logo-large-transparent.png" alt="{% env 'PROJECT_NAME' %}" width="300" height="73" style="display: block;"/>
						</td>
     			</tr>
  				<tr>
      			<td align="left">
						Dear {{name}},<br>
						<br>
						<a href="https://{% env 'FQDN' %}/domain/{{domain}}">{{domain}}</a> bug # {{id}} has been {{action}} by <a href="https://{% env 'FQDN' %}/profile/{{username}}">{{username}}</a>
            <br>
						<br>
						You can see more info here:<br>
						<br>
						https://{% env 'FQDN' %}/issue/{{id}}<br>
						<br>
						Best,<br>
						<br>
						The {% env 'PROJECT_NAME' %} Team<br>
    				</td>
    			</tr>
    			<tr>
    				<td style="padding: 30px 30px 30px 30px;">
    					<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #cccccc;">
        				<tr>
         					<td align="center">
          					<table border="0" cellpadding="0" cellspacing="0">
        							<tr border="0" align="center">
        								<td>
          								<a href="{% env 'TWITTER_URL' %}">
            							Twitter</a>
            						</td>
            						<td style="font-size: 0; line-height: 0;" width="20">&nbsp;</td>
            						<td>
            							<a href="{% env 'FACEBOOK_URL' %}">
            							Facebook</a>
        								</td>
        								<td style="font-size: 0; line-height: 0;" width="20">&nbsp;</td>
        								<td>
            							<a href="{% env 'GITHUB_URL' %}">
            							GitHub</a>
            						</td>
           						</tr>
          					</table>
        					</td>
      					</tr>
      				</table>
    				</td>
     			</tr>
    		</table>
   		</td>
  	</tr>
  </table>
</body>
</html>