Mi perfil Plantilla CSS

“Un poco sobre mí” y “¿Quién soy?” presentan un perfil personal antes de que el diseño se divida en dos zonas contrastadas. La parte inferior sitúa un panel de perfil azul con retrato circular y la acción “Más información” junto a cuatro tarjetas blancas de competencias. Diseño gráfico, Diseño web, Software y Aplicaciones están representados cada uno por un icono, un título de categoría y un enlace para ver más. Su disposición de dos por dos crea un resumen compacto de habilidades, mientras que los remates de color inferiores distinguen las tarjetas sobre el fondo gris claro. La introducción centrada, el espaciado amplio y la división equilibrada hacen que la sección se lea como un único bloque centrado en el perfil.

Panel de perfil azul y tarjetas de competencias con detalles de color

El fondo gris claro proporciona a la sección un espacio abierto para su introducción centrada, donde “Un poco sobre mí” y “¿Quién soy?” establecen la temática personal antes de que comience el contenido inferior. La tipografía y el espaciado permiten conservar esa jerarquía manteniendo el grupo introductorio separado visualmente de la zona de perfil y competencias. El contraste entre el panel de perfil azul y las tarjetas blancas se convierte así en la relación visual clave del bloque.

El panel izquierdo reúne un retrato circular, texto descriptivo del perfil y la acción “Más información”. A la derecha, cuatro tarjetas repiten la misma lógica visual: un icono, un título de competencia, un enlace de lectura adicional y un remate de color en la parte inferior. Diseño gráfico, Diseño web, Software y Aplicaciones permanecen diferenciados a la vez que comparten un estilo uniforme. Estas propiedades repetidas son selectores CSS muy prácticos cuando se necesita modificar la apariencia sin alterar el modelo de contenido ni la disposición de dos por dos.

El estilo de la sección también debe mantener el equilibrio entre un área de perfil visualmente dominante y cuatro unidades informativas más reducidas. El tono de fondo, el contraste de las tarjetas, los colores de acento, los detalles del borde, el tamaño de los iconos y las separaciones pueden ajustarse de forma coordinada. Nicepage admite Custom CSS específico cuando los controles de estilo habituales no bastan, conservando el bloque como una sección de perfil reutilizable.

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 3064700 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.