Nuevo desafío para tu Plantilla HTML

El bloque presenta una oferta de entrenamiento físico mediante una composición asimétrica de dos columnas. El lado izquierdo combina una imagen superior de entrenamiento con un panel inferior blanco encabezado por «Entrena con nosotros», texto de apoyo y un botón «Empezar ahora». A la derecha, un destacado de precios se ubica sobre una segunda imagen de fitness, con detalles de frecuencia de sesiones y un botón «Unirse ahora». El color carbón oscuro, los toques en rojo vivo, los paneles de contenido blancos y las formas rectangulares superpuestas aportan a la sección una marcada profundidad visual. Se trata de un área de oferta de entrenamiento focalizada y reutilizable, más que de una página completa.

Dos paneles de entrenamiento componen una sección estática lista para usar

Las columnas izquierda y derecha dividen la oferta en dos mensajes interconectados. «Entrena con nosotros» introduce la propuesta de fitness junto a una imagen, un párrafo explicativo y la acción «Empezar ahora». En el lado opuesto, el área de tarifas «A partir de» sitúa el importe de 79 $/sesión y los detalles de frecuencia sobre una segunda imagen y la acción «Unirse ahora». Esto proporciona a una página HTML estática una sección lista para presentar una oferta, sin exigir que el resto de la página defina la relación estructural del contenido central del bloque.

La disposición asimétrica también resulta clave para la integración de la sección. Las dos imágenes están enmarcadas en paneles rectangulares blancos, mientras que las áreas de texto emplean superficies de contenido blancas sobre un fondo carbón oscuro. El texto principal en rojo intenso y las formas de acento dirigen la atención hacia el mensaje del entrenamiento y las llamadas a la acción, y los paneles rectangulares superpuestos añaden profundidad sin añadir interactividad; el bloque es estático. Dentro de una página HTML más amplia, puede colocarse entre el contenido de presentación y detalles adicionales, testimonios o datos de contacto. El proyecto contenedor conserva la responsabilidad sobre la navegación y otras áreas, mientras que esta sección lista para usar mantiene integrados la oferta de entrenamiento, el contexto de precios, las imágenes y dos puntos de respuesta. Por lo tanto, la composición puede exportarse dentro de un proyecto HTML estático conservando un rol de sección claro e independiente.

Personalizar con Nicepage

Al utilizar Generador de HTML, 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 50729 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

Exportar y usar esta plantilla como sitio web HTML

Crear un sitio web HTML portátil

Cuando la plantilla esté lista, use la opción Exportar HTML para crear un sitio web estático con los archivos necesarios para su implementación. El sitio web exportado se puede usar independientemente del editor de Nicepage e implementarse en su alojamiento preferido.

Nicepage también ofrece configuración SEO y funciones de optimización, incluyendo títulos y descripciones de página, configuración canónica, encabezados, texto alternativo de imágenes y otras propiedades de página que ayudan a preparar el sitio web para los motores de búsqueda.

Implementar sin un CMS

Suba el sitio web finalizado al entorno de alojamiento que mejor se adapte a su proyecto. Dado que el sitio exportado no requiere WordPress, Joomla ni ningún otro CMS para mostrar sus páginas, puede ubicarse en su propio servidor, subirse a un proveedor de alojamiento o implementarse a través de una infraestructura web existente.

Entrega de los archivos del sitio web

Los archivos generados del sitio web también se pueden entregar a un cliente, desarrollador o equipo de alojamiento. Permanecen disponibles fuera del editor de Nicepage para su implementación, revisión técnica o desarrollo específico del proyecto cuando se requiera trabajo adicional.

Este flujo de trabajo convierte la plantilla en una base práctica para un sitio web estático portátil que se puede exportar desde el editor de Nicepage e implementar de forma independiente.