1 ↓ Breadcrumb (dai Widget, sotto Content Management. Se in italiano Briciole di Pane) Sulla configurazione è necessario specificare il template "Breadcrumb Atlantia"
2 ↓ Heading (è possibile scegliere da H1 a H5)

Heading Example

3  ↓ Abstract - Quote. Nella configurazione è possibile specificare se è una citazione (appare il campo autore)

Abstract element.

4  ↓  Text component. Questo fragment è utile solo per testi semplici, in cui non servono elementi complessi (tipo tabelle, infografiche...). È possibile impostare il layout su due colonne dalle configurazioni

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat mi id metus hendrerit luctus. In quis lacus nulla. Cras vestibulum sit amet ligula in fringilla. Pellentesque fermentum vestibulum finibus. Curabitur tristique enim id mi aliquet, eget rutrum risus suscipit. Praesent commodo id nisl sed bibendum. Ut sit amet pellentesque tortor. Aliquam at cursus ex, elementum ultricies tellus. Cras gravida maximus risus, nec ultrices justo ultricies id. Etiam elementum nec nisi eget ullamcorper. Curabitur vel neque diam. Integer non orci lorem. Vestibulum gravida et nunc eget ultricies.

Aliquam dapibus a lacus at tempus. Quisque in felis quis urna efficitur pellentesque. Pellentesque augue nulla, rutrum id lacus a, elementum porta lectus. Integer felis mi, sagittis quis malesuada vitae, blandit sit amet odio. In felis tortor, molestie et luctus ut, euismod ac magna. Nulla non fringilla odio. Integer vitae enim dictum, tempus felis eget, ultrices elit. 

5  ↓  per testi complessi o per inserire elementi non sviluppati come fragment è necessario usare la widget Web Content Display. Per visualizzare un contenuto è necessario crearlo PRIMA da Content & Data → Web content
Titolo Valore Percentuale
1 2 3
4 5 6
7 8 9

Testi con formattazione particolare2.

Come per esempio un testo molto grande

o molto piccolo

6 ↓ Immagine (componente base). Larghezza minima (per full width) 1440px. Non si fa distinzione tra mobile/desktop e retina.
Responsive Image
7 ↓ Due colonne con testo e foto. Usare il componente Grid (tra i layout elements), e inserire nella griglia che si crea il text component e l'image component (a seconda...)
Content here.
Responsive Image
8 ↓ Testo con immagine flottante. Usare il componente Web Content Display e inserire l'immagine tramite l'editor, aggiungendo le classi "float-[left|right] e m[r|l]-3"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat mi id metus
hendrerit luctus. In quis lacus nulla. Cras vestibulum sit amet ligula in fringilla. Pellentesque fermentum vestibulum finibus. Curabitur tristique enim id mi aliquet, eget rutrum risus suscipit. Praesent commodo id nisl sed bibendum. Ut sit amet pellentesque tortor. Aliquam at cursus ex, elementum ultricies tellus. Cras gravida maximus risus, nec ultrices justo ultricies id. Etiam elementum nec nisi eget ullamcorper. Curabitur vel neque diam. Integer non orci lorem. Vestibulum gravida et nunc eget ultricies.

Aliquam dapibus a lacus at tempus. Quisque in felis quis urna efficitur pellentesque. Pellentesque augue nulla, rutrum id lacus a, elementum porta lectus. Integer felis mi, sagittis quis malesuada vitae, blandit sit amet odio. In felis tortor, molestie et luctus ut, euismod ac magna. Nulla non fringilla odio. Integer vitae enim dictum, tempus felis eget, ultrices elit. Aenean eros lorem, eleifend et volutpat at, aliquam laoreet purus. Phasellus vitae ex vel risus porta fermentum. Donec et pharetra neque, sit amet fermentum urna. In in maximus arcu.

9 ↓ Fascia carosello fotografico. Inserire il componente Visore Carosello e al suo interno inserire il componente Banner emotional. Per questo componente servono i 4 tagli delle immagini e le url bonificate attraverso questo tool. È possibile impostare il numero di slide, la velocità di scorrimento e il tempo di visualizzazione.
WEBMAGAZINE
Title
Contenuto testuale
 
Infrastructure Channel
Title 2
Contenuto testuale
 
10 ↓ Banner singolo. Usare il componente Banner emotional se è un singolo banner (immagine con testo e cta sopra)
Infrastructure Channel
Title
 
11 ↓ Cassetti. (Accordion wrapper) dalla configurazione è possibile impostare quanti cassetti visualizzare. Cliccando sul titolo di un cassetto si aprirà lo spazio per inserire il fragment necessario (uno qualsiasi di quelli presentati in questa pagina)

Content here.

Content here.
12 ↓ Tabs. Funzionamento simile all'accordion
13 ↓ Related Links. Dalla configurazione è possibile specificare quanti link visualizzare
14. ↓ Related documents. Anche qui dalla configurazione si può specificare il numero di documenti
15 ↓ Storie correlate / Elementi editoriali. Al momento questo fragment è statico, ovvero da valorizzare manualmente. A regime utilizzeremo un altro componente con la scelta dei tag da visualizzare. Per ora quindi usiamo il componente Slider stories e al suo interno inseriamo tanti Story component quanti ce ne servono. Dalla configurazione dello slider è possibile impostare la modalità grigia che mostra anche il titolo.
WEBMAGAZINE
Titolo
Contenuto testuale
 
WEBMAGAZINE
Titolo
Contenuto testuale
 
WEBMAGAZINE
Titolo
Contenuto testuale
 
WEBMAGAZINE
Titolo
Contenuto testuale
 
WEBMAGAZINE
Titolo
Contenuto testuale
 
WEBMAGAZINE
Titolo
Contenuto testuale
 
WEBMAGAZINE
Titolo
Contenuto testuale
 
WEBMAGAZINE
Titolo
Contenuto testuale
 
Atlantia’s Key Highlights 2020

Integrated report
Concessioni
56
concessions in 11 countries
Aeroporti
5
airports managed
Motor
~13000 km
of toll motorway
Service
24 countries
with tolling services
Responsive Image