Skip to main content

Email - Template Feliz Aniversário

Template 1 - Feliz Aniversário

image.png

Template 1 - Feliz Aniversário 
<!DOCTYPE html>
<html lang="pt">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Feliz Aniversário!</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }

        .container {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            background-color: #ffffff;
            border: 1px solid #dddddd;
        }

        .header {
            background-color: #4caf50;
            color: white;
            text-align: center;
            padding: 20px 0;
        }

        .header img {
            max-width: 100px;
        }

        .header h1 {
            margin: 0;
            font-size: 24px;
        }

        .body {
            padding: 20px;
            text-align: center;
        }

        .body h2 {
            color: #333333;
        }

        .body p {
            color: #666666;
            line-height: 1.5;
        }

        .footer {
            background-color: #f4f4f4;
            color: #666666;
            text-align: center;
            padding: 10px 0;
            border-top: 1px solid #dddddd;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="header">
            <!-- Substitua a URL abaixo pela URL da sua imagem de cabeçalho -->
            <img src="https://via.placeholder.com/100x100.png?text=Logo" alt="Logo">
            <h1>Feliz Aniversário!</h1>
        </div>
        <div class="body">
            <h2>Parabéns, {{Nome}}!</h2>
            <p>Hoje é um dia especial porque estamos celebrando o seu aniversário! 🎉</p>
            <p>Desejamos a você um dia cheio de alegria, amor e muitas felicidades. Que todos os seus sonhos se
                realizem!</p>
            <p>Aproveite o seu dia ao máximo!</p>
        </div>
        <div class="footer">
            <p>Siga-nos nas redes sociais:</p>
            <a href="https://facebook.com/suaempresa" target="_blank">
                <img src="https://image.flaticon.com/icons/png/512/124/124010.png" alt="Facebook">
            </a>
            <a href="https://twitter.com/suaempresa" target="_blank">
                <img src="https://image.flaticon.com/icons/png/512/124/124021.png" alt="Twitter">
            </a>
            <a href="https://instagram.com/suaempresa" target="_blank">
                <img src="https://image.flaticon.com/icons/png/512/124/124011.png" alt="Instagram">
            </a>
            <a href="https://linkedin.com/company/suaempresa" target="_blank">
                <img src="https://image.flaticon.com/icons/png/512/124/124011.png" alt="LinkedIn">
            </a>
            <p>Visite nosso site: <a href="https://vya.digital" target="_blank">vya.digital</a></p>
        </div>
    </div>
</body>

</html>

 

Template 2 - Feliz Aniversário

image.png

Template 2 - Feliz Aniversário 
<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Feliz Aniversário!</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }

        .container {
            max-width: 600px;
            margin: 50px auto;
            background-color: #fff;
            padding: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        .header {
            background-color: #0073e6;
            color: #fff;
            padding: 10px;
            text-align: center;
        }

        .header h1 {
            margin: 0;
        }

        .content {
            margin: 20px 0;
            text-align: center;
        }

        .content p {
            font-size: 18px;
            line-height: 1.6;
        }

        .content .name {
            font-weight: bold;
            color: #0073e6;
        }

        .footer {
            text-align: center;
            padding: 10px;
            background-color: #f4f4f4;
            color: #777;
        }
    </style>
</head>

<body>
    <div class="container">
        <div class="header">
            <h1>Feliz Aniversário!</h1>
        </div>
        <div class="content">
            <p>Olá, <span class="name">{{Nome}}</span>!</p>
            <p>
                Estamos muito felizes em celebrar mais um ano de existência da nossa empresa e gostaríamos de agradecer
                por fazer parte dessa jornada conosco.
                É graças a clientes como você que continuamos a crescer e a prosperar.
            </p>
            <p>
                Desejamos a você muitas felicidades, saúde e sucesso.
                Que possamos continuar essa parceria por muitos anos!
            </p>
            <p>
                Atenciosamente,<br>
                {{Nome_Empresa}}
            </p>
        </div>
        <div class="footer">
            <p>Siga-nos nas redes sociais:</p>
            <a href="https://facebook.com/suaempresa" target="_blank">
                <img src="https://image.flaticon.com/icons/png/512/124/124010.png" alt="Facebook">
            </a>
            <a href="https://twitter.com/suaempresa" target="_blank">
                <img src="https://image.flaticon.com/icons/png/512/124/124021.png" alt="Twitter">
            </a>
            <a href="https://instagram.com/suaempresa" target="_blank">
                <img src="https://image.flaticon.com/icons/png/512/124/124011.png" alt="Instagram">
            </a>
            <a href="https://linkedin.com/company/suaempresa" target="_blank">
                <img src="https://image.flaticon.com/icons/png/512/124/124011.png" alt="LinkedIn">
            </a>
            <p>Visite nosso site: <a href="https://vya.digital" target="_blank">vya.digital</a></p>
        </div>
    </div>
</body>

</html>

```

 

Back to top