Headers – texts

H1 Titles Orbitron Black

H2 Titles Orbitron Black

H3 Titles Lexend SemiBold

H4 Titles Lexend extra bold

H5 Titles Lexend SemiBold

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor, orci est vehicula velit, scelerisque fringilla ligula mi in urna. Nulla ut odio eu mi congue molestie. Maecenas tortor neque, condimentum ut odio in, mollis efficitur enim. In dui ante, faucibus quis vulputate nec, aliquet et elit. Sed a arcu id nisi porta hendrerit. Proin egestas nisl metus, eu ultrices quam lacinia in. Nulla pellentesque sagittis risus vel dapibus. Curabitur eget ex nec lacus molestie porta.

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor, orci est vehicula velit, scelerisque fringilla ligula mi in urna. Nulla ut odio eu mi congue molestie. Maecenas tortor neque, condimentum ut odio in, mollis efficitur enim. In dui ante, faucibus quis vulputate nec, aliquet et elit. Sed a arcu id nisi porta hendrerit. Proin egestas nisl metus, eu ultrices quam lacinia in. Nulla pellentesque sagittis risus vel dapibus. Curabitur eget ex nec lacus molestie porta.

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor, orci est vehicula velit, scelerisque fringilla ligula mi in urna. Nulla ut odio eu mi congue molestie. Maecenas tortor neque, condimentum ut odio in, mollis efficitur enim. In dui ante, faucibus quis vulputate nec, aliquet et elit. Sed a arcu id nisi porta hendrerit. Proin egestas nisl metus, eu ultrices quam lacinia in. Nulla pellentesque sagittis risus vel dapibus. Curabitur eget ex nec lacus molestie porta.

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor, orci est vehicula velit, scelerisque fringilla ligula mi in urna. Nulla ut odio eu mi congue molestie. Maecenas tortor neque, condimentum ut odio in, mollis efficitur enim. In dui ante, faucibus quis vulputate nec, aliquet et elit. Sed a arcu id nisi porta hendrerit. Proin egestas nisl metus, eu ultrices quam lacinia in. Nulla pellentesque sagittis risus vel dapibus. Curabitur eget ex nec lacus molestie porta.

Instruciones

Preset nombrado como
“Header- Primary”

Sizes en Mobile

Mobile H1 Orbitron = 30px,
Tablet h1 Orbitron = 35px

Mobile H2 Orbitron = 27px,
Tablet H2 orbitron = 30

Mobile H3, h4, h4 sin cambios

H1 Titles Orbitron Black

H1 Titles Orbitron Black

H2 Titles Orbitron Black

H3 Titles Lexend SemiBold

H4 Titles Lexend extra bold

H5 Titles Lexend SemiBold

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor, orci est vehicula velit, scelerisque fringilla ligula mi in urna. Nulla ut odio eu mi congue molestie. Maecenas tortor neque, condimentum ut odio in, mollis efficitur enim. In dui ante, faucibus quis vulputate nec, aliquet et elit. Sed a arcu id nisi porta hendrerit. Proin egestas nisl metus, eu ultrices quam lacinia in. Nulla pellentesque sagittis risus vel dapibus. Curabitur eget ex nec lacus molestie porta.

Instruciones

Preset nombrado como
“Header- White”

-Usado solamente para background de colores oscuros o imagenes.

– solamente cambia de paleta de colores ente es la misma

– Fuente es la misma

Sizes en Mobile

Mobile H1 Orbitron = 30px,
Tablet h1 Orbitron = 35px

Mobile H2 Orbitron = 27px,
Tablet H2 orbitron = 30

Mobile H3, h4, h4 sin cambios

Headers – texts

H1 Titles Orbitron Black

H2 Titles Orbitron Black

H3 Titles Lexend SemiBold

H4 Titles Lexend extra bold

H5 Titles Lexend SemiBold

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor, orci est vehicula velit, scelerisque fringilla ligula mi in urna. Nulla ut odio eu mi congue molestie. Maecenas tortor neque, condimentum ut odio in, mollis efficitur enim. In dui ante, faucibus quis vulputate nec, aliquet et elit. Sed a arcu id nisi porta hendrerit. Proin egestas nisl metus, eu ultrices quam lacinia in. Nulla pellentesque sagittis risus vel dapibus. Curabitur eget ex nec lacus molestie porta.

Instruciones

Preset nombrado como
“Header- Secondary”

-Utilizarlo en caso de tener una fuente especial para los H1,h2, etc… y asi no cambiar los valores generales del Present-Primary

Sizes en Mobile

Mobile H1 Orbitron = 30px,
Tablet h1 Orbitron = 35px

Mobile H2 Orbitron = 27px,
Tablet H2 orbitron = 30

Mobile H3, h4, h4 sin cambios

buttons – colors

Pallete colors

Solamente es una representacion de los colores, estos no son globales ni hacen accion alguna en el template

Global White
Global Black
TEXT GRAYS (Over White)
Color 1 (Titles + CTA)
COLOR 2
COLOR 3

BUTTONS

Cada Botón posee un preset distinto + su variante para background oscuros y claros

Preset como
“Btn-Primary”

Preset como
“Btn-Primary-Reverse”

Preset como
“Btn-Primary”

Preset como
“Btn-Primary-Reverse-Black”

Preset como
“Btn-Nextbtn-Secondary”

modulo del boton es:
“Next Button”
de Divi essentials

