diff --git a/docs/img/sperone.jpg b/docs/img/sperone.jpg
new file mode 100644
index 0000000..d80a1c0
Binary files /dev/null and b/docs/img/sperone.jpg differ
diff --git a/docs/img/sperone_01.jpg b/docs/img/sperone_01.jpg
new file mode 100644
index 0000000..8cae33e
Binary files /dev/null and b/docs/img/sperone_01.jpg differ
diff --git a/docs/test.md b/docs/test.md
new file mode 100644
index 0000000..19ccd18
--- /dev/null
+++ b/docs/test.md
@@ -0,0 +1,71 @@
+---
+hide:
+  - navigation
+social_image: assets/img/social/social_card.jpg
+---
+
+<style>
+.md-typeset .grid {grid-gap: .4rem;   display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,12rem),1fr));  margin: 1em 0; }
+</style>
+
+# Parco a mare allo Sperone
+
+In data **15.11.2023** con **deliberazione n.328** il Consiglio Comunale ha approvato, ai sensi e per gli effetti dell’art.19 del D.P.R. 327/2001, il progetto dell’intervento denominato **“Parco a mare allo Sperone”**, finanziato con fondi del **P.N.R.R. – M5c2 – Investimento 2.2 – P.U.I. Città Metropolitana di Palermo**.
+
+Il progetto prevede la trasformazione a parco di una vasta area della costa che insiste in prossimità di [via Messina Marine](https://www.openstreetmap.org/?mlat=38.10260&mlon=13.39764#map=17/38.10260/13.39764 "via Messina Marine"){:target="_blank"}. 
+
+Gli elaborati di progetto sono visionabili anche tramite il seguente **[link](https://drive.google.com/drive/folders/1FvhOm5sXzzi84pJOAyKFZQGtAMxOqxHx?usp=sharing){:target="_blank"}** o presso il **“Servizio progettazione lavori e interventi sulla costa, parchi e riserve” – Polo Tecnico – Via Ausonia 69 – Palermo** - il mercoledì ed il venerdì mattina dalle ore 9:00 alle ore 13:00.
+
+Nei trenta giorni successivi alla data di pubblicazione del presente avviso chiunque può presentare osservazioni, ai sensi e per gli effetti della L.R. 19/2020, art. 26 c. 15 16 e 20, da inoltrare per posta all'indirizzo di cui sopra o tramite i seguenti indirizzi [progettazionemarecosteparchieriserve@cert.comune.palermo.it](mailto:progettazionemarecosteparchieriserve@cert.comune.palermo.it "progettazionemarecosteparchieriserve@cert.comune.palermo.it") o mail [settorepoliticheambientali@comune.palermo.it](mailto:settorepoliticheambientali@comune.palermo.it "settorepoliticheambientali@comune.palermo.it")
+
+**[Comunicato stampa del Comune di Palermo del 1.12.2023](https://www.comune.palermo.it/palermo-informa-dettaglio.php?tp=4&id=39254 "Comunicato stampa del Comune di Palermo del 1.12.2023"){:target="_blank"}**
+
+## Localizzazione area
+ <div>
+<iframe width="100%" height="400px" frameborder="0" allowfullscreen allow="geolocation" src="//umap.openstreetmap.fr/it/map/parco-a-mare-allo-sperone_993472?scaleControl=false&miniMap=false&scrollWheelZoom=false&zoomControl=true&editMode=disabled&moreControl=false&searchControl=null&tilelayersControl=null&embedControl=null&datalayersControl=true&onLoadPanel=undefined&captionBar=false&captionMenus=false#16/38.1033/13.4010" style="border: 1px solid rgba(0,0,0,0.3); box-shadow: 0 1 1 rgba(0,0,0,0.3);   border-radius: 5px;  moz-border-radius: 2px;   aspect-ratio: auto;"></iframe>
+</div>
+
+## Elenco elaborati
+
+???+ info
+
+    **Le tavole sono realizzate in formato .pdf**<br>
+	Per una corretta visualizzazione dei file .pdf si consiglia di installare nel proprio pc, tablet o smartphone il programma di visualizzazione gratuito [Adobe Acobat Reader](https://get.adobe.com/reader/?loc=it "Adobe Acobat Reader") o [App mobile Adobe Acrobat Reader](https://acrobat.adobe.com/it/it/acrobat/mobile-app.html "App mobile Adobe Acrobat Reader") per tutte le varie piattaforme mobile.
+
+<div class="grid cards" markdown>
+
+-   :fontawesome-solid-file-image:{ .lg .middle } __Elaborati Generali__
+
+    ---
+
+    Elaborati Generali analitico descrittivi <br> [![Elaborati Generali analitico descrittivi](img/relazione.jpg "Elaborati Generali analitico descrittivi" )](progetto/xxx.pdf){:target="_blank"}
+
+    [:octicons-arrow-right-24: Continua a leggere](#)
+
+-    :fontawesome-solid-map:{ .lg .middle } __Stato di fatto__
+
+    ---
+
+    Progetto architettonico - Stato di fatto<br>
+	[![Sf02 - Planimetria di progetto](img/SF02.jpg "SF02 - Inquadramento cartografico" )](progetto/SF02 - Inquadramento cartografico 2.pdf){:target="_blank"}
+
+    [:octicons-arrow-right-24: Continua a leggere](#)
+
+-   :fontawesome-solid-tree:{ .lg .middle } __Stato di progetto__
+
+    ---
+
+    Progetto architettonico - Stato di progetto<br>
+	[![SP01 - Planimetria di progetto](img/SP01_a.jpg "SP01 - Planimetria di progetto" )](progetto/SP01 - Planimetria di progetto.pdf){:target="_blank"}
+
+    [:octicons-arrow-right-24: Continua a leggere](#)
+
+-   :fontawesome-solid-file-invoice-dollar:{ .lg .middle } __Documentazione__
+
+    ---
+
+    Documentazione stato tecnico ecomomico<br> [![Documentazione stato tecnico ecomomico](img/relazione.jpg "Documentazione stato tecnico ecomomico" )](progetto/xxx.pdf){:target="_blank"}
+
+    [:octicons-arrow-right-24: Continua a leggere](#)
+
+</div>
\ No newline at end of file