Acerca de nosotros bloque con control deslizante Plantilla CSS

El bloque presenta una sección de «Sobre nosotros» mediante tres diapositivas rotativas tituladas «Nuestro equipo», «Qué hacemos» y «Nuestra cultura». Cada diapositiva utiliza la misma disposición dividida: un panel de texto en índigo oscuro a la izquierda y una gran fotografía rectangular a la derecha. La tipografía blanca y alineada a la izquierda mantiene la legibilidad de los encabezados y del texto complementario, mientras que un botón redondeado de llamada a la acción en amarillo crea un acento recurrente. Tres indicadores y controles de anterior/siguiente muestran el estado del carrusel. El fondo gris claro de la sección y el espaciado generoso mantienen visualmente delimitado el contenido dinámico.

Los paneles índigo y los controles amarillos dan forma al carrusel

El panel índigo oscuro, la tipografía blanca y la gran fotografía rectangular establecen la relación visual fundamental del bloque. En cada diapositiva, el texto permanece agrupado a la izquierda mientras la imagen ocupa la derecha, de modo que los tres temas pueden alternar sin alterar el ritmo visual de la sección. El fondo gris claro circundante define un límite nítido para el carrusel dividido, y el espaciado generoso evita que el encabezado, el párrafo y el botón se conviertan en un bloque de texto denso.

El botón redondeado amarillo y los indicadores del carrusel aportan los acentos recurrentes más destacados. Distinguen el punto de interacción del texto blanco y facilitan la identificación de la diapositiva activa sin competir con la fotografía. Dado que este mismo tratamiento se repite en «Nuestro equipo», «Qué hacemos» y «Nuestra cultura», los ajustes de estilo pueden centrarse en el contraste de color compartido, la forma de los botones, la tipografía, las proporciones de imagen y la visibilidad de los controles, en lugar de rediseñar cada tema por separado.

Para la interpretación de una plantilla CSS, esta sección resulta sumamente práctica como sistema visual autónomo. Su diseño se puede perfeccionar manteniendo el contenido de «Sobre nosotros» y la estructura del carrusel. El resultado sigue siendo un único bloque estilizado: la página circundante aporta las demás secciones, mientras que este bloque conserva su propia paleta coordinada, espaciado, tratamiento de imágenes y controles de diapositivas.

Personalizar con Nicepage

Al utilizar Generador de plantillas CSS, podrá ajustar los colores, las fuentes, el encabezado y el pie de página, el diseño, las columnas y otros elementos de diseño, así como el contenido y las imágenes.

Descargar

Editar plantilla sin conexión

1. Descargue e instale la aplicación Nicepage para Windows y Mac. O los complementos de WordPress y Joomla desde página de descarga
2. Cree una página nueva o seleccione una existente
3. Haga clic en Agregar nuevo bloque, busque la identificación 4975410 y haga clic en Intro.

Editar plantilla en línea

Inicie Constructor en línea esta plantilla en nuestro alojamiento

Crea sitios web impresionantes

WordPress

Windows App

Joomla

Mac OS App

HTML5

Online

Generador gratuito de Nicepage

Más de 15.000 plantillas

Fácil de arrastrar y soltar

Sin codificación

Compatible con dispositivos móviles

Palabras clave

Personaliza esta plantilla con CSS

Controla el estilo específico de cada página

Personaliza la apariencia visual de esta plantilla prediseñada directamente en el editor de Nicepage. Ajusta la tipografía, el espaciado, los fondos, los bordes, los colores, el posicionamiento y otras propiedades de estilo mediante controles visuales, manteniendo la maquetación de la página sencilla sin necesidad de escribir CSS manualmente.

Añade CSS personalizado cuando sea necesario

Para requisitos de estilo que vayan más allá de las opciones estándar del editor, utiliza CSS personalizado para añadir reglas específicas. El CSS se puede aplicar a elementos individuales, páginas específicas o a todo el sitio web, según el alcance de la personalización, mientras que las clases CSS se pueden usar para conectar reglas personalizadas con elementos seleccionados.

Exporta el CSS mínimo por página

Para proyectos donde el tamaño del CSS y el rendimiento de la página son importantes, Nicepage puede exportar el CSS mínimo para cada página. En lugar de depender de una hoja de estilos común, cada página puede usar un archivo CSS independiente que contenga solo las reglas de estilo necesarias para esa página en particular. Según la documentación de Nicepage, estos archivos CSS específicos para cada página pueden ser hasta diez veces más compactos, lo que ayuda a reducir el CSS innecesario y a mejorar el rendimiento de carga de la página.

Este flujo de trabajo combina el estilo visual con CSS personalizado opcional y una salida CSS optimizada para cada página, lo que te brinda mayor control cuando un proyecto lo requiere, sin que la edición manual de CSS se convierta en la principal forma de personalizar la plantilla.