{% load static %} <div style="width: calc(100% - 2px); border: solid 1px rgba(0,0,0,0.2)"> <div style="width: calc(100% - 1rem); background-color: #ffffff; padding: 0.5rem"> <img src="{% static 'main/img/logo.png' %}" width="30" height="30" style="display: inline-block; vertical-align: top" alt=""> <div style="display: inline-block; font-size: 1.25rem; color: #0F4C85"> ONTARIO ASSOCIATION OF <br> CHILD PROTECTION LAWYERS </div> </div> <div style="background-color: #00305b; color: #ffffff; padding: 0.5rem; font-size: 1rem"> {% if name %} Hello {{ name }}, <br> <br> {% endif %} {% autoescape off %} {{ content }} {% endautoescape %} {% if signature %} {{ signature }} {% else %} <br> <br> -- <br> <br> Sincerely, <br> The OACPL Team {% endif %} </div> <footer style="background-color: #ffffff; color: #0F4C85;"> <div style="text-align: center"> <p class="mb-0">© 2017 Ontario Association of Child Protection Lawyers.</p> </div> </footer> </div>