Bienvenidos al Mundo Frutiger Aero

Explora un diseño fresco y moderno inspirado en la estética Frutiger Aero.

Galería de Imágenes

Contacto

2. Estilos CSS: /* Reset de márgenes y rellenos */ * { margin: 0; padding: 0; box-sizing: border-box; } /* Estilos generales */ body { font-family: 'Frutiger LT Std', sans-serif; background: linear-gradient(to bottom, #00bcd4, #4caf50); color: #ffffff; line-height: 1.6; } /* Encabezado y navegación */ header { background: linear-gradient(to right, #00bcd4, #4caf50); padding: 10px; } nav ul { list-style-type: none; text-align: center; } nav ul li { display: inline; margin-right: 20px; } nav ul li a { text-decoration: none; color: #ffffff; font-weight: bold; font-size: 1.2em; } /* Secciones */ section { padding: 20px; margin: 10px; } /* Sección de inicio */ #inicio { text-align: center; } /* Galería */ #galeria { background: linear-gradient(to right, #4caf50, #00bcd4); } .imagenes { display: flex; justify-content: center; gap: 10px; } .imagenes img { width: 30%; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; } .imagenes img:hover { transform: scale(1.05); } /* Formulario de contacto */ #contacto form { display: flex; flex-direction: column; align-items: center; } #contacto label { margin: 5px 0; font-size: 1.1em; } #contacto input, #contacto textarea { width: 80%; padding: 8px; margin: 5px 0; border: 1px solid #ccc; border-radius: 4px; font-size: 1em; } #contacto button { padding: 10px 20px; background: linear-gradient(to right, #00bcd4, #4caf50); color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 1.1em; transition: background 0.3s ease; } #contacto button:hover { background: linear-gradient(to right, #4caf50, #00bcd4); } /* Pie de página */ footer { background: linear-gradient(to right, #00bcd4, #4caf50); text-align: center; padding: 10px; }