Botones

Titulos

Titulo H1

Titulo H2

Titulo H3

Titulo h4

Colores del tema

Color vino (por defecto para titulos)

Color amarillo

Color crema

Color gris

Tamaño de textos

Tamaño de texto pequeño

Tamaño de texto por defecto

Tamaño de texto Medio

Tamaño de texto Grande

Tamaño de texto Enorme

Texto en negrita

Párrafo

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tellus lacus, luctus eu arcu nec, convallis tincidunt quam. Fusce ac molestie ex, eu sollicitudin ipsum. Duis ut ipsum a odio viverra pulvinar id sagittis arcu. Aenean bibendum, enim a tempor ullamcorper, diam tellus suscipit lorem, vel pharetra elit ligula sit amet lectus. Nulla accumsan fringilla porttitor. Vestibulum dolor tortor, ultricies vel mi vel, ultricies blandit sem. Suspendisse sit amet lacus sollicitudin risus luctus malesuada a sit amet lorem. Cras ut turpis sollicitudin, elementum nulla ut, mollis leo. Nam ipsum sapien, ornare et bibendum quis, pulvinar vitae ligula. Integer hendrerit erat id justo varius fringilla. Nulla ultricies quis felis consequat bibendum. Praesent eu arcu vitae metus scelerisque luctus. Praesent tincidunt tellus eu velit vestibulum, venenatis lacinia tortor egestas.

Citas

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vulputate risus nibh, eget bibendum magna tempor ac. In faucibus enim ipsum, vel ultricies nisi elementum non. Donec eu tellus sed purus feugiat scelerisque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Pellentesque

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vulputate risus nibh, eget bibendum magna tempor ac. In faucibus enim ipsum, vel ultricies nisi elementum non. Donec eu tellus sed purus feugiat scelerisque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Pellentesque

Testimonios

Iconos Font Awesome

Iconos de Font Awesome 5 https://fontawesome.com/icons (Requiere el plugin Icon Widget).

<i class="fas fa-camera fa-xs"></i>
			<i class="fas fa-camera fa-sm"></i>
			<i class="fas fa-camera fa-lg"></i>
			<i class="fas fa-camera fa-2x"></i>
			<i class="fas fa-camera fa-3x"></i>
			<i class="fas fa-camera fa-5x"></i>
			<i class="fas fa-camera fa-7x"></i>
			<i class="fas fa-camera fa-10x"></i>

Modal

<button class="button" onclick="show('modal')">Show Modal</button>
			
			<div class="modal">
					<h3>Modal popup</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque venenatis augue eget lacinia.</p>
					<button onclick="hide('modal')">Close Modal</button>
					<button class="close button" onclick="hide('modal')">Close Modal</button>
			</div>

Boxes

This is a box title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque venenatis augue eget lacinia.

<div class="box">
					<h6>This is a box title</h6>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam scelerisque venenatis augue eget lacinia.</p>
			</div>

Notice

Default
Success
Info
Warning
Error
<div class="notice">Default <button class="close alignright" onclick="hide('notice')"></button></div>
			<div class="notice-success">Success <button class="close alignright" onclick="hide('notice-success')"></button></div>
			<div class="notice-info">Info <button class="close alignright" onclick="hide('notice-info')"></button></div>
			<div class="notice-warning">Warning <button class="close alignright" onclick="hide('notice-warning')"></button></div>
			<div class="notice-error">Error <button class="close alignright" onclick="hide('notice-error')"></button></div>