Corporación Disell del Perú
:root {
–primary: #000fba; /* color principal */
–secondary: #000000; /* color secundario */
–background: #ffffff; /* fondo */
–text: #333333; /* texto */
}
body {
margin: 0;
font-family: Arial, sans-serif;
background-color: var(–background);
color: var(–text);
scroll-behavior: smooth;
}
header {
position: sticky;
top: 0;
width: 100%;
background: var(–primary);
color: white;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 2rem;
z-index: 1000;
}
header h1 {
margin: 0;
font-size: 1.5rem;
cursor: pointer;
}
header img {
height: 40px;
cursor: pointer;
}
section {
padding: 4rem 2rem;
max-width: 1200px;
margin: auto;
}
h2 {
text-align: center;
margin-bottom: 2rem;
color: var(–primary);
}
/* Nosotros */
.nosotros {
display: flex;
gap: 2rem;
flex-wrap: wrap;
align-items: center;
}
.nosotros img {
flex: 1;
max-width: 400px;
width: 100%;
border-radius: 12px;
}
.nosotros div {
flex: 2;
}
/* Servicios */
.servicios {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
}
.servicio {
padding: 2rem;
border: 1px solid #ddd;
border-radius: 12px;
text-align: center;
background: #f9f9f9;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.servicio:hover {
transform: translateY(-5px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
/* Contacto */
form {
display: flex;
flex-direction: column;
gap: 1rem;
max-width: 500px;
margin: auto;
}
form input, form textarea, form button {
padding: 0.8rem;
border: 1px solid #ccc;
border-radius: 8px;
font-size: 1rem;
}
form button {
background: var(–primary);
color: white;
border: none;
cursor: pointer;
transition: background 0.3s ease;
}
form button:hover {
background: var(–secondary);
}
Disell
Bienvenido a Corporación Disell del Perú
Soluciones eléctricas e infraestructura de confianza
Nosotros
Aquí puedes añadir tu descripción de la empresa. 👇
(Edita este texto desde el bloque HTML en WordPress cuando lo necesites)
Servicios
Opción 1
Opción 2
Opción 3
https://unpkg.com/aos@2.3.1/dist/aos.js
AOS.init({ duration: 1000, once: true });
DISELL