Sección principal del sitio

Header 01

Imagen

Código

---
headerTitle01: Profesionales en servicios médicos
headerSubTitle01: Dedicados a tu salud
headerButtonText01: Contactar
headerLink01: '#first'
hero01: /img/RedPlanet_Medicos_HeroSecction_Slide1_1894x1044_V1.png
---

<header-01 id="inicio" :title="headerTitle01" :sub-title="headerSubTitle01" :image="hero01" :button-text="headerButtonText01" :link="headerLink01" ></header-01>

Parámetros

Nombre	Descripción	Tipo
title	Título del header	String
sub-title	Subtítulo del header	String
image	Ruta a la imagen de fondo	String
button-text	Texto del botón	String
link	Link al que dirije el botón	String

Ejemplo

link (opens new window)

Header 06

Imagen

Código

---
headerTitle: EL NOMBRE DE TU EMPRESA Chula
headerSubTitle: Tu slogan llamativo y contundente
hero01: /img/hero01.jpg
---

<header-06 id="header" :title="headerTitle" :sub-title="headerSubTitle" :image="hero01" parallax ></header-06>

Parámetros

Nombre	Descripción	Tipo
image	Ruta a la imagen de fondo	String
title	Título del header	String
sub-title	Subtítulo del header	String

Ejemplo

link (opens new window)

Comentarios:

• Número máximo de caracteres en Title: 100 caracteres incluyendo espacios.
• Número máximo de caracteres en SubTitle: 400 caracteres incluyendo espacios.
• Tamaño de la imagen: Con efecto parallax: 1920x1080px.
• Tamaño de la imagen: Sin efecto parallax: 1920x1620px