Borsino by @Manuela - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

<h6>Titolo di intestazione di sesto livello
actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML
heightDetermina l'altezza di un elemento HTML in pixel
dirnameInvia informazioni sulla direzione di scrittura da un elemento input
valueValore alfanumerico o booleano contenuto in un elemento
<label>Mostrare un testo di etichetta per un elemento di input.

Users

Log in to search for users

Explore

Find inspiration

esercitazione simona

Esercizio tabella

Suono musicista 09/02/24

Indice di un libro (es in classe)

Esercitazione 3

Contatti [Ufficio PCTO]

5/10/24 es. 9 - 3 bottoni

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<script src="https://lacstatic.it/sites/lacnews/plugin/lazy/lazysizes.min.js" async></script>

<!-- inizio codice da incorporare -->
<div class="container_stu">
<div class="card">
<div class="bor_tit"> Giusy <strong> Caminiti</strong></div>
<div class="bor_img">
<div class="bor_back"></div>
<div class="bor_sti">Sindaco di Villa San Giovanni</div>
<img class="adaptive lazy" alt="" data-src="https://img.lacstatic.it/_pageimg/2022-06-18/mini_2022_caminiti.jpg" /></div>
<div class="bor_fre stroke"><img class="adaptive F-L lazy" alt="" data-src="https://www.lacnews24.it/images/borsino/su.svg" /></div>
<div class="bor_txt">
<div class="bor_par">Neo sindaco di Villa San Giovanni, giornalista, è uno dei simboli della svolta civica. Ha sbaragliato il centrodestra e, quando qualcuno del Pd ha provato a piantare le bandiere sulla sua vittoria, gli ha abbassato le penne. Ora i partiti vorrebbero essere coinvolti nell’attuazione del programma, ma, da brava cronista, ha spiegato che l’unico programma adatto a loro è “Chi l’ha visto?”.</div>
</div>
</div>
<div class="card">
<div class="bor_tit">Giuseppe <strong> Ranuccio</strong></div>
<div class="bor_img">
<div class="bor_back"></div>
<div class="bor_sti">Sindaco di Palmi</div>
<img class="adaptive lazy" alt="" data-src="https://img.lacstatic.it/_pageimg/2022-06-18/mini_2022_ranuccio.jpg" /></div>
<div class="bor_fre stroke"><img class="adaptive lazy" alt="" data-src="https://www.lacnews24.it/images/borsino/su.svg" /></div>
<div class="bor_txt">
<div class="bor_par">Il ballo dei "giganti”, i fuochi d'artificio e lo spumante: Palmi ha festeggiato così il trionfo al primo turno del sindaco uscente sostenuto da una serie di liste civiche di centrosinistra. Su Facebook spiccano foto e video mentre viene portato in trionfo come una rockstar, con baci, cori da stadio e una torta da matrimonio. La domanda è: a Palmi si è votato o si è tenuto un rave party?</div>
</div>
</div>
<div class="card">
<div class="bor_tit">Ilaria<strong> Colombaro</strong></div>
<div class="bor_img">
<div class="bor_back"></div>
<div class="bor_sti">Studentessa</div>
<img class="adaptive lazy" alt="" data-src="https://img.lacstatic.it/_pageimg/2022-06-18/mini_2022_colombaro.jpg" /></div>
<div class="bor_fre stroke"><img class="adaptive lazy" alt="" data-src="https://www.lacnews24.it/images/borsino/su.svg" /></div>
<div class="bor_txt">
<div class="bor_par">Si è laureata all’Unical con una tesi su sua cugina, Luana D’Orazio, la ventenne di Prato inghiottita dall’orditoio mentre era al lavoro. Una morte che ha scosso l’Italia. «La sicurezza nei posti di lavoro si consegue investendo soldi. Si deve lavorare per vivere e non per morire» ha detto Ilaria. Il dramma è che chi dovrebbe ascoltarla lavora sì per vivere, ma con le orecchie tappate.</div>
</div>
</div>
</div>
<div class="container_stu">
<div class="card">
<div class="bor_tit">Antonello <strong> Talerico</strong></div>
<div class="bor_img">
<div class="bor_back"></div>
<div class="bor_sti">Ex candidato a sindaco di Catanzaro</div>
<img class="adaptive lazy" alt="" data-src="https://img.lacstatic.it/_pageimg/2022-06-18/mini_2022_antonello-talerico-borsino.jpg" /></div>
<div class="bor_fre stroke"><img class="adaptive F-L lazy" alt="" data-src="https://www.lacnews24.it/images/borsino/giu.svg" /></div>
<div class="bor_txt">
<div class="bor_par">Il presidente degli avvocati di Catanzaro, mancata la candidatura a sindaco per il centrodestra (quasi) unito in seguito al niet di Forza Italia che gli ha preferito Donato, adesso si schiera al ballottaggio con Fiorita, che sta dall’altra parte della barricata. «Ma non voglio poltrone - ha assicurato magnanimo -. Lo faccio solo per andare contro Fi». Ecco, quando i principi e le ideologie ispirano la politica.</div>
</div>
</div>
<div class="card">
<div class="bor_tit">Mimmo <strong> Tallini</strong></div>
<div class="bor_img">
<div class="bor_back"></div>
<div class="bor_sti">Esponente di Noi con l'Italia</div>
<img class="adaptive lazy" alt="" data-src="https://img.lacstatic.it/_pageimg/2022-06-18/mini_2022_tallini.jpg" /></div>
<div class="bor_fre stroke"><img class="adaptive lazy" alt="" data-src="https://www.lacnews24.it/images/borsino/giu.svg" /></div>
<div class="bor_txt">
<div class="bor_par">Invece che riflettere sullo striminzito 2,9 % preso a Catanzaro da “Noi con l’Italia”, si siede sull’Arco di Trionfo per pontificare sui cali altrui (Lega e Centrodestra) e lasciare agli elettori del suo partito libertà di scelta al ballottaggio. Qualcuno gli spieghi che, viste le percentuali di “Noi con l’Italia”, la libertà di non andare a votare i suoi elettori se l’erano già presa.</div>
</div>
</div>
<div class="card">
<div class="bor_tit">Maurizio<strong> Bortoletti</strong></div>
<div class="bor_img">
<div class="bor_back"></div>
<div class="bor_sti">Colonnello dei carabinieri</div>
<img class="adaptive lazy" alt="" data-src="https://img.lacstatic.it/_pageimg/2022-06-18/mini_2022_bortoletti.jpg" /></div>
<div class="bor_fre stroke"><img class="adaptive lazy" alt="" data-src="https://www.lacnews24.it/images/borsino/giu.svg" /></div>
<div class="bor_txt">
<div class="bor_par">Colonnello dei carabinieri e ai più noto per aver risanato i conti dell’Asl di Salerno, resterà noto solo per quello. Il Consiglio dei Ministri ha infatti revocato la sua nomina a subcommissario alla Sanità in Calabria. Designato 7 mesi fa, per cavilli kafkiani la Calabria l’ha vista solo in Tv: più che alla Sanità era ormai diventato un subcommissario alle telenovelas. </div>
</div>
</div>
</div>
<!-- fine codice da incorporare -->

