nicolo/caprigis
1
1
Fork 0
Code Issues1 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

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>
<div class="columns">
<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">
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>,
@ -47,27 +47,22 @@
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
non più esistenti, la raccolta della cartografia storica, contenuti multimediali e immagini storiche.
</section>
<div class="grid mt-6">
<div class="cell 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">Il progetto</a>
</div>
<div class="columns mt-5 has-background-light is-fullwidth">
<div class="column has-text-centered is-one-third has-background-light">
<img class="image" src="img/progetto.jpg" />
<a href="" class="button is-link mt-3 is-large has-text-white">
Il progetto
</a>
</div>
<div class="cell card">
<div class="card-image">
<a href="webgis/">
<img class="image" src="img/webgis.webp" />
</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 class="column has-text-centered">
<a href="webgis/">
<img class="image" src="img/webgis.webp" />
</a>
<a href="webgis/" class="button is-link mt-3 is-large has-text-white">Accedi al WebGIS</a>
</div>
<div class="cell card">
<div class="column card">
<div class="card-image">
<img class="image" src="" />
</div>
@ -76,8 +71,32 @@
</div>
</div>
</div>
</section>
<div class="columns">
<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">
<a id="progetto"></a>
<h3 class="has-text-centered">Il progetto</h3>