TYPOGRAPHY

Palette
Elemento Colore Colore alternativo Esempio
TITOLI

LOREM IPSUM

TESTO

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

COLORE 1
COLORE 2
COLORE 3
BACKGROUND
BORDER
Intestazioni

Intestazione h1

Intestazione h2

Intestazione h3

Intestazione h4

Intestazione h5
Intestazione h6
Paragrafi

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi. Aliquam mollis mi eget arcu luctus tempor. Fusce egestas nisi ac pretium pretium. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque volutpat quis neque eget egestas. Nunc aliquet mi est. Maecenas nec porta ipsum. Nunc eu viverra dui, sit amet imperdiet ligula. Morbi enim nulla, tincidunt non porttitor nec, ultrices non leo. Etiam gravida, felis ut tempus imperdiet, sem quam auctor erat, eu eleifend arcu ex eu dui. Nunc consequat a nibh rutrum commodo. Nulla diam erat, vehicula ac blandit ac, ultricies vitae elit. Aliquam erat volutpat.

Elementi HTML
Link <a>
Lorem ipsum dolor sit amet, Questo è un link adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Grassetto <b>
Lorem ipsum dolor sit amet, Questo testo è in grassetto adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Grassetto <strong>
Lorem ipsum dolor sit amet, Questo testo è in grassetto adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Corsivo <i>
Lorem ipsum dolor sit amet, Questo testo è in corsivo adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Enfatizzato <em>
Lorem ipsum dolor sit amet, Questo testo è enfatizato adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Esponente
Lorem ipsum dolor sit amet, E = MC2 adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
sottoesponente
Lorem ipsum dolor sit amet, H2O adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Revisione - testo cancellato <del>
Lorem ipsum dolor sit amet, testo cancellato adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Revisione - testo inserito <ins>
Lorem ipsum dolor sit amet, testo inserito adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Abbreviazione <abbr>
Lorem ipsum dolor sit amet, WWW adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Acronimo <acronym>
Lorem ipsum dolor sit amet, RAM adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Citazione <cite>
Lorem ipsum dolor sit amet, citazione adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Blocco di testo citato <blockquote>
Lorem ipsum dolor sit amet,
citazione
adipiscing elit. Quisque metus turpis, fringilla quis lectus in, porta aliquam mi.
Campo <fieldset>
Lorem ipsum dolor sit amet
Legenda <Legend>
Lorem ipsum dolor sit amet
Codice <code>
$lorem = "Lorem ipsum dolor sit amet"; echo $lorem;
Testo preformattato
				╔══╗
				╚╗╔╝
				╔╝(¯`v´¯)
				╚══`.¸.[Zero Theme]
			
Linea orizzontale <hr />

Bottone <button>

.button

.button-reverse

.button-gray

.button-gray-reverse

.button-colorOne

.button-colorOne-reverse

.button-colorTwo

.button-colorTwo-reverse

.button-colorThree

.button-colorThree-reverse

Tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non erat vitae diam semper bibendum sed eu urna. Curabitur tincidunt eleifend lectus a rutrum. Sed pretium euismod ex, quis euismod lorem volutpat ut. Ut eu pellentesque erat. Proin scelerisque, eros sit amet bibendum accumsan, odio nunc pharetra augue, non pulvinar mi nibh id augue. Donec.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non erat vitae diam semper bibendum sed eu urna. Curabitur tincidunt eleifend lectus a rutrum. Sed pretium euismod ex, quis euismod lorem volutpat ut. Ut eu pellentesque erat. Proin scelerisque, eros sit amet bibendum accumsan, odio nunc pharetra augue, non pulvinar mi nibh id augue. Donec.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non erat vitae diam semper bibendum sed eu urna. Curabitur tincidunt eleifend lectus a rutrum. Sed pretium euismod ex, quis euismod lorem volutpat ut. Ut eu pellentesque erat. Proin scelerisque, eros sit amet bibendum accumsan, odio nunc pharetra augue, non pulvinar mi nibh id augue. Donec.
Accordion
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non erat vitae diam semper bibendum sed eu urna. Curabitur tincidunt eleifend lectus a rutrum. Sed pretium euismod ex, quis euismod lorem volutpat ut. Ut eu pellentesque erat. Proin scelerisque, eros sit amet bibendum accumsan, odio nunc pharetra augue, non pulvinar mi nibh id augue. Donec.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non erat vitae diam semper bibendum sed eu urna. Curabitur tincidunt eleifend lectus a rutrum. Sed pretium euismod ex, quis euismod lorem volutpat ut. Ut eu pellentesque erat. Proin scelerisque, eros sit amet bibendum accumsan, odio nunc pharetra augue, non pulvinar mi nibh id augue. Donec.
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam non erat vitae diam semper bibendum sed eu urna. Curabitur tincidunt eleifend lectus a rutrum. Sed pretium euismod ex, quis euismod lorem volutpat ut. Ut eu pellentesque erat. Proin scelerisque, eros sit amet bibendum accumsan, odio nunc pharetra augue, non pulvinar mi nibh id augue. Donec.
Didascalia tabella <caption>
Lorem ipsum dolor sit amet
Liste
Lista non-ordinata
  • List item
  • List item
  • List item
    • Nested item
    • Nested item
  • List item
  • List item
  • List item
  • List item
Lista ordinata
  1. List item
  2. List item
  3. List item
    1. Nested item
    2. Nested item
  4. List item
  5. List item
  6. List item
  7. List item
Tabelle
header header header header

Lorem ipsum

data data data data
data data data data
data data data data
data data data data
data data data data
Immagini <img>
Lorem ipsum dolor sit amet
Didascalia immagine <figcaption>
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Moduli

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui.





Radio 1
Radio 2
Radio 3


Radio 1
Radio 2
Radio 3