<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alcanza tus objetivos</title>

    <style>
                                
                        
                        *{box-sizing:border-box;}

.contenido{min-width:600px;max-width:50%;margin:0 auto;}

/* COLORES */

.bg-1{background-color:#e8be01;} 
.bg-2{background-color:#e8be01;}
.bg-3{background-color:#ffe25e;}
.bg-4{background-color:#e8be01;}
.bg-5{background-color:#fef4c9;}
.bg-6{background-color:#666BFF;}
.bg-blanco{background-color:#fff;}
.bg-oscuro{background-color:#333;} 
.bg-check{background-color:#4b974b;}

.t-1{color:#c4650c;} 
.t-2{color:#e8be01;} 
.t-3{color:#e5e5fe;} 
.t-4{color:#e8be01;} 
.t-5{color:#fef4c9;} 
.t-6{color:#666BFF;} 
.t-blanco{color:#fff;} 
.t-footer{color:#333;} 
.t-check{color:#4b974b;} 

.boton:hover{background-color:#a3a5f3;}

/* GRUPO POSICIóN */

.t-center{text-align:center;} 
.t-left{text-align:left;}
.t-right{text-align:right;} 
.b-center{margin:0 auto;}

.w-10{width:10%;} 
.w-20{width:20%;} 
.w-30{width:30%;} 
.w-40{width:40%;} 
.w-50{width:50%;}
.w-60{width:60%;} 
.w-70{width:70%;} 
.w-80{width:80%;} 
.w-90{width:90%;} 
.w-100{width:100%;}

/* GRUPO DISEÑO */

.pad-10{padding:10px;} 
.pad-20{padding:20px;} 
.pad-30{padding:30px;}

.pad-top-10{padding-top:10px;} 
.pad-top-20{padding-top:20px;} 
.pad-top-30{padding-top:30px;}

.pad-bottom-10{padding-bottom:10px;} 
.pad-bottom-20{padding-bottom:20px;} 
.pad-bottom-30{padding-bottom:30px;}

.pad-left-10{padding-left:10px;} 
.pad-left-20{padding-left:20px;} 
.pad-left-30{padding-left:30px;}

.pad-right-10{padding-right:10px;} 
.pad-right-20{padding-right:20px;} 
.pad-right-30{padding-right:30px;}

.pad-lateral{padding-left: 13% !important; padding-right: 13% !important;}

.round{border-radius:10px;} 
.round-top{border-radius: 10px 10px 0px 0px;} 
.round-bottom{border-radius: 0px 0px 10px 10px;}

/* GRUPO TEXTOS */

.t-pequenyo{font-size:12px;} 
.t-mediano{font-size:18px;} 
.t-grande{font-size:24px;} 
.t-muy-grande{font-size:30px;}

.t-bold{font-weight:bold;}

p{font-size:13pt;line-height:20pt;} 

.arial{font-family:'arial';}
.nunito{font-family: 'Nunito';}

.nolink{text-decoration:none;}  



/* GRUPO COMPONENTES */

.boton-redondo{border-radius:50px;}
.logo{max-width: 250px;}
.separador{min-height: 30px;}

/* MEDIA QUERY PARA MOVILES */

@media (max-width : 600px) {

    .contenido{min-width:100% !important;}

    .w-10{width:100%;}
    .w-20{width:100%;}
    .w-30{width:100%;}
    .w-40{width:100%;}
    .w-50{width:100%;} 
    .w-60{width:100%;} 
    .w-70{width:100%;} 
    .w-80{width:100%;}
    .w-90{width:100%;}  
    .w-100{width:100%;}

    .t-pequenyo{font-size:8pt !important;}

    td{display:block;}

    .pad-lateral{padding: 10px  !important;}
    
    .icono{width: 150px !important;}
}
    </style>

    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito">

</head>
<body class="bg-3">

    <div class="contenido bg-blanco round">

        <!-- BANNER -->
        <div class="t-center">
            <img src="https://europa-empleo.com/img/idiomas/idiomas.jpg" alt="banner" class="w-60">
        </div>
        

        <!-- CONTENIDO -->
        <div>
            <div class="pad-lateral nunito">

                <p class="t-center">
                    <span class="t-muy-grande t-bold t-6">¡Comunicar es nuestra pasión!</span><br><br>
                    Siempre es buen momento para <span class="t-mediano t-bold t-6">decantarse por mejorar el nivel de idiomas </span>
                    en un mundo en el que cada vez es más importante saber comunicarnos en diferentes lenguas. 
                    <span class="t-mediano t-bold t-6">Es la mejor época para proponerse nuevos retos.</span>
                </p>

                <a href="mailto:info@oficialposgrado.com?subject=INFORMACI%C3%93N%20SOBRE%20CURSOS%20DE%20IDIOMAS&body=%0D%0A%20Nombre:%20%0D%0A%20Tel%C3%A9fono:%20%0D%0A%20Provincia:%20%0D%0A%20Empresa:%20%0D%0A" 
                class="nolink t-blanco t-center arial">
                    <div class="w-100 boton bg-6 pad-10 round h-secundario">
                        <!-- Título del Botón -->
                        Más información
                    </div>
                </a>

                <div class="separador"></div>

            </div>

            <div class="pad-30 arial bg-6">
                <div class="pad-lateral">
                    
                    <p class="t-blanco t-center">
                        <span class="t-grande">
                            Programas de Formación de Idiomas para Trabajadores: <span class="t-bold">Bonificables para Empresas </span> con 
                            <span class="t-bold">Gestión sin coste</span>
                        </span>
                    </p>
                    <div class="espaciador"></div>
                    <p>
                        <span class="t-mediano t-blanco"><span class="t-bold">✓ Modalidad Online:</span> multimedia e interactivo.</span><br><hr>
                        <span class="t-mediano t-blanco">✓ <span class="t-bold">Test de nivel gratuito</span>, para aprender desde el nivel óptimo.</span><br><hr>
                        <span class="t-mediano t-blanco">✓ Acceso a <span class="t-bold">profesores nativos o sesiones de conversación</span> con profesores.</span><br><hr>
                        <span class="t-mediano t-blanco">✓ Posibilidad de <span class="t-bold">preparación para exámenes oficiales</span>.</span><br>
                    </p>

                </div>
            </div>

            <div class="pad-30 nunito">
                <div class="pad-lateral">
                    <p class="t-center">
                        <span class="t-muy-grande t-bold t-6">
                            ¡En este 2023, elige mejorar tu nivel de idiomas y consigue todo lo que te propongas!
                        </span>
                    </p>
                    <hr>

                    <table class="w-100">
                        <tbody>
                            <tr>
                                <td class="w-50 pad-10 t-center">
                                    <img src="https://europa-empleo.com/img/idiomas/bandera-reino-unido.png" alt="Inglés" class="w-40 icono">
                                    <p><span class="t-bold t-6">INGLÉS<br> online</span></p>
                                    <a href="mailto:info@oficialposgrado.com?subject=INFORMACI%C3%93N%20SOBRE%20EL%20CURSO%20DE%20INGL%C3%89S&body=%0D%0A%20Nombre:%20%0D%0A%20Tel%C3%A9fono:%20%0D%0A%20Provincia:%20%0D%0A%20Empresa:%20%0D%0A" 
                                    class="nolink t-blanco t-center arial">
                                        <div class="w-100 boton bg-6 pad-10 round h-secundario">
                                            <!-- Título del Botón -->
                                            Más información
                                        </div>
                                    </a>
                                </td>
                                <td class="w-50 pad-10 t-center">
                                    <img src="https://europa-empleo.com/img/idiomas/bandera-italia.png" alt="Italiano" class="w-40 icono">
                                    <p><span class="t-bold t-6">ITALIANO<br> online</span></p>
                                    <a href="mailto:info@oficialposgrado.com?subject=INFORMACI%C3%93N%20SOBRE%20EL%20CURSO%20DE%20ITALIANO&body=%0D%0A%20Nombre:%20%0D%0A%20Tel%C3%A9fono:%20%0D%0A%20Provincia:%20%0D%0A%20Empresa:%20%0D%0A" 
                                    class="nolink t-blanco t-center arial">
                                        <div class="w-100 boton bg-6 pad-10 round h-secundario">
                                            <!-- Título del Botón -->
                                            Más información
                                        </div>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="w-50 pad-10 t-center">
                                    <img src="https://europa-empleo.com/img/idiomas/bandera-francia.png" alt="francés" class="w-40 icono">
                                    <p><span class="t-bold t-6">FRANCÉS<br> online</span></p>
                                    <a href="mailto:info@oficialposgrado.com?subject=INFORMACI%C3%93N%20SOBRE%20EL%20CURSO%20DE%20FRANC%C3%89S&body=%0D%0A%20Nombre:%20%0D%0A%20Tel%C3%A9fono:%20%0D%0A%20Provincia:%20%0D%0A%20Empresa:%20%0D%0A" 
                                    class="nolink t-blanco t-center arial">
                                        <div class="w-100 boton bg-6 pad-10 round h-secundario">
                                            <!-- Título del Botón -->
                                            Más información
                                        </div>
                                    </a>
                                </td>
                                <td class="w-50 pad-10 t-center">
                                    <img src="https://europa-empleo.com/img/idiomas/bandera-alemania.png" alt="alemán" class="w-40 icono">
                                    <p><span class="t-bold t-6">ALEMÁN<br> online</span></p>
                                    <a href="mailto:info@oficialposgrado.com?subject=INFORMACI%C3%93N%20SOBRE%20EL%20CURSO%20DE%20ALEM%C3%81N&body=%0D%0A%20Nombre:%20%0D%0A%20Tel%C3%A9fono:%20%0D%0A%20Provincia:%20%0D%0A%20Empresa:%20%0D%0A" 
                                    class="nolink t-blanco t-center arial">
                                        <div class="w-100 boton bg-6 pad-10 round h-secundario">
                                            <!-- Título del Botón -->
                                            Más información
                                        </div>
                                    </a>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <p class="t-center">
                                        Además puedes consultarnos sobre otros cursos de idiomas 
                                        <a href="mailto:info@oficialposgrado.com?subject=INFORMACI%C3%93N%20SOBRE%20CURSOS%20DE%20IDIOMAS&body=%0D%0A%20Nombre:%20%0D%0A%20Tel%C3%A9fono:%20%0D%0A%20Provincia:%20%0D%0A%20Empresa:%20%0D%0A" class="nolink">
                                            <span class="t-6 t-bold">haciendo click aquí.</span>
                                        </a>
                                        
                                    </p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
    
                    
    
                    <div class="separador"></div>
                </div>
            </div>


        </div>
    </div>

    <!-- INICIO | PIE DE PAGINA IEE (POTENCIALES) -->
    <!-- EMAIL: info@oficialposgrado.com -->
    <div class="contenido pad-30">
        <p class="t-pequenyo t-footer arial">                           
            Sus datos han sido incorporados al fichero de PUBLI AMÉRICA SAS. 
            Si no quiere recibir más información de máster, maestrías o cursos 
            de capacitación puede dar de baja su correo electrónico de esta lista 
            de distribución enviando un mail a 
            <a href="mailto:info@oficialposgrado.com?subject=BAJA" class="nolink t-footer">info@oficialposgrado.com</a> 
            indicando en el asunto "Baja" seguido del correo electrónico que desea cancelar. Gracias.
        </p>
    </div>
    <!-- FIN | PIE DE PAGINA IEE (POTENCIALES) -->
    <img src="https://unade.edu.mx/aperturas/bah-smv-barraka@lists.ourproject.org/20230222IDI" alt="pixel" style="outline: none; border: none; height: auto;">

    
</body>
</html>