img{max-width:100%;height:auto;display:block;margin:18px;}.container_stu{display:flex}.card{height:auto;width:calc(33% + 30px);background-color:#fff;box-shadow:0 0 1rem rgba(0,0,0,0.5);transition:.4s ease-out;position:relative;left:0;z-index:10}.card:not(:first-child){margin-left:-20px}.card:hover{transform:translateY(-20px);transition:.4s ease-out}.card:hover ~ .card{position:relative;left:30px;transition:.4s ease-out}.title{color:#fff;font-weight:300;position:absolute;left:20px;top:15px}.bar{position:absolute;top:100px;left:20px;height:5px;width:150px}.emptybar{background-color:#fff;width:100%;height:100%}.filledbar{position:absolute;top:0;z-index:3;width:0;height:100%;background:#009ad9;background:linear-gradient(90deg,rgba(0,154,217,1) 0%,rgba(217,147,0,1) 65%,rgba(255,186,0,1) 100%);transition:.6s ease-out}.card:hover .filledbar{width:120px;transition:.4s ease-out}.circle{position:absolute;top:150px;left:calc(50% - 60px)}svg{fill:#17141d;stroke-width:2px}.bor_img{width:100%;height:150px;overflow:hidden;position:relative;-webkit-box-shadow:0 4px 7px -5px rgba(0,0,0,0.8);box-shadow:0 4px 7px -5px rgba(0,0,0,0.8);border-left:5px solid #BD1823}.bor_tit{font-size:16px;font-weight:500;padding:7px 14px;border-left:5px solid #BD1823;-webkit-box-shadow:inset 0 -4px 10px -5px rgba(0,0,0,0.8);box-shadow:inset 0 -4px 10px -5px rgba(0,0,0,0.8);position:relative;z-index:1;padding-top:10px}.bor_tit strong{font-weight:700}.bor_sti{font-size:10px;font-weight:500;position:absolute;width:100%;bottom:0;color:#fff;background-color:rgba(0,0,0,0.5);padding-left:10px;-webkit-box-shadow:0 -3px 7px 0 rgba(0,0,0,0.5);box-shadow:0 -3px 7px 0 rgba(0,0,0,0.5)}.bor_fre{position:absolute;top:55px;right:20px;width:20%}.card:hover .stroke{top:50px;right:0;width:29%;stroke-dashoffset:100;transition:.3s ease-out}.bor_fre img,.bor_img img{margin:0!important}.bor_back{position:absolute;background:#000027;background:linear-gradient(270deg,#000 35%,rgba(255,255,255,0) 100%,rgba(255,255,255,0) 100%);content:'';z-index:0;width:90px;height:100%;right:0}.bor_txt{padding:10px 15px;padding-bottom:20px}.bor_par{font-size:13px;font-weight:500}.bor_par strong{color:#333;font-weight:800}@media screen and (max-width: 1180px){.bor_tit{font-size:14px}.bor_img{height:130px}.card{width:33%}.card:not(:first-child){margin-left:15px}.bor_fre{position:absolute;top:50px}}@media screen and (max-width: 767px){.container_stu{display:block}.bor_img{height:185px}.bor_fre{top:50px;right:10px}.card:first-child,.card:not(:first-child){width:100%;margin-left:0;margin-top:30px}.bor_tit{font-size:18px}}

(function(){var docElem = document.documentElement;	window.lazySizesConfig = window.lazySizesConfig || {}; window.lazySizesConfig.lazyClass = 'lazy'; window.lazySizesConfig.loadMode = 1;})();