Identidad:
— Imagotipos / Logos Aula Ambiental
— SVG
preset: IMG SVG – incluir class «style-svg»
IMPORTANTE: Usar módulo texto hay que incluir en la etiqueta la class=»style-svg», para que el plugin lo reconozca como tal
Color:
Principal
#8bb533
Light
#BBE086
Secundario: hover
#4ca97d
Secundario Light
#88D1AC
Contraste
#FECA2E
Contraste Dark
#F7A100
bg sección par
#F8F8F8
USO:
—–
border
#EDEFF7
USO:
#—-
<p>
#5D5D5D
H
#0A0A0A
Gradiente
#8bb533 #4ca97d
Colores logo SIGAUS
Negro
#2A292C
Verde
#CDA724
Amarillo
#FECA2E
Tipografías:
SIGNIKA NEGATIVE
USO: <p>
Text Regular
Text Italic
Text Bold
a b c d e f g h i j k l ll m n ñ o p q r s t u v w y x z
A B C D E F G H I J K L LL M N Ñ O P Q R S T U V W Y X Z
á é í ó ú ñ Á É Í Ó Ú Ñ
1 2 3 4 5 6 7 8 9 0
# @ – _ ; . , : * € 2 2
LATO
USO: Botones
Text Regular
Text Italic
Text Bold
a b c d e f g h i j k l ll m n ñ o p q r s t u v w y x z
A B C D E F G H I J K L LL M N Ñ O P Q R S T U V W Y X Z
á é í ó ú ñ Á É Í Ó Ú Ñ
1 2 3 4 5 6 7 8 9 0
# @ – _ ; . , : * € 2 2
FontAwesome
font-family: «Font Awesome 5 Free»;
USO: icon
https://github.com/MickeyKay/better-font-awesome-library#shortcode
https://fontawesome.com/v5.15/icons?d=gallery&p=1
FontAwesome IMPORTADO DIVI
font-family: «Fontawesome Regular»,
Archivo: Font Awesome 5 Free-Regular-400.otf,
USO: icon
https://fontawesome.com/v5.15/icons?d=gallery&p=1
https://fontawesome.com/v5.15/how-to-use/on-the-desktop/setup/getting-started
FontAwesome IMPORTADO DIVI
font-family: «Fontawesome Brand Regular»,
Archivo: Font Awesome 5 Brands-Regular-400.otf,
USO: icon
https://fontawesome.com/v5.15/icons?d=gallery&p=1
https://fontawesome.com/v5.15/how-to-use/on-the-desktop/setup/getting-started
FontAwesome IMPORTADO DIVI
font-family: «Fontawesome Solid»,
Archivo: Font Awesome 5 Free-Solid-900,
USO: icon
https://fontawesome.com/v5.15/icons?d=gallery&p=1
https://fontawesome.com/v5.15/how-to-use/on-the-desktop/setup/getting-started
Estilos de texto
— Preset
TEXTO – ESTANDAR – texto OSCURO
Preset: por defecto
H1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H2 CSS BIG: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H2 CSS SMALL: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H5: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
p: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.
p: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.
br: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.
a: Lorem ipsum dolor Mark: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Strong: Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien i: id nisi porttitor ultricies nec vitae urna. u: Nullam tempus malesuada libero, eget egestas erat consectetur eu
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
Preset: por defecto
H1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H2 CSS BIG: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H2 CSS SMALL: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H5: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
H6: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus.
p: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.
p: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.
br: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien id nisi porttitor ultricies nec vitae urna. Nullam tempus malesuada libero, eget egestas erat consectetur eu.
a: Lorem ipsum dolor Mark: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Strong: Aenean a nulla risus. Aenean gravida rhoncus dignissim. Duis nec sapien i: id nisi porttitor ultricies nec vitae urna. u: Nullam tempus malesuada libero, eget egestas erat consectetur eu
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
- Aenean a nulla risus.
Botones
— Preset
Animados css interno
Botones Modulo text
Ilustraciones:
— SVG – Estáticas
preset: IMG SVG – incluir class «style-svg»