Preset como
“Btn-Nextbtn-Secondary-2”

modulo del boton es:
“Next Button”
de Divi essentials

notas importantes

-Ciertos Botones que son duales poseen esta clase “.pa-inline-buttons” , lo cual hace que esten en la misma fila

– hay en algunas secciones (ver mas abajo): que hay botones en fila usando solamente los
“Row”

Tarjetas – Blurs – secciones

blurbs

Your Title Goes Here

Preset como:
“Simple-Blur”

-Solamente cambia fuente, colocar icono a la izquierda y sin texto
-Icono subido en SVG
-los que son “blur-box” , solamente se diferencia con la posicion de los iconos. background pueden ser colocado los colores o imagenes dentro de la columna del row que estaran puestos

Your Title Goes Here

Preset como:
“Simple-Blur-White”

Preset “Blur-Box-1”

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Preset “Blur-Box-2-white”

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

secciones

las secciones creadas pueden ser colocadas en cualquier pagina segun la necesidad del cliente.

– estas tendrán sus nombres y seran guardadas para un uso mas rapido y simple

-Algunas tendran complementos modificables por “Preset” anteriormente mencionado

-Ninguna seccion creada es “global” por ende estas siempre podran ser modificables sin afectar donde otra colacoada en cualquier pagina

– En secciones NO pre-editadas y editadas tendran la clase “pa-inline-buttons” para colocar los botones en fila: sin embargo hya otras secciones que solamente van a poseer el “ROW” con 2 botones

en caso de no saber donde se encuentran las secciones guardadas pueden ver el slider

Nombre de la Seccion: “ST-Row-Img-text”

Notas Importantes

– El border de la imagen esta hecha con shadow
– Para mobile desaparece el border
– posee un CSS “margin:auto;” en la columna del texto para centrarlo.
– Posee la clase “pa-inline-buttons” en la segunda columna del row para colocar los botones juntos

Lorem ipsum mollit

Nulla Lorem mollit cupidatat irure laborum magna.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed posuere egestas nunc ut tempus. Fusce sagittis bibendum est. Pellentesque eu tortor euismod, varius odio ac, auctor arcu.

Nombre de la Seccion: “ST-Row-blur-BgImg”

Notas Importantes

– el Blurb posee su preset “blur-Box-2-White”
– La imagen de background esta puesta en la columna del row
– La columna posee 6% a los lados
– En mobile, el border de la segunda columna posee 30 px de arriba y abajo
-el gap esta hecho con el border de la segunda columna del row con 10px a cada lado

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nombre de la Seccion: “ST-Row-blur-BgImg-2”

Notas Importantes

– el Blurb posee su preset “blur-Box-1”
– Posee la clase “pa-inline-buttons” en la segunda columna del row para colocar los botones juntos
– se modifico los padding manualmente del blurb
– Los botones estan en fila usando el “Row” con 2 columnas

Lorem ipsum mollit

Nulla Lorem mollit cupidatat irure laborum magna.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nombre de la Seccion: “ST-Rows-Step-Img”

Notas Importantes

– el Blurb posee su preset “blur-Box-2-White”
– Posee la clase “column-reverse” el tercer row de la seccion
– se modifico los padding manualmente del blurb
– Gradient background modificado manualmente para colocar cualquier imagen

Lorem ipsum mollit

Nulla Lorem mollit cupidatat irure laborum magna.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed posuere egestas nunc ut
tempus. Fusce sagittis bibendum est. Pellentesque eu tortor euismod, varius odio ac, auctor arcu.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Nulla Lorem mollit cupidatat

Phasellus accumsan imperdiet tempor. Cras tincidunt, arcu nec eleifend porttitor.

Lorem ipsum mollit

Nulla Lorem mollit cupidatat irure laborum magna.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed posuere egestas nunc ut tempus. Fusce sagittis bibendum est. Pellentesque eu tortor euismod, varius odio ac, auctor arcu.

Nombre de la Seccion: “ST-Rows-Sponsor”

Notas Importantes

Lorem ipsum mollit

Nulla Lorem mollit cupidatat irure laborum magna.

Nombre de la Seccion: “ST-Rows-Testimonial”

Notas Importantes

– Cambiar la imagen de testimonial por el shortcode de trustindex

Lorem ipsum mollit

Nulla Lorem mollit cupidatat irure laborum magna.

Nombre de la Seccion: “ST-Row-Img-text-2”

Notas Importantes

– La imagen solo aparece en desktop
– El Row posee padding
– El modulo De texto posee paddings

Lorem ipsum mollit

Nulla Lorem mollit cupidatat irure laborum magna.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed posuere egestas nunc ut tempus. Fusce sagittis bibendum est. Pellentesque eu tortor euismod, varius odio ac, auctor arcu.

Nombre de la Seccion: “ST-Rows-Step-Img-2”

Notas Importantes

– el Blurb posee su preset “blur-Box-2-White”
– Posee la clase “column-reverse” el tercer row de la seccion
– se modifico los padding manualmente del blurb
– Gradient background modificado manualmente para colocar cualquier imagen

Lorem ipsum mollit

Nulla Lorem mollit cupidatat irure laborum magna.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed posuere egestas nunc ut
tempus. Fusce sagittis bibendum est. Pellentesque eu tortor euismod, varius odio ac, auctor arcu.

Jane Doe

Title Here

Jane Doe

Title Here

Jane Doe

Title Here

Jane Doe

Title Here