Borsino by @Manuela - Codewith.it

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

Referenze

<i>Formatta il testo in corsivo/italico non enfatizzato
formSpecifica a quale form appartiene un elemento.
<canvas>Tag per disegnare grafica dinamica su pagine web.
_blankApre i collegamenti ipertestuali in una nuova scheda del browser
<select>Usato per creare un menu a tendina.
<hr>Inserisce una linea orizzontale

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Array of Colors

scheda pg scheletro

"esercitazione5.html”

Esercitazione n.1

STILI + IMMAGINI

Tabella esercitazione esame

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<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;})();