Test Page
Documenti utili
Festività agatine 2026
Le attività didattiche e amministrative di tutte le strutture che hanno sede a Catania saranno sospese giovedì 5 e venerdì 6 febbraio 2026.
AVVISO:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullamco laboriosam, nisi ut aliquid ex ea commodi consequatur. Duis aute irure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
| Nome | Ente | Ruolo |
|---|---|---|
| Alessandro | Rossi | alessandro.rossi |
| Francesco | Bianchi | francesco.bianchi |
| Frances | Biani | frances.biani |
test1
-
An item
- A second item
- A third item
- A fourth item
- And a fifth one
- Agronomia Generale e Coltivazioni Erbacee
- Arboricoltura e Genetica Agraria
- Chimica e Microbiologia Agraria
- Costruzioni e Territorio
- Economia Agraria ed Estimo
- Entomologia Applicata
- Idraulica e Territorio
- Meccanica e Meccanizzazione
- Orticoltura e Floricoltura
- Patologia Vegetale
- Produzioni Animali
- Tecnologie Alimentari
- Entro il 31 dicembre 2025 - Attività di recupero degli OFA
- Dal 1 ottobre 2025 al 16 gennaio 2026 - I Periodo di Attività Formativa
- Dal 2 marzo 2026 al 12 giugno 2026 - II Periodo di Attività Formativa
Icone
Per impostare la dimensione dell'icona uso gli attributi height e width del tag svg.
Callout
Al collout posso aggiungere le classi success, warning, danger, important e note.
Callout highlights
Aggiungendo la classe callout-highlight si ottiene una differente versione del callout, con bordo solo sul lato sinistro.
Per aumentare la dimensione di un paragrafo contenuto nel callout applicare la classe callout-big-text al div che lo contiene.
Maecenas at erat id sem interdum efficitur eu sed nunc. Mauris sit amet erat eget augue molestie malesuada ut sed ex. In sed dignissim elit.
Maecenas vulputate ante dictum vestibulum volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non augue non purus vestibulum varius. Maecenas ullamcorper tincidunt nulla quis laoreet.
Si possono usare le classi per definire stili specifici come nell'esempio seguente.
Maecenas at erat id sem interdum efficitur eu sed nunc. Mauris sit amet erat eget augue molestie malesuada ut sed ex. In sed dignissim elit. Donec efficitur, sem eget vestibulum auctor, sem erat interdum magna, eu commodo odio mauris semper dolor.
Maecenas vulputate ante dictum vestibulum volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non augue non purus vestibulum varius. Maecenas ullamcorper tincidunt nulla quis laoreet.
Callout approfondimento
Il callout di tipo approfondimento ha un aspetto radicalmente differente dagli altri stili disponibili ed è indicato per testi più estesi.
Come da esempio, è possibile aggiungere ulteriore testo all'interno di un collapse standard presente al fondo del contenuto.
Quisque suscipit interdum augue non volutpat. Cras tristique arcu tortor. Mauris eu magna nibh. Curabitur malesuada neque in lectus sagittis accumsan. In vitae justo eros. Maecenas pellentesque lacinia ipsum vitae rhoncus. Vestibulum pretium tempor turpis, nec gravida eros viverra in. Proin dictum nibh ut semper tristique.
Maecenas at erat id sem interdum efficitur eu sed nunc. Mauris sit amet erat eget augue molestie malesuada ut sed ex. In sed dignissim elit. Donec efficitur, sem eget vestibulum auctor, sem erat interdum magna, eu commodo odio mauris semper dolor.
Maecenas vulputate ante dictum vestibulum volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non augue non purus vestibulum varius. Maecenas ullamcorper tincidunt nulla quis laoreet.
Aenean tortor enim, suscipit eget commodo at, imperdiet quis diam. Vestibulum non accumsan felis, at ultrices lorem. Pellentesque ac diam a ipsum cursus interdum id nec odio. Vestibulum nec congue mauris. Aliquam et dui purus. Mauris in imperdiet risus, sed blandit tellus. Donec posuere accumsan lacinia. Mauris dignissim, sem vel volutpat rhoncus, neque mi ullamcorper ante, vitae volutpat ipsum quam id purus. Duis tincidunt sodales nisl eget ultricies. Sed condimentum mi eu ex venenatis, quis bibendum dui ultrices. Quisque ex eros, pellentesque vitae enim sed, pharetra tempus dolor. Donec eu nibh ac lacus luctus pellentesque. Duis interdum scelerisque magna nec malesuada.
Maecenas at erat id sem interdum efficitur eu sed nunc. Mauris sit amet erat eget augue molestie malesuada ut sed ex. In sed dignissim elit. Donec efficitur, sem eget vestibulum auctor, sem erat interdum magna, eu commodo odio mauris semper dolor.
Maecenas vulputate ante dictum vestibulum volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean non augue non purus vestibulum varius. Maecenas ullamcorper tincidunt nulla quis laoreet.
Embed
Purtroppo non è possibile gestire in maniera responsive i contenuti incorporati. Per ottenere un effetto comunque accettabile si deve impostare a 100% il width dell'iframe.
Collapse
Per organizzare il contenuto in elementi richiudibili che possono essere attivati un solo elemento alla volta uso un componente Drupal.
Per inserire un accordion cliccare sull'icona 
della barra dell'editor.
- Titolo 1
-
Contenuto 1.
- Titolo 2
-
Contenuto 2.
Alert
Gli alert dovrebbero essere usati per fornire dei feedback all'utente tramite messaggi di avviso. Possono prevedere un pulsante di chiusura con gli eventi agganciati a questa funzionalità gestibili tramite javascript.
Lorem ipsum dolor sit amet
Stai leggendo questo importante messaggio di avviso di successo. Questo testo di esempio sarà più lungo in modo da poter vedere come funzioni la spaziatura all'interno di un avviso con questo tipo di contenuto.
Nell'ultimo paragrafo potrebbe essere necessario aggiungere la classe che definisce le utilità di margine per mantenere gli spazi equilibrati.