Tipografia
Tag HTML Headings
I tag HTML definiscono gli stili di intestazione predefiniti.
Tutti i titoli H1

Rubrica 1

Tutti i titoli H2

Rubrica 2

Tutti i titoli H3

Rubrica 3

Tutti i titoli H4

Rubrica 4

Tutte le rubriche H5
Rubrica 5
Tutti i titoli H6
Rubrica 6
Classi di intestazione
Classi di intestazione quando lo stile tipografico non corrisponde al tag HTML predefinito.
stile-intestazione-h1

64px | Heading-style-h1

stile-intestazione-h2

56px | Heading-style-h2

stile-intestazione-h3

36px | Heading-style-h3

stile-intestazione-h4

28px | Heading-style-h4

stile-intestazione-h5

Stile di intestazione-h5

stile-intestazione-h6

Stile di intestazione-h6

Altri tag HTML
I tag HTML definiscono gli stili di testo predefiniti.
Tutti i paragrafi

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Tutti i link
Tutti i link
Tutte le citazioni di Block
Citazione del blocco
Tutti gli elenchi non ordinati
  • Nessun elenco puntato

  • Nessun elenco puntato

Tutti gli elenchi non ordinati
  • Nessun elenco puntato

  • Nessun elenco puntato

Tutti gli elenchi ordinati
  1. Nessun elenco puntato

  2. Nessun elenco puntato

  3. Nessun elenco puntato

Dimensioni del testo
Classi di dimensioni del testo quando le dimensioni della tipografia non corrispondono al tag HTML predefinito.
dimensione testo grande

28px | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

dimensione testo-media

24px | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

dimensione del testo regolare

18px | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

dimensione del testo piccola

16px | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

dimensione del testo piccola

14px | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

dimensione testo-extra-tiny

12px | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Pesi del testo
Classi di peso del testo quando il peso della tipografia non corrisponde al tag HTML predefinito.
peso del testo-xbold
peso del testo-xbold (800)
peso del testo in grassetto
peso del testo in grassetto (700)
peso del testo-semibold
peso del testo-semibold (600)
peso del testo medio
peso del testo medio (500)
peso del testo-normale
peso del testo-normale (400)
peso del testo leggero
peso del testo leggero (300)
Stili di testo
Classi di stile di testo quando lo stile tipografico non corrisponde al tag HTML predefinito.
testo-stile-italico
testo-stile-italico
stile testo barrato
stile testo barrato
stile testo-allcaps
stile testo-allcaps
stile testo-nowrap
stile testo-nowrap
testo-stile-citazione
testo-stile-citazione
collegamento in stile testo
stile testo-2 linee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
stile testo-3 linee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
stile testo-muto
stile testo-muto
Allineamento del testo
Classi di allineamento del testo quando l'allineamento tipografico non corrisponde al tag HTML predefinito.
allineamento del testo a sinistra
allineamento del testo a sinistra
allineamento del testo al centro
allineamento del testo al centro
allineamento del testo a destra
allineamento del testo a destra
Testo ricco
testo-ricco-testo

Rubrica 1

Rubrica 2

Rubrica 3

Rubrica 4

Rubrica 5
Rubrica 6
Questa è una citazione a blocchi

L'elemento rich text consente di creare e formattare titoli, paragrafi, virgolette, immagini e video in un unico punto, invece di doverli aggiungere e formattare singolarmente. Basta un doppio clic per creare facilmente i contenuti.

Si tratta di un collegamento all'interno di un testo ricco

  • Voce dell'elenco
  • Voce dell'elenco
  • Voce dell'elenco
  1. Voce dell'elenco
  2. Voce dell'elenco
  3. Voce dell'elenco
La didascalia va qui
Colori
Colore di sfondo
Gestisce i colori di sfondo ricorrenti.
colore di sfondo nero
colore di sfondo bianco
colore di sfondo grigio
colore di sfondo blu
colore di sfondo blu chiaro
Fare clic e incollare Tavolozza dei colori
Colore del testo
Gestisce i colori del testo ricorrenti.
testo-colore-bianco
testo-colore-bianco
testo-colore-nero
testo-colore-nero
colore-testo-nero65
colore-testo-nero65
colore-testo-nero45
colore-testo-nero65
testo-colore-blu
testo-colore-blu
Fare clic e incollare Tavolozza dei colori
Elementi dell'interfaccia utente
Pulsanti
pulsante
pulsante
è-piccolo
pulsante
è-secondario
pulsante
è-secondario
è-piccolo
pulsante
è-collegamento
Per utilizzarlo su uno sfondo scuro, è sufficiente utilizzare la classe aggiuntiva is-alternate
pulsante
è-alternativo
pulsante
è-alternativo
è-piccolo
pulsante
è-secondario
è-alternativo
pulsante
è-secondario
è-piccolo
è-alternativo
pulsante
è-collegamento
è-alternativo
Pulsante
Pulsanti con icone
pulsante
è-icona
pulsante
è-piccolo
è-icona
pulsante
è-secondario
è-icona
pulsante
è-secondario
è-piccolo
è-icona
pulsante
è-collegamento
è-icona
Elementi di forma
etichetta del campo
modulo-ingresso
modulo-ingresso
è-area-testo
modulo-ingresso
is-select-input
form-checkbox
modulo-radio
pulsante
Grazie! Il vostro invio è stato ricevuto!
Ops! Qualcosa è andato storto durante l'invio del modulo.
Icone (immagine)

icona-altezza-xxpiccola

icona-altezza-xpiccola

icona-altezza-piccola

icona-altezza-media

icona-altezza-grande

icona-altezza-grande

icona-altezza-custom1

icona-1x1-xxpiccolo

icona-1x1-xpiccolo

icona-1x1-piccola

icona-1x1-media

icona-1x1-grande

icona-1x1-grande

icona-1x1-custom1

Icone (incorporate in HTML)
Le icone incorporate in HTML consentono di controllare il colore dell'icona al passaggio del mouse.

icona-embed-xxsmall

icona-embed-xsmall

icona-embed-piccola

icona-embed-medium

icona-embed-grande

icona-embed-xlarge

icona-embed-custom1

Struttura Classi
Struttura di base definita e flessibile che possiamo utilizzare su tutte o sulla maggior parte delle pagine.
pagina-avvolgitore
involucro principale
contenitore-piccolo
contenitore-medio
contenitore-grande
imbottitura globale
imbottitura-sezione-piccola
imbottitura-sezione-media
imbottitura-sezione-grande
gruppo di pulsanti
Larghezze massime
Utilizzare la proprietà CSS max-width per contenere il contenuto interno a una larghezza massima.
larghezza massima piena
larghezza massima del tablet
max-larghezza-piena-mobile-landscape
max-larghezza-piena-mobile-ritratto
max-larghezza-xxlarge
max-larghezza-xlarge
max-larghezza-grande
larghezza massima-media
max-larghezza-piccola
max-larghezza-xsmall
max-larghezza-xxpiccola
Imbottiture
Classi di direzione
padding-bottom
imbottitura-top
padding-verticale
imbottitura orizzontale
padding-sinistra
padding-destra
Classi di dimensione
imbottitura-0
imbottitura-minuscola
imbottitura-xxpiccola
imbottitura-xpiccolo
imbottitura-piccola
imbottitura-media
imbottitura-grande
imbottitura-xlarge
imbottitura-xxlarge
imbottitura-ingombro
imbottitura-xhuge
imbottitura-xxhuge
imbottitura-custom1
imbottitura-custom2
imbottitura-custom3
Margini
Classi di direzione
margine inferiore
margine superiore
margine-verticale
margine orizzontale
margine-sinistra
margine destro
Classi di dimensione
margine-0
margine-minuscolo
margine-xxpiccolo
margine-xpiccolo
margine-piccolo
margine-medio
margine-grande
margine-xlarge
margine-xxlarge
margine-ingente
margine-xhuge
margine-xxhuge
margine-custom1
margine-custom2
margine-custom3
Distanziatori
Sistema di distanziatori unificato per il progetto.
distanziatore-minuscolo
distanziatore-xxpiccolo
distanziatore-xpiccolo
distanziatore-piccolo
distanziatore medio
distanziatore grande
distanziatore-xlarge
distanziatore-xxlarge
distanziatore-grande
distanziatore-xhuge
distanziatore-xxhuge
Classi di utilità
Utili classi di utilità che ci piace usare nella maggior parte dei nostri progetti per costruire più velocemente.
nascondersi
Questo elemento è nascosto
nascondi-tablet
nascondi-mobile-ritratto
nascondi-mobile-paesaggio
overflow-visibile
overflow-nascosto
overflow-auto
scorrimento del flusso eccessivo
puntatore-eventi-su
puntatore-eventi-off
strato
div-quadrato
spaziatura-pulito
allineare al centro
z-indice-1
z-indice-2
display-inlineflex
margine superiore-auto
Titoli di giornale
Utili classi di utilità che ci piace usare nella maggior parte dei nostri progetti per costruire più velocemente.
centro + grande

Il nostro scopo

Ci prendiamo cura di voi, dei vostri viaggiatori e della vostra attività.

Da 30 anni Intermundial è leader nelle soluzioni di viaggio, accompagnandovi in ogni fase della vostra attività e del viaggio dei vostri viaggiatori, in modo che possiate godere di un viaggio senza preoccupazioni. Siamo al vostro fianco, assicurandoci che ogni passo e ogni assicurazione facciano la differenza, garantendo la protezione e la soddisfazione dei vostri clienti, nonché la crescita della vostra attività. Assicurandovi un'esperienza unica, con la certezza che insieme supereremo ogni aspettativa.

sinistra + grande

Per tutte le aree di business

Soluzioni personalizzate per la vostra azienda

centro + piccolo

Semplificare l'amministrazione

Solo Safer dispone di funzionalità avanzate che consentono alle aziende più grandi di gestire l'intera attività assicurativa in modo scalabile.

Servizio premium per agenti e viaggiatori

Nel nostro impegno per la qualità, e sempre in collaborazione con Servisegur, garantiamo che le nostre squadre forniranno la risposta ottimale in ogni situazione o incidente.