<!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: 70%;
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: #644864;}
.bg-2{background-color: #0061a5;}
.bg-3{background-color: #dac6da;}
.boton:hover{background-color: #bd95bd;}
.bg-gr{
background-color: #644864;
}
/* 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;}
.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-1{color: #644864;}
.t-2{color: #1f4fb6;}
.t-3{color: #21355f;}
.t-w{color: #ffffff;}
.t-f{color: #5c5c5c;}
/* FUENTES */
p{font-family:sans-serif; font-size: 16pt;}
/* 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 : 1100px) {
.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: #ebebeb;">
<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/prevacoso.jpg');">
<table class="banner bg-transparente-n w-100">
<tbody>
<tr>
<td>
<div class="pad-50">
<p class="t-l t-center t-w">
Videoconferencias de prevención del acoso en la empresa
</p>
<p class="t-center">
<span class="tag bg-gr t-w">últimas Inscripciones</span>
</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="separador"></div>
<table class="componente">
<tbody>
<tr>
<td>
<p class="t-1 t-m t-center">
¡Inscríbete ahora en este curso por videoconferencia y aprende a gestionar la
<span class="t-l t-bold">prevención del acoso en la empresa</span> de forma profesional!
</p>
<a class="nolink"
href="mailto:info@tebonificamos.com?subject=QUIERO%20INFORMACI%C3%93N%20SOBRE%20LAS%20VIDEOCONFERENCIAS%20DE%20PREVENCI%C3%93N%20DEL%20ACOSO%20EN%20LA%20EMPRESA%20(%20Ref.%206586%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-ES20230054%20%0D%0A%20ID:61745"> <!-- 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>
<tr>
<td>
<p class="t-1 t-m t-bold t-center"><u>FIN DE INSCRIPCIONES: 06/04/2023</u></p>
</td>
</tr>
<tr>
<td>
<div class="separador"></div>
<div class="linea"></div>
<div>
<div class="bg-3">
<p class="pad-10 t-center">
✓ Del 13/04/2023 al 16/05/2023.
</p>
</div>
<div class="bg-3">
<p class="pad-10 t-center">
✓ Horarios de tarde: de 17h a 19:30h.
</p>
</div>
<div class="bg-3">
<p class="pad-10 t-center">
✓ Formación Acreditada y 100% practica.
</p>
</div>
<div class="bg-3">
<p class="pad-10 t-center">
✓ Grupos reducidos.
</p>
</div>
<div class="bg-3">
<p class="pad-10 t-center">
✓ Contenidos exclusivos de alta calidad.
</p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<!-- COMPONENTE | Botón -->
<table class="componente">
<tbody>
<tr>
<td>
<a class="nolink"
href="mailto:info@tebonificamos.com?subject=QUIERO%20INFORMACI%C3%93N%20SOBRE%20LAS%20VIDEOCONFERENCIAS%20DE%20PREVENCI%C3%93N%20DEL%20ACOSO%20EN%20LA%20EMPRESA%20(%20Ref.%206586%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-ES20230054%20%0D%0A%20ID:61745"> <!-- 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>
<!--
#############
-->
<!-- 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-3">
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-3">
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-3">
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@tebonificamos.com?subject=BAJA%20bah-smv-barraka@lists.ourproject.org&body=ES20230054%0D%0APOT-61745' class="nolink t-f">info@tebonificamos.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.empresaysaber.com/aperturas/bah-smv-barraka@lists.ourproject.org/ES20230054'></a>
<p style="color: #fff;font-size: 6pt;">CLI-61745 - ES20230054</p>
</body>
</html>