Banner_cercatutto by @maomao - Codewith.it

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

Referenze

<th>Definisce una cella di intestazione di una tabella HTML.
<meta>Definisce i meta dati di una pagina web.
relServe a definire la relazione tra il documento e una risorsa.
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
<strong>Definisce una parte del testo importante con formattazione in grassetto.
<base>Specifica l'URL di base per tutti gli URL relativi all'interno della pagina.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

meraviglieItalia

Menu Navigazione Aggiuntivo

Costruzione di tabella con html5

Il museo di Leonardo

Template prodotti Meguiar

Eleganza Gioielli (Ufficiale)

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.

<div class="section content-box content-block"><a href="https://youtube.com/shorts/GD0bl119Ir0?si=_hhZalcoasLF8UYG" class="section__title" rel="noopener"><span>Scopri cosa dicono di noi i nostri utenti!</span></a><a href="https://youtube.com/shorts/GD0bl119Ir0?si=_hhZalcoasLF8UYG" class="section__btn btn" rel="noopener">Guarda su YouTube</a></div>

/*! CSS Used from: https://www.cercatutto.online/wp-content/plugins/hivepress/assets/css/fontawesome/fontawesome.min.css?ver=1.7.11 ; media=all */
@media all{
.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fa-play:before{content:"\f04b";}
}
/*! CSS Used from: https://www.cercatutto.online/wp-content/plugins/hivepress/assets/css/fontawesome/solid.min.css?ver=1.7.11 ; media=all */
@media all{
.fas{font-family:"Font Awesome 5 Free";font-weight:900;}
}
/*! CSS Used from: https://www.cercatutto.online/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/css/minireset.min.css?ver=1.1.1 ; media=all */
@media all{
*,*:before,*:after{box-sizing:inherit;}
}
/*! CSS Used from: https://www.cercatutto.online/wp-content/themes/listinghive/vendor/hivepress/hivetheme/assets/css/frontend.min.css?ver=1.1.1 ; media=all */
@media all{
a{text-decoration:none;color:#039be5;}
a:hover{color:#1db1fc;}
.js-focus-visible :focus:not(.focus-visible){outline:0;}
::placeholder{color:rgba(15,23,39,.45);}
}
/*! CSS Used from: https://use.fontawesome.com/releases/v6.4.2/css/all.css ; media=all */
@media all{
.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;}
.fas{font-family:"Font Awesome 6 Free";}
.fa-play:before{content:"\f04b";}
.fas{font-weight:900;}
}
/*! CSS Used from: Embedded */
*,*:before,*:after{box-sizing:inherit;}
.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;}
.fas{font-family:'Font Awesome 5 Free';font-weight:900;}
a{text-decoration:none;color:#039be5;}
a:hover{color:#1db1fc;}
.js-focus-visible :focus:not(.focus-visible){outline:0;}
::placeholder{color:rgba(15,23,39,.45);}
.btn{text-align:center;display:inline-block;cursor:pointer;border:none;color:rgba(15,23,39,.65);font-size:1rem;position:relative;line-height:1.5;padding:.5rem 1rem;background-color:rgba(7,36,86,.085);}
.btn:before{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;background-color:rgba(7,36,86,.045);border-radius:inherit;transition:opacity .25s;}
.btn:hover:before{opacity:1;}
.btn:after{font-family:'Font Awesome 5 Free';font-weight:900;font-style:normal;font-variant:normal;line-height:1;display:inline-block;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:auto;font-size:22px;position:absolute;top:50%;left:50%;display:none;margin:-11px 0 0 -11px;content:'\f1ce';animation:spin .5s linear infinite;text-align:center;color:rgba(7,36,86,.25);}
.btn{font-family:Poppins, sans-serif;font-weight:500;border-radius:9999px;padding-left:1.5rem;padding-right:1.5rem;background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.2));white-space:nowrap;}
.btn:after{font-size:28px;margin-top:-14px;margin-left:-14px;}
a.btn:hover{color:inherit;}
.content-block:not(:first-child){margin-top:3rem;}
@media only screen and (min-width:75em){
.content-block:not(:first-child){margin-top:4rem;}
}
.content-block:not(:last-child){margin-bottom:3rem;}
@media only screen and (min-width:75em){
.content-block:not(:last-child){margin-bottom:4rem;}
}
.content-box{border-radius:10px;box-shadow:0 5px 30px rgba(7,36,86,.075);background-color:#fff;}
.section{padding:3rem;position:relative;color:#fff;display:flex;justify-content:space-between;align-items:center;background-position:center bottom;background-image:url("https://www.cercatutto.online/wp-content/uploads/2024/06/pattern-dark.svg");}
@media only screen and (max-width:74.99em){
.section{padding:2rem;}
}
@media only screen and (max-width:47.99em){
.section{flex-direction:column;text-align:center;}
}
.section:before{content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:inherit;background-color:#ffc107;opacity:.97;}
.section__btn,.section__title{position:relative;z-index:1;}
.section__title{display:flex;align-items:center;letter-spacing:-1px;font-size:1.875rem;line-height:1.25;font-family:Poppins, sans-serif;font-weight:500;}
.section__title:not(:last-child){margin-bottom:0;}
.section__title,.section__title:hover{color:inherit;}
@media only screen and (max-width:74.99em){
.section__title{font-size:1.5625rem;}
}
.section__title i{justify-content:center;align-items:center;display:flex;margin-right:1rem;color:#ffc107;background-color:#fff;border-radius:50%;width:2.5rem;height:2.5rem;box-shadow:0 5px 30px rgba(7,36,86,.075);font-size:18px;transition:transform .25s;}
@media only screen and (max-width:47.99em){
.section__title i{display:none;}
}
.section__title:hover i{transform:scale(1.15);}
.section__btn{color:#ffc107!important;background-color:#fff;box-shadow:0 5px 30px rgba(7,36,86,.075);transition:transform .25s;margin-left:2rem;}
@media only screen and (max-width:47.99em){
.section__btn{margin-left:0;margin-top:1.5rem;}
}
.section__btn:hover{transform:scale(1.1);}
.section__btn:before{display:none;}
/*! CSS Used keyframes */
@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes spin{100%{transform:rotate(360deg);}}
@keyframes spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}
/*! CSS Used fontfaces */
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.eot);src:url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.woff2) format("woff2"),url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.woff) format("woff"),url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.ttf) format("truetype"),url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.svg#fontawesome) format("svg");}
@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-solid-900.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-solid-900.ttf) format("truetype");}
@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-regular-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-regular-400.ttf) format("truetype");}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-regular-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-regular-400.ttf) format("truetype");}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-solid-900.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-solid-900.ttf) format("truetype");}
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.eot);src:url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.woff2) format("woff2"),url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.woff) format("woff"),url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.ttf) format("truetype"),url(https://www.cercatutto.online/wp-content/plugins/hivepress/assets/webfonts/fa-solid-900.svg#fontawesome) format("svg");}
@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-solid-900.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-solid-900.ttf) format("truetype");}
@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-regular-400.woff2) format("woff2"),url(https://use.fontawesome.com/releases/v6.4.2/webfonts/fa-regular-400.ttf) format("truetype");}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z11lFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');unicode-range:U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}