<!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>TITULO</title>

    <style>                       
                        
                *{box-sizing:border-box;}
        .contenido{min-width:600px;max-width:55%;margin:0 auto;}

        .bg-1{background-color:#00249C;} .bg-2{background-color:#011859;}
        .bg-3{background-color:#e5e5fe;} .bg-blanco{background-color:#fff;}
        .bg-check{background-color:#4b7a4b;} .bg-sticker{background-color: #e8be01;}
        .bg-transparente{background-color: rgba(1, 24, 89, 0.7);} 
        .bg-fondo{background-color: #f3f3f3;}
        .bg-lista{background-color: #f1f5ff;}

        .t-1{color:#00249C;} .t-2{color:#011859;}  
        .t-blanco{color:#fff;} .t-footer{color:#333;} 
        .t-check{color:#4b7a4b;} 

        .boton:hover{background-color:#011859;color:#fff}
        a:hover{color: #4b7a4b;}

        .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%;}

        .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: 10% !important; padding-right: 10% !important;}

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

        .t-s{font-size:12px;} .t-m{font-size:23px;} 
        .t-l{font-size:30px;} .t-xl{font-size:40px;line-height: 48px;}
        .t-bold{font-weight:bold;}
        p{font-size:13pt;line-height:20pt;font-family: "Nunito";} 
        .nolink{text-decoration:none;}  

        .sticker{padding: 5px 20px 5px 20px; border-radius: 10px 50px 10px 50px; background-color: #f2962d;}
        .cont-sticker{line-height: 45px !important;}
        .boton-redondo{border-radius:50px;} .logo{max-width: 320px;}
        .separador{min-height: 30px;} .no-overflow{overflow: hidden;}
        .linea{border-top:1px solid #d3d3d3; margin-top:50px !important; margin-bottom: 50px;}
        .icono{width: 70px;} .lista{margin-bottom: 3px;}

        @media (max-width : 600px) {

            .contenido{min-width:100% !important;}
            .m-t-center{text-align: center !important;}
            .m-pad-lateral{padding: 10px;}

            .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-s{font-size:8pt !important;}
            td{display:block;}
            .pad-lateral{padding: 10px  !important;}
            .icono{width: 70px !important;}
            .mobile-center{text-align: center;}
            .banner{height: auto !important;}
        }

        .banner{height: 400px; background-repeat: no-repeat; background-size: cover; background-position: center;}

    </style>

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

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

    <!-- inicio del bloque de contenido -->
    <div class="contenido">

        <!-- BANNER MAIL -->
        <div class="banner no-overflow" style="background-image: url('https://europa-empleo.com/img/banners/tiktok.jpg');">
            <table class="w-100 bg-transparente">
                <tbody>
                    <tr class="w-100 banner">
                        <td class="w-100 pad-10">
                            <div class="t-center pad-lateral">
                               <p class="t-blanco"> 
                                <span class="t-xl">
                                    Máster en <br> Marketing Digital para Empresas
                                </span>
                                <br><br>
                                <span class="sticker">100% Bonificable</span>
                                <span class="sticker">Online</span>
                                
                            </p>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <br>

        <!-- 1º CONTENIDO -->
        <div class="pad-30 bg-blanco">
            <div class="pad-lateral">

                <p class="t-bold t-1 t-center t-xl">¿Llegas a tu público objetivo?</p>
                <!--BOTóN -->
                <a href="mailto:info@programas-universitarios.com?subject=QUIERO%20INFORMACI%C3%93N%20SOBRE%20EL%20M%C3%81STER%20EN%20MARKETING%20DIGITAL%20PARA%20EMPRESAS%20(%20Ref.%205110%20)&body=%0D%0A%20Nombre:%20%0D%0A%20Tel%C3%A9fono:%20%0D%0A%20Provincia:%20%0D%0A%20Empresa:%20%0D%0A%20Email:%20bah-smv-barraka@lists.ourproject.org%20%0D%0A%20-%20-%20-%20%0D%0A%20CLI-ES20230042%20%0D%0A%20ID:192769" class="nolink">
                    <div class="boton bg-1 w-60 b-center round">
                        <p class="pad-10 t-blanco t-center">Información del Máster</p>
                    </div>
                </a>
                <p class="t-1 t-center">
                    Es una certeza que hoy en día el marketing digital está más vivo que nunca, <b>si no existes en la red simplemente no existes</b>, pero con los conocimientos necesarios puedes conseguir cualquier meta.

                    <br><br>
                    <span class="t-1 t-bold t-m">¡No comuniques más, comunica mejor! </span>   
                </p>

                <p>
                    Descubre todo el potencial de la comunicación en el mundo online con el Máster de Marketing Digital.
                </p>

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

                <p class="bg-2 t-blanco pad-30">
                    Formación 100% Bonificable a través de los créditos formativos que FUNDAE otorga a las empresas para sus trabajadores
                </p>

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

                <!--BOTóN -->
                <a href="mailto:info@programas-universitarios.com?subject=QUIERO%20INFORMACI%C3%93N%20SOBRE%20EL%20M%C3%81STER%20EN%20MARKETING%20DIGITAL%20PARA%20EMPRESAS%20(%20Ref.%205110%20)&body=%0D%0A%20Nombre:%20%0D%0A%20Tel%C3%A9fono:%20%0D%0A%20Provincia:%20%0D%0A%20Empresa:%20%0D%0A%20Email:%20bah-smv-barraka@lists.ourproject.org%20%0D%0A%20-%20-%20-%20%0D%0A%20CLI-ES20230042%20%0D%0A%20ID:192769" class="nolink">
                    <div class="boton bg-1 w-60 b-center round">
                        <p class="pad-10 t-blanco t-center">Información del Máster</p>
                    </div>
                </a>

            </div>
        </div>

         <!-- PIE DE PÁGINA POTENCIALES -->
         <div class="pad-30">
            <p class="t-s t-footer pad-lateral">                                
                Sus datos han sido incorporados a la lista de distribución. 
                Si no quiere recibir más información de máster, maestrías o cursos 
                de capacitación puede enviar un correo electrónico a 
                <a href='mailto:info@programas-universitarios.com?subject=BAJA%20bah-smv-barraka@lists.ourproject.org&body=ES20230042%0D%0ACLI-192769'>info@programas-universitarios.com</a>
                indicando en el asunto "Baja" seguido del correo electrónico que desea cancelar y 
                será eliminado de esta lista de distribución.
            </p>
        </div>

        <p style="font-size: 6px;">ES20230042 - CLI-192769</p>
        <a href='http://www.futuro-profesional.com/aperturas/bah-smv-barraka@lists.ourproject.org/ES20230042'>


    <!-- fin del bloque de contenido -->
    </div>
    
</body>
</html>