Opentalent
/
ap2i


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
							<!doctype html>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css" media="all">
    {% block style %}
    .mail_body *{
        padding: 0px;
        margin: 0px;
        border: 0px;
        font-family: Arial;
    }

    .mail_body .container{
        max-width: 800px;
        border: 2px solid #324250;
        border-radius: 5px;
        margin: auto;
        margin-top: 20px;
    }
    .mail_body .content{
        padding: 20px 8%;
        font-size: 14px;
    }
    .mail_body .header{
        background: #324250;
        padding: 20px;
        color: #FFF;
    }
    .mail_body .footer{
        background: #1ead8f;
        padding: 10px;
        color: #FFF;
        font-weight: bold;
        font-size: 12px;
    }
    .mail_body .footer-white{
        padding: 10px;
        color: #000000;
        font-size: 12px;
    }
    .mail_body .footer a{
        color:#FFFFFF;
    }
    .mail_body .btn{
        color: #fff;
        background-color: #00ad8e;
        padding: 8px 10px;
        border-color: #ccccce;
        border-radius: 5px;
        font-size: 18px;
        font-weight: bold;
        width: 50%;
        margin: auto;
        margin-top: 20px;
        display: block;
        text-decoration:none;
    }
    .mail_body p{
        margin-bottom: 10px;
    }
    .mail_body .center{
        text-align: center;
    }
    .mail_body .as{
        margin-top: 20px;
        padding: 10px 20px 10px 20px;
        border-top: 1px solid #0a0a0a;
    }
    .mail_body .small{
        font-size: 12px;
        font-style: italic;
    }
    .social_link{
        padding-right: 15px;
    }
    h3{
        margin-bottom: 10px !important;
    }

    ul{
        margin-left:30px !important;
        margin-bottom:30px !important;
    }
    {% endblock %}
</style>
</head>
<body>
<div class="mail_body">
    <div class="container">
        {% block header %}
        <div class="header">
            {{ organization.name ?? '' }}
        </div>
        {% endblock %}

        <div class="content">
            {% block content %}
            {% endblock %}
        </div>

        {% block antispam %}
        <div class="as">
            <p class="small">
                Cet e-mail a été envoyé automatiquement à&nbsp;#__#ANTISPAM_PERSON_EMAIL#__# par le logiciel Opentalent utilisé par votre structure.
                <br>Merci de ne pas y répondre.
            </p>
        </div>
        {% endblock %}

        <div class="footer center">
            {% block footer %}
            <a href="https://support.opentalent.fr" target="_blank">Aide du logiciel</a>   - <a href="https://www.opentalent.fr/login" target="_blank">Se connecter au logiciel</a>
            {% endblock %}
        </div>

        <div class="footer-white center">
            {% block footer_signature %}
            © Opentalent - {{ 'now' | date('Y') }}
            : Agenda et Logiciels pour les acteurs culturels - <a href="https://www.opentalent.fr" target="_blank">opentalent.fr</a>
            <br><br><h3>Suivez-nous :</h3>

            <a href="https://www.facebook.com/opentalent" target="_blank" class="social_link">
                <img src="{{ 'images/facebook.jpg' | img_to_base64 }}" width="30px"/>
            </a>
            <a href="https://www.linkedin.com/company/opentalent-agenda-et-logiciels-culturels" target="_blank" class="social_link">
                <img src="{{ 'images/linkedin.jpg' | img_to_base64 }}" width="30px"/>
            </a>
            <a href="https://www.youtube.com/@Opentalent74300" target="_blank" class="social_link">
                <img src="{{ 'images/youtube.jpg' | img_to_base64 }}" width="30px"/>
            </a>
            {% endblock %}
        </div>
    </div>
</div>
</body>
</html>