Documentazione: Pagina "Il Nostro Team"

1. Panoramica Generale

Scopo: Presentare i membri del team legati ai comuni della Sabina, con informazioni personalizzate e link ai rispettivi territori.

Target: Utenti interessati a conoscere i referenti locali e il legame tra team e territorio.

Tecnologie:

• Bootstrap 4.6 (layout responsive)
• Font Awesome 6 (icone)
• CSS3 avanzato (animazioni, effetti glassmorphism)
• Struttura flexbox/grid per le card

2. Elementi Chiave

• Sezione Team (Main Content): griglia responsive di card con flex-wrap.
• Card Membro:
  • Immagine ritratto 150x150px con bordi arrotondati.
  • Nome membro in evidenza (bold).
  • Comune di riferimento in verde oliva.
  • Descrizione max 2 righe, testo semi-trasparente.
  • Pulsante link al sito comunale con icona esterna.
• Effetti: hover con sollevamento card e ombra, glassmorphism sullo sfondo.

Stile Grafico

• Colori primari: verde oliva (#6b8e23), nero semi-trasparente.
• Testo bianco con ombre per leggibilità su sfondo scuro.
• Tipografia chiara con sottolineatura dinamica nel titolo principale.

Responsive Design

• Desktop: card affiancate (2 per riga, larghezza 500px).
• Tablet: card singole larghezza 90%, immagine e testo in colonna.
• Mobile: riduzione padding e font-size, immagini ridimensionate a 120px, pulsanti a larghezza piena.

3. Punti di Forza

• Coerenza visiva con altre pagine (effetti hover e colori).
• Pulsanti chiaramente cliccabili con feedback hover.
• Link esterni identificati da icona.
• Accessibilità con testo ad alto contrasto e uso di tag semantici.