Fuente
body {
font-family: "Outfit";
}
Cabecera (quitar la transparente y dejarla fija)
#header-wrap {
background-color: #044F6D;
}
p
p {
font-family: "Outfit", Sans-serif;
font-size: 17px;
font-weight: 400;
color: #044F6D;
}
h1
h1 {
font-family: "Outfit", Sans-serif;
font-size: 48px;
font-weight: 600;
color: #044F6D;
}
h2
h2 {
font-family: "Outfit", Sans-serif;
font-size: 36px;
font-weight: 600;
color: #044F6D;
}
h3
h3 {
font-family: "Outfit", Sans-serif;
font-size: 28px;
font-weight: 600;
color: #044F6D;
}
h4
h4 {
font-family: "Outfit", Sans-serif;
font-size: 20px;
font-weight: 400;
color: #044F6D;
}
button {
font-family: "Outfit", Sans-serif;
font-weight: 500;
font-size: 18px;
color: #fff;
background-color: #01CBFF;
border-radius:5px
}
button:hover {
color: #fff;
background-color: #38e1a0;
}
Destacados modelo 1
Encuentra Proveedores destacados
#destacado_1 {
font-family: "Outfit", Sans-serif;
font-size: 26px;
font-weight: 600;
text-align: center;
line-height: 1.1em;
color: #FFF;
background-color: #01CBFF
padding: 60px 20px 60px 20px;
border-radius: 100% 100% 100% 100%;
}
Destacados modelo 2
Juntos construimos
grandes alianzas
#destacado_2 img {
width: 100px;
display: inline-block;
vertical-align: middle;
}
#destacado_2 span {
color: #a5c821;
text-align: center;
font-size: 32px;
}
#destacado_2 title {
color:#044f6d;
text-align: center;
font-size: 32px;
}
color de fondo a usar en determinados banners o llamadas a la acción #E7E7E7
Fondo secciones (con titulo H1 fuera del fondo, encima de el)
#fondo_seccion {
min-height: 450px;
background-image: url(https://ceees360.com//wp-content/uploads/2025/05/header-cees-360-2-scaled.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0.8;
}
h1
Bucle proveedores
Añade aquí tu texto de cabecera
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Añade aquí tu texto de cabecera
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Añade aquí tu texto de cabecera
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Estilo:
Título: H3
Descripción: p (text-align: center)
Botón: button
Enlace entrada: Quitar enlace de imagen, que no se pueda pinchar. El enlace debe estar sólo en el botón
- Que el contenedor donde vayan el bucle de los proveedores tenga 900 px de ancho y el bucle vaya al centro
- 3 entradas por row
- Alienar botones automáticamente
- Espacio entre columnas 40px
- Border-radius al hover: 5px
- Border al hover:
color:#00000059 en RGB: rgba(0, 0, 0, 0.34901960784313724)
Desenfoque:20px
Categorías de servicios
Consejero de seguridad
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Extintores y Equipos de Extinción autom.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Multas de trabajo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Ropa de Trabajo y EPIs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Servicios de Prevención de Riesgos Laborales
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Multas de trabajo
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Estilo:
Tres servicios por row
Título: H4
Descripción: 15px, font-weight:400, text-align: left;
- Espacio entre columnas 40px
- Color para todo: #044F6D
Testimonios
