{% extends "mails/base_mail.html" %}
{% load static %}
{% load djlotrek_tags %}

{% static '/img/svg/logo.svg' as du_logo %}

{% block content %}
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tableContent bgBody" align="center" style="font-family:Caviar;">
            <tbody>
                <tr><td height="35"></td></tr>
                <tr><td>
                    <table width="600" border="0" cellspacing="0" cellpadding="0" align="center" class="bgItem">
                        <tbody><tr>
                            <td width="40"></td>
                            <td width="520">
                                <table width="520" border="0" cellspacing="0" cellpadding="0" align="center">
<!-- =============================== Header ====================================== -->
                        <tbody><tr><td height="75"></td></tr>
<!-- =============================== Body ====================================== -->
                    <tr>
                    <td class="movableContentContainer" valign="top">

                        <div lass="movableContent">
                        <table width="520" border="0" cellspacing="0" cellpadding="0" align="center">
                            <tbody><tr>
                            <td valign="top" align="left">
                                <div class="contentEditableContainer contentTextEditable">
                                <div class="contentEditable"><img src="{{du_logo}}" width="150">
                                </div>
                              </div>
                            </td>
                          </tr>
                        </tbody></table>
                      </div>

            <div class="movableContent">
                <table width="520" border="0" cellspacing="0" cellpadding="0" align="center">
                <tbody><tr><td height="45"></td></tr>
                <!-- Inizio testo valutazione su appuntamento -->
                <tr>
                <td align="left">
                <div class="contentEditableContainer contentTextEditable">
                    <div class="contentEditable" align="left">
                    <p style="text-align:left;font-size:18px;font-weight:normal;line-height:26px;">
                    Grazie per aver contattato Dimensione Uomo<br>
                    La ricontatteremo al più presto.
                    </p><br>

                    <p>La sua richiesta:</p>
                    <p><strong>Mittente:</strong> {{contact_name}} <br>
                    <strong>Email:</strong> {{contact_email}} <br>
                    {%if contact_phone %}<strong>Telefono:</strong> {{contact_phone}} <br>{% endif %}
                    <strong>Oggetto:</strong> {{subject}} <br>
                    <strong>Messaggio:</strong> <br>
                    {{contact_message}}</p>
        </div>
                              </div>
                            </td>
                          </tr>
                          <tr><td height="40"></td></tr>
                  
                          
                        </tbody></table>
                      </div>

                      <div lass="movableContent">
                        <table width="520" border="0" cellspacing="0" cellpadding="0" align="center">
                          <tbody><tr><td style="border-bottom:2px solid #238461;"></td></tr>
                          <tr>
                            <td>
                              <table width="520" border="0" cellspacing="0" cellpadding="0" align="center">
                                <tbody><tr>
                                  <td valign="top" align="center" width="520">
                                    <div class="contentEditableContainer contentTextEditable">
                                      <div class="contentEditable" align="center">
                                        <p style="text-align:center;color:#238461;font-size:12px;font-weight:normal;line-height:20px;">
                                          <br>
                                          Dimensione Uomo
                                        </p>
                                        </div>
                                    </div>
                                  </td>
                                </tr>
                              </tbody></table>
                            </td>
                          </tr>
                        </tbody></table>
                      </div>

                    </td>
                  </tr>



<!-- =============================== footer ====================================== -->



                </tbody></table>
              </td>
              <td width="40"></td>
            </tr>
          </tbody></table>
        </td>
      </tr>

      <tr><td height="88"></td></tr>


    </tbody></table>

  

    
{% endblock %}