<!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;}
.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%;}
.contenedor-principal{
margin:0 auto;
width: 900px;
max-width: 60%;
min-height: 300px;
}
.contenedor-footer{
margin:0 auto;
width: 900px;
max-width: 50%;
padding: 20px;
}
.logo-footer{width: 200pt;}
/* COLORES 1
.bg-1{background-color: #5987eb;}
.bg-2{background-color: #0061a5;}
.bg-3{background-color: #F55F18;}
.t-1{color: #5987eb;}
.t-2{color: #1f4fb6;}
.t-3{color: #21355f;}
.boton:hover{background-color: #F55F18;}
.bg-gr{background-color: #5987eb;background-image: linear-gradient(160deg, #5987eb 0%, #0061a5 100%);}
*/
.bg-gr{background-color: #00249C;background-image: linear-gradient(160deg, #00249C 0%, #011859 100%);}
/* COLORES 2
.bg-1{background-color: #666BFF;}
.bg-2{background-color: #36398c;}
.bg-3{background-color: #e8be01;}
.boton:hover{background-color: #e8be01;}
*/
/* COLORES 3 */
.bg-1{background-color: #00249C;}
.bg-2{background-color: #011859;}
.bg-3{background-color: #FFB312;}
.t-1{color: #00249C;}
.t-2{color: #011859;}
.t-3{color: #FFB312;}
.boton:hover{background-color: #FFB312;}
.bg-w{background-color: #ffffff;}
.bg-c{background-color: #3d8a19;}
.bg-transparente-c{background-color: rgba(89, 135, 235, 0.7);}
.bg-transparente-n{background-color: rgba(71, 71, 71, 0.7);}
.t-w{color: #ffffff;}
.t-f{color: #5c5c5c;}
/* FUENTES */
p{font-family:sans-serif; font-size: 14pt;}
/* Alineacion del texto */
.t-center{text-align: center;} /* centrado */
.t-left{text-align: left;} /* izquierda */
.t-right{text-align: right;} /* derecha */
.t-justify{text-align: justify;} /* rellenar */
/* Estilo de la fuente */
.t-bold{font-weight: bold;} /* texto en negrita */
/* Tamanos de la fuente */
.t-s{font-size: 8pt; line-height: 200%;} /* pequenyo */
.t-m{font-size: 20pt;} /* mediano */
.t-l{font-size: 30pt;} /* largo */
.t-xl{font-size: 40pt;line-height: 100%;} /* grande */
.texto{line-height: 180%;}
.nolink{text-decoration: none;}
/* Estilos de los bloques */
.pad-10{padding: 10pt;} /* espaciado interior de 10 pt */
.pad-20{padding: 20pt;} /* espaciado interior de 20 pt */
.pad-30{padding: 30pt;} /* espaciado interior de 30 pt */
.pad-40{padding: 40pt;} /* espaciado interior de 40 pt */
.pad-50{padding: 50pt;} /* espaciado interior de 50 pt */
.col-10{width: 10%;}
.col-20{width: 20%;}
.col-30{width: 30%;}
.col-40{width: 40%;}
.col-50{width: 50%;}
.col-60{width: 60%;}
.col-70{width: 70%;}
.col-80{width: 80%;}
.col-90{width: 90%;}
.col-100{width: 100%;}
.col-33{width: 33.33%;}
.round-10{border-radius: 10px;}
.round-20{border-radius: 20px;}
.round-30{border-radius: 30px;}
.round-40{border-radius: 40px;}
.round-50{border-radius: 50px;}
.no-overflow{overflow: hidden;}
/* COMPONENTES */
.componente{
padding-left: 10%;
padding-right: 10%;
padding-top: 10px;
padding-bottom: 10px;
width: 100%;
}
.boton{
margin:0 auto;
width: 50%;
padding:5px;
border-radius:10px;
text-align: center;
}
.banner{
min-height: 300px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 0%;
}
.tag{
padding-left: 15px;
padding-right: 15px;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 30px 30px 30px 0px;
line-height: 260%;
text-align: center;
}
.icono{max-width: 100px;}
.separador{min-height: 50px;}
.linea{border-top:1px solid #dadada; margin-top: 15px; margin-bottom:15px; width: 60%; margin:0 auto}
/* excepciones para telefonos moviles */
@media (max-width : 800px) {
.pad-10{padding: 10px;}
.pad-20{padding: 10px;}
.pad-30{padding: 10px;}
.pad-40{padding: 10px;}
.pad-50{padding: 10px;}
.contenedor-principal{max-width: 100% !important;}
.contenedor-footer{max-width: 100% !important;}
.boton{width: 90%;}
td{display:block;width: 100% !important;}
}
</style>
</head>
<body style="background-color: #f1f1f1;">
<table class="contenedor-principal bg-w no-overflow">
<tbody>
<tr>
<td>
<!-- INICIO DE COMPONENTES -->
<!--
#############
En el interior de este bloque se situan
los componentes del mail
-->
<!-- COMPONENTE | Banner -->
<div class="componente banner" style="background-image: url('https://europa-empleo.com/img/banners/produccion.jpg');">
<table class="banner bg-transparente-n w-100">
<tbody>
<tr>
<td>
<div class="pad-50">
<p class="t-xl t-center t-w">
Máster en Prevención de Riesgos Laborales
</p>
<p class="t-center">
<span class="tag bg-gr t-w">Bonificable</span>
<span class="tag bg-gr t-w">Online</span>
<span class="tag bg-gr t-w">Audiovisual</span>
</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="separador"></div>
<!-- COMPONENTE | Texto -->
<table class="componente">
<tbody>
<tr>
<td>
<!-- SUBCOMPONENTE | Titulo -->
<!--
Asignable:
* Color del titulo
* Tamanyo del titulo
* Alineación del titulo
-->
<p class="t-l t-1 t-center">
¿Sabías que la seguridad y la salud en el trabajo son una prioridad para las empresas?
</p>
<!-- SUBCOMPONENTE | Texto -->
<!--
Asignable:
* Color del texto
* Tamanyo del texto
* Alineación del texto
-->
<p class="t-center texto">
Con nuestro Máster en Prevención de Riesgos Laborales, aprenderás a identificar y prevenir los riesgos laborales en el lugar de trabajo, lo que te convierte en un activo valioso para cualquier organización.
</p>
</td>
</tr>
</tbody>
</table>
<!-- COMPONENTE | Botón -->
<table class="componente">
<tbody>
<tr>
<td>
<a class="nolink"
href="mailto:info@universidadoficial.com?subject=QUIERO%20INFORMACI%C3%93N%20SOBRE%20EL%20M%C3%81STER%20EN%20PRL%20(%20Ref.%20631%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%20POT-ES20230051%20%0D%0A%20ID:33043"> <!-- Aquí va el LINK -->
<div class="boton bg-1 t-w">
<!--
obligatorio:
* Color de fondo
* Color de texto
-->
<p>
<!-- texto del botón -->
Más Información
</p>
</div>
</a>
</td>
</tr>
</tbody>
</table>
<!-- COMPONENTE | Texto -->
<table class="componente">
<tbody>
<tr>
<td>
<p class="t-m t-1 t-center">
¡Fórmate ahora con este máster bonificable!
</p>
</td>
</tr>
</tbody>
</table>
<!--
#############
-->
<!-- FIN DE COMPONENTES -->
<div class="separador"></div>
<div class="linea"></div>
<div class="separador"></div>
<!--
SIEMPRE ACTIVO | no eliminar
############################
-->
<table class="componente w-100">
<tbody>
<tr>
<td class="col-33">
<div class="t-center">
<img src="https://europa-empleo.com/img/iconos/online-f.png" alt="icono" class="icono">
</div>
<p class="texto t-center t-1">
Formación Online
</p>
</td>
<td class="col-33">
<div class="t-center">
<img src="https://europa-empleo.com/img/iconos/tutor.png" alt="icono" class="icono">
</div>
<p class="texto t-center t-1">
Tutor Personal
</p>
</td>
<td class="col-33">
<div class="t-center">
<img src="https://europa-empleo.com/img/iconos/beca.png" alt="icono" class="icono">
</div>
<p class="texto t-center t-1">
Becas al Estudio
</p>
</td>
</tr>
</tbody>
</table>
<div class="separador"></div>
<table class="componente bg-c w-100">
<tbody>
<tr>
<td class="w-20 t-center">
<img src="https://europa-empleo.com/img/iconos/aviso.png" alt="Aviso importante" class="icono">
</td>
<td>
<p class="t-w t-bold">
100% Bonificable a través de los créditos formativos que FUNDAE otorga a las empresas para sus trabajadores
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- PIE DE PáGINA | Links de desuscripción | Datos de Control -->
<table class="contenedor-footer">
<tbody>
<tr>
<!-- TEXTO DEL PIE DE PáGINA -->
<td>
<p class="t-s t-f">
Su dirección de correo electrónico así como sus datos han sido incorporados a nuestro fichero cuya finalidad es poder mantener futuras comunicaciones y remitirle información sobre formación y empleo. Tiene a su disposición el ejercicio de los derechos de acceso, rectificación, cancelación u oposición mediante mail a
<!-- Linea del enlace -->
<a href='mailto:info@universidadoficial.com?subject=BAJA%20bah-smv-barraka@lists.ourproject.org&body=ES20230051%0D%0APOT-33043'>info@universidadoficial.com</a>
<!-- Fin linea del enlace -->
indicando en el asunto "Baja" seguido del correo electrónico que desea cancelar. Gracias.
</p>
</td>
</tr>
</tbody>
</table>
<!--
SIEMPRE ACTIVO | no eliminar
################################################################################
-->
<!-- ENLACES DE SEGUIMIENTO -->
<a href='http://www.futuro-profesional.com/aperturas/bah-smv-barraka@lists.ourproject.org/ES20230051'></a>
<p style="font-size: 6px;color: #ffffff;">POT-33043 - ES20230051</p>
</body>
</html>