nicolo/caprigis
1
1
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Home page layout (WIP)

Browse Source
This commit is contained in:
Nicolò P. 2024-11-29 12:03:45 +01:00
parent e865ada571
commit 27495ce593
1 changed files with 40 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
index.html
View File

@ -39,7 +39,7 @@
<h1 class="mt-6 title has-text-centered">La Carta Archeologica dell'Isola di Capri</h1> <h1 class="mt-6 title has-text-centered">La Carta Archeologica dell'Isola di Capri</h1>
<div class="columns"> <div class="columns">
<div class="column"></div> <div class="column"></div>
<div class="column is-two-thirds is-size-5"> <div class="column is-three-quarters is-size-5">
<section class="section pb-1 has-text-centered"> <section class="section pb-1 has-text-centered">
La carta archeologica di Capri è frutto di un lavoro condiviso tra il <a href="https://ispc.cnr.it">CNR–ISPC</a>, La carta archeologica di Capri è frutto di un lavoro condiviso tra il <a href="https://ispc.cnr.it">CNR–ISPC</a>,
la <a href="https://sabapmetropolitanana.cultura.gov.it/">Soprintendenza Archeologia Belle Arti e Paesaggio per l'Area Metropolitana di Napoli</a>, la <a href="https://sabapmetropolitanana.cultura.gov.it/">Soprintendenza Archeologia Belle Arti e Paesaggio per l'Area Metropolitana di Napoli</a>,
@ -47,27 +47,22 @@
Il <a href="/webgis/">WebGis</a>, creato appositamente per una consultazione facile e interattiva, contiene gli elaborati dei rilievi Il <a href="/webgis/">WebGis</a>, creato appositamente per una consultazione facile e interattiva, contiene gli elaborati dei rilievi
archeologici svolti, le ricerche archivistiche e bibliografiche sui beni archeologici oggi visibili e su quelli archeologici svolti, le ricerche archivistiche e bibliografiche sui beni archeologici oggi visibili e su quelli
non più esistenti, la raccolta della cartografia storica, contenuti multimediali e immagini storiche. non più esistenti, la raccolta della cartografia storica, contenuti multimediali e immagini storiche.
</section>
<div class="grid mt-6"> <div class="columns mt-5 has-background-light is-fullwidth">
<div class="cell card"> <div class="column has-text-centered is-one-third has-background-light">
<div class="card-image"> <img class="image" src="img/progetto.jpg" />
<img class="image" src="" /> <a href="" class="button is-link mt-3 is-large has-text-white">
</div> Il progetto
<div class="card-content has-text-centered"> </a>
<a href="" class="button is-link is-large has-text-white">Il progetto</a>
</div>
</div> </div>
<div class="cell card"> <div class="column has-text-centered">
<div class="card-image"> <a href="webgis/">
<a href="webgis/"> <img class="image" src="img/webgis.webp" />
<img class="image" src="img/webgis.webp" /> </a>
</a> <a href="webgis/" class="button is-link mt-3 is-large has-text-white">Accedi al WebGIS</a>
</div>
<div class="card-content has-text-centered">
<a href="webgis/" class="button is-link is-large has-text-white">Accedi al WebGIS</a>
</div>
</div> </div>
<div class="cell card"> <div class="column card">
<div class="card-image"> <div class="card-image">
<img class="image" src="" /> <img class="image" src="" />
</div> </div>
@ -76,8 +71,32 @@
</div> </div>
</div> </div>
</div> </div>
<div class="columns">
</section> <div class="column is-one-third card">
<div class="card-image">
<img class="image" src="" />
</div>
<div class="card-content has-text-centered">
<a href="" class="button is-link is-large has-text-white">Pubblicazioni</a>
</div>
</div>
<div class="column card">
<div class="card-image">
<img class="image" src="img/credits.webp" />
</div>
<div class="card-content has-text-centered">
<a href="" class="button is-link is-large has-text-white">Credits</a>
</div>
</div>
<div class="column card">
<div class="card-image">
<img class="image" src="img/riconoscimenti.webp" />
</div>
<div class="card-content has-text-centered">
<a href="" class="button is-link is-large has-text-white">Riconoscimenti</a>
</div>
</div>
</div>
<section class="section pb-1"> <section class="section pb-1">
<a id="progetto"></a> <a id="progetto"></a>
<h3 class="has-text-centered">Il progetto</h3> <h3 class="has-text-centered">Il progetto</h3>