Contenuti Correlati
Rimandi a contenuti correlati utilizzati nei box navigazione a piè di pagina.
Gli esempi di codice sono specifici per la Versione 3.1 del tema
Box "Vedi anche"
ultimo aggiornamento 10/10/24
Il componente è basato sul componente card.
<div class="card-wrapper col-12 col-lg-4">
<div class="card correlati">
<div class="card-body p-0">
<h5 class="mb-3">Vedi Anche</h5>
<div class="it-list-wrapper">
<ul class="it-list">
<li>
<div class="list-item">
<div class="it-right-zone ml-2">
<a href="#" class="" data-focus-mouse="false">
<span class="text"><em>Lorem ipsum dolor sit amet.</em></span>
</a>
<span class="it-multiple">
<a href="#" aria-label="Link">
<svg class="icon" aria-describedby="icon-title">
<title id="icon-title">Icon Title</title>
<use href="./dist/svg/sprite.svg#it-external-link"></use>
</svg>
</a>
</span>
</div>
</div>
</li>
<li>
<div class="list-item">
<div class="it-right-zone ml-2">
<a href="#" class="" data-focus-mouse="false">
<span class="text"><em>Lorem ipsum dolor sit amet.</em></span>
</a>
<span class="it-multiple">
<a href="#" aria-label="Link">
<svg class="icon" aria-describedby="icon-title2">
<title id="icon-title2">Icon Title</title>
<use href="./dist/svg/sprite.svg#it-external-link"></use>
</svg>
</a>
</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
Box Documenti
ultimo aggiornamento 10/10/24
Il componente è basato sul componente card.
<div class="card-wrapper mt-5 col-12 col-lg-4">
<div class="card correlati documenti">
<div class="card-body p-0">
<h5 class="mb-3">Documenti</h5>
<p class="mb-1">Lorem ipsum testo libero a discrezione della redazione e specifico di questa pagina.</p>
<div class="it-list-wrapper">
<ul class="it-list">
<li>
<div class="list-item">
<div class="it-right-zone ml-0 pt-2 pb-2">
<a href="#" title="Lorem Ipsum" class="align-items-center">
<svg role="img" aria-describedby="icon-title-doc-1" class="icon mr-2">
<title id="icon-title-doc-1">Icon Title</title>
<use xlink:href="./dist/svg/sprite.svg#it-download"></use>
</svg>Documento</a>
</div>
</div>
</li>
<li>
<div class="list-item">
<div class="it-right-zone ml-0 pt-2 pb-2">
<a href="#" title="Lorem Ipsum" class="align-items-center">
<svg role="img" aria-describedby="icon-title-doc-2" class="icon mr-2">
<title id="icon-title-doc-2">Icon Title</title>
<use xlink:href="./dist/svg/sprite.svg#it-download"></use>
</svg>Documento</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
Box Contattaci
Il componente è basato sul componente paragrafi
ultimo aggiornamento 10/10/24
Contattaci
Indirizzo:Via Verdi, 8 - 10124 Torino
Email:e-mail@unito.it
Lorem ipsum testo libero a discrezione della redazione e specifico di questa pagina.
<div class="card-wrapper mt-5 col-12 col-lg-4">
<div class="row paragrafi contatti p-5">
<h5 class="mb-3">Contattaci</h5>
<div class="col-12">
<p class="mb-2 d-flex align-items-center">
<strong>Indirizzo:</strong>Via Verdi, 8 - 10124 Torino
</p>
</div>
<div class="col-12">
<p class="mb-2 d-flex align-items-center">
<strong>Email:</strong><a href="#">e-mail@unito.it</a>
</p>
</div>
<div class="col-12">
<p class="mb-2 d-flex align-items-center">
<strong>Tel:</strong><a href="#">(+39) 011.33.22.33</a>
</p>
</div>
<div class="col-12">
<p class="mb-2 d-flex align-items-center">
<strong>Cell:</strong><a href="#">(+39) 333.111.222.333</a>
</p>
</div>
<p class="mb-1">Lorem ipsum testo libero a discrezione della redazione e specifico di questa pagina.</p>
</div>
</div>