Blocchi redazionali

Digital Kit

Block img top

Blocco verticale con immagine sopra

La dimensione dell'immagine è libera.
Non mostra il campo 'introduzione'

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

Link
Introduzione

Block no img

Blocco senza immagine

Contiene introduzione, blocco del titolo, testo e link.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 

link

Container width

Blocchi redazionali a larghezza container

"Univr" App

L'app ufficiale dell'università di Verona

Accedi con le tue credenziali GIA e avrai l’accesso in modo facile, veloce e intuitivo ai principali servizi per la gestione della carriera universitaria, 24 ore su 24, tra cui la prenotazione degli appelli di esame o l’accesso diretto alla tua email universitaria.
Inoltre, grazie ai messaggi "push", si ricevono in tempo reale gli avvisi e le comunicazioni più rilevanti.

SCOPRI E SCARICA LA APP
Prima del titolo

Block img right no full width

Sottotitolo

Struttura: BLOCK; modello: BLOCK_IMG_RIGHT_NOFW
Fascia su due colonne dentro un container con: Introduzione, titolo, sottotitolo, testo descrittivo, link, immagine a destra.
 

Link
Block img right no full width
Block img left no full width
Prima del titolo

Block img left no full width

Sottotitolo

Struttura: BLOCK; modello: BLOCK_IMG_LEFT_NOFW
Fascia su due colonne dentro un container con: Introduzione, titolo, sottotitolo, testo descrittivo, link, immagine a sinistra.
 

Link

Full width

Sezioni redazionali a larghezza piena

Questi blocchi sono formati da due colonne, una riempita da una immagine e una contenente titolo, sottotitolo, testo, link.
Le due colonne vengono dinamicamente dimensionate ad una uguale altezza, in base al contenuto testuale immesso.

Prima del titolo

Block img left

Sottotitolo

Struttura: BLOCK; modello: BLOCK_IMG_LEFT

Fascia a tutta larghezza con: Introduzione, titolo, sottotitolo, testo descrittivo, link, immagine a sinistra.
Colore di sfondo opzionale applicabile tramite il pannello "Look and feel". In caso di colore di sfondo scuro, applicare la classe CSS 'dark' tramite "Look and feel > Stili avanzati"

Link
Prima del titolo

Block img right

Sottotitolo

Struttura: BLOCK; modello: BLOCK_IMG_RIGHT
Fascia a tutta larghezza con: Introduzione, titolo, sottotitolo, testo descrittivo, link, immagine a destra.
Colore di sfondo opzionale applicabile tramite il pannello "Look and feel". In caso di colore di sfondo scuro, applicare la classe CSS 'dark' tramite "Look and feel > Stili avanzati"

Link
Prima del titolo

Block img right

Sottotitolo

Struttura: BLOCK; modello: BLOCK_IMG_RIGHT
Fascia a tutta larghezza con: Introduzione, titolo, sottotitolo, testo descrittivo, link, immagine a destra.
Colore di sfondo opzionale applicabile tramite il pannello "Look and feel". In caso di colore di sfondo scuro, applicare la classe CSS 'dark' tramite "Look and feel > Stili avanzati"

Link
Blocco con colonne 3-9, 9-3, 4-8 e 8-4

Blocco 3-9, 9-3, 4-8 o 8-4

Sottotitolo

Questi blocchi sono del tipo block-img-left o block-img-right con l'applicazione delle classi CSS 'block-3-9', 'block-9-3', 'block-4-8', 'block-8-4' nel look and feel.
In questo modo le due colonne originariamente larghe 50% vengono ridimensionate. La modifica del markup delle colonne avviene attraverso jquery.

link