Resiliant Material by @Quattroerre - Codewith.it

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

Referenze

typeSpecifica la tipologia/funzione di un elemento.
<object>Incorpora risorse varie nella pagina web.
animationDefinisce i parametri dell'animazione di un elemento o selettore
<nav>Definisce un menu di navigazione
<tr>Definisce le righe di una tabella (rows)
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Esercitazione n. 1(2)

Donazioni per il compleanno di Emm

esercizio 02 pagina complessa

VERIFICA RANZI LEONARDO

Media ponderata

Anita Angiolini

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.

<font rwr="1" style="font-family:Arial" size="4"><font rwr="1" style="font-family:Arial" size="4"><meta name="viewport" content="width=device-width, initial-scale=1.0"><div style=""><br></div></font></font><div id="template-10">
	<meta name="viewport" content="width=device-width, initial-scale=1">
   <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">

	<style>

		@import url('https://img.eselt.de/assets/templates/vendor/bootstrap.v3.3.5.min.css');
		@import url('https://img.eselt.de/fonts/vendor/font-awesome-5.1.0/css/all.css');
	</style>

	<!----><!----><!---->

	<style>

    .menu__item:hover a {
    background-color: black!important; /* Cambia il colore di sfondo al passaggio del mouse */
    color: white !important; /* Cambia il colore del testo al passaggio del mouse */
    border-radius:90px;
    text-decoration: none;
}

		/* bree-serif-regular - latin-ext_latin */

		 @font-face {
		  font-family: Montserrat, sans-serif;
		  font-style: Montserrat, sans-serif;
		  font-weight: 400;
		      }

		      /* yanone-kaffeesatz-regular - latin-ext_latin */

		      @font-face {
		        font-family: Montserrat, sans-serif;
		        font-style: normal;
		        font-weight: 400;
		      
		           } /* yanone-kaffeesatz-700 - latin-ext_latin */

		         @font-face {
		          font-family: Montserrat, sans-serif;
		          font-style: normal;
		          font-weight: 700;}
	</style>

	<style id="template__version">    /* Gallery*/
		#template-10 .template__wrapper{background-image:url(https://i.ebayimg.com/images/g/UC0AAOSwi8RgBtu7/s-l1600.jpg)}.gallery__wrapper{display:flex;height:600px}

		@media (max-width:992px){

		 .gallery__wrapper{display:block;height:auto}

		 }.gallery__wrapper .gallery__bg{

		   height:100%;overflow-y:auto;

		   }@media (max-width:992px){

		 .gallery__wrapper .gallery__bg{height:auto}
		 }
		 .images .image-wrapper{
		   margin:24px auto;
		   text-align:center;
		   max-width:100%;
		   height:auto;}

		 .images .image-wrapper img{
		   max-width:80%;
		   margin-left:auto;
		   margin-right:auto;
		   }

		 .content__gallery{
		   width:100%;
		   position:relative;
		   overflow:hidden;
		   background:hsla(0,0%,100%,.6);
		   text-align:center;
		   }
		   .content__gallery .slider__wrapper{
		     overflow:hidden;
		     margin:12px;
		     background:hsla(0,0%,100%,.3);
		     width:100%;
		     height:600px;
		     }

		     @media (max-width:768px){
		       .content__gallery .slider__wrapper{
		         height:450px}}

		         @media (max-width:480px){
		           .content__gallery .slider__wrapper{height:300px}}

		           .content__gallery .slider__wrapper .slider{
		             height:100%;
		             width:100%;
		             display:inline-block;
		             white-space:nowrap;
		             font-size:0;
		             transition:all 0s 9999999s;
		             }

		             .content__gallery .slider__wrapper .slider>*{height:100%;
		             width:100%;
		             display:inline-block;
		             background-size:contain;
		             background-repeat:no-repeat;
		             background-position:50%;
		             }

		             .content__gallery .thumb__float{
		               display:inline-block;
		               margin:12px;
		               border:1px solid #26a69a;
		               }

		               .content__gallery .thumb__float .thumb__wrapper{
		                 width:80px;
		                 height:80px;
		                 padding:3px;
		                 background:#fff;
		                 }

		                 .content__gallery .thumb__float .thumb__wrapper img{cursor:pointer}

		                 @media (max-width:1152px){.content__gallery .thumb__float .thumb__wrapper{

		                   width:60px;
		                   height:60px;
		                   padding:5px;
		                   }}

		                   @media (max-width:480px){.content__gallery .thumb__float .thumb__wrapper{
		                     width:40px;
		                     height:40px;
		                     padding:3px;}}

		                     .content__gallery--flex-column{
		                       display:flex;
		                       flex-wrap:wrap;
		                       justify-content:flex-start;
		                       align-items:center;
		                       flex-direction:column;
		                       height:600px;
		                       overflow-x:auto;
		                       }

		                       @media (max-width:768px){.content__gallery--flex-column{
		                         flex-direction:row;
		                         overflow-x:hidden;
		                         height:auto;
		                         justify-content:center;}}


		                         .content__gallery--flex-column .slider__wrapper{

		                           width:100%;
		                           height:100%;}

		                           @media (max-width:768px){
		                             .content__gallery--flex-column .slider__wrapper{height:300px;}}

		                             .content__gallery--left .slider__wrapper{
		                               order:2;
		                               width:800px;}

		                               @media (max-width:1100px){

		                                 .content__gallery--left .slider__wrapper{width:700px}}

		                                 @media (max-width:1000px){

		                                   .content__gallery--left .slider__wrapper{
		                                     width:600px}}

		                                     @media (max-width:900px){
		                                       .content__gallery--left .slider__wrapper{width:550px}}

		                                       @media (max-width:800px){
		                                         .content__gallery--left .slider__wrapper{width:500px}}

		                                         @media (max-width:768px){

		                                           .content__gallery--left .slider__wrapper{width:100%;order:1}}

		                                           .content__gallery--left .thumb__float{order:1}@media (max-width:768px){.content__gallery--left .thumb__float{order:2}}.content__gallery--right .slider__wrapper{order:1;width:800px}@media (max-width:1100px){.content__gallery--right .slider__wrapper{width:700px}}@media (max-width:1000px){.content__gallery--right .slider__wrapper{width:600px}}@media (max-width:900px){.content__gallery--right .slider__wrapper{width:550px}}@media (max-width:800px){.content__gallery--right .slider__wrapper{width:500px}}@media (max-width:768px){.content__gallery--right .slider__wrapper{width:100%}}
                                               
                                               .content__gallery--right .thumb__float{order:2}.content__gallery--bottom{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.content__gallery--bottom .slider__wrapper{order:1}.content__gallery--bottom .thumb__float{order:2}.content__gallery--higher{height:750px}@media (max-width:768px){.content__gallery--higher{height:auto}}.content__gallery--highest{height:900px}@media (max-width:768px){.content__gallery--highest{height:auto}}.image-cover__wrapper{text-align:center}.image-cover__img{max-width:100%;margin:0 auto}.slideshow{height:600px;width:100%}.slideshow>*{height:100%;width:100%;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-bottom:10%}#layout__layout-3 .content__gallery--flex-column{flex-direction:row;overflow-x:hidden;height:auto;justify-content:center}#layout__layout-3 .content__gallery--left .slider__wrapper{width:100%;height:480px;order:1}#layout__layout-3 .content__gallery--left .thumb__float{order:2}#layout__layout-3 .content__gallery--right .slider__wrapper{width:100%;height:480px;order:1}#layout__layout-4 .content__gallery--flex-column{flex-direction:row;overflow-x:hidden;height:auto;justify-content:center}#layout__layout-4 .content__gallery--left .slider__wrapper{width:100%;height:480px;order:1}#layout__layout-4 .content__gallery--left .thumb__float{order:2}#layout__layout-4 .content__gallery--right .slider__wrapper{width:100%;height:480px;order:1}#layout__layout-5 .content__gallery--flex-column{flex-direction:row;overflow-x:hidden;height:auto;justify-content:center}#layout__layout-5 .content__gallery--left .slider__wrapper{width:100%;height:480px;order:1}#layout__layout-5 .content__gallery--left .thumb__float{order:2}#layout__layout-5 .content__gallery--right .slider__wrapper{width:100%;height:480px;order:1}#layout__layout-6 .content__gallery--flex-column{flex-direction:row;overflow-x:hidden;height:auto;justify-content:center}#layout__layout-6 .content__gallery--left .slider__wrapper{width:100%;height:480px;order:1}#layout__layout-6 .content__gallery--left .thumb__float{order:2}#layout__layout-6 .content__gallery--right .slider__wrapper{width:100%;height:480px;order:1}#layout__layout-7 .content__gallery--flex-column{flex-direction:row;overflow-x:hidden;height:auto;justify-content:center}#layout__layout-7 .content__gallery--left .slider__wrapper{width:100%;height:480px;order:1}#layout__layout-7 .content__gallery--left .thumb__float{order:2}#layout__layout-7 .content__gallery--right .slider__wrapper{width:100%;height:480px;order:1}#layout__layout-8 .content__gallery--flex-column{flex-direction:row;overflow-x:hidden;height:auto;justify-content:center}#layout__layout-8 .content__gallery--left .slider__wrapper{width:100%;height:480px;order:1}#layout__layout-8 .content__gallery--left .thumb__float{order:2}#layout__layout-8 .content__gallery--right .slider__wrapper{width:100%;height:480px;order:1}



                                               
                                               /* Gallery*/
                                               
                                               .content_tabs{margin:0;padding:0;overflow:hidden}.tabs__label{flex:1;border-right:2px solid #26a69a;padding:16px 0;text-decoration:none;font-weight:700;text-align:center;cursor:pointer;z-index:999}.tabs__label,.tabs__label:hover{color:#26a69a;background:#26a69a}.tabs__label:last-of-type a{border:none}.tabs__wrapper{position:relative;overflow:hidden}.tabs__slider{height:600px;width:100%;transition:all 0s 9999999s}.tabs__slider>*{height:100%;width:100%;overflow-y:auto;overflow-x:hidden}.tabs__tab{background:#fff;width:100%;display:flex;flex-flow:row wrap}@media (max-width:768px){.tabs__tab{flex-direction:column}}.tabs__box{border:2px solid #26a69a;width:100%}.tabs__box--content{background:#fff;padding:12px}.tabs__box--aside .aside{margin:0!important;min-height:100%}.tabs__box--aside .aside-block{margin:0!important}.fa,.far,.fas{font-family:Font Awesome\ 5 Free!important}.word-break{word-break:break-all!important}.aside-block .aside-block__icons img{border-radius:6px}.container{max-width:100%}
                                               
                                               #layout__gallery{margin:24px 0}
                                               .order-1{order:1}
                                               .order-2{order:2}
                                               .flex{display:flex}
                                               .flex-1{flex:1}
                                               .flex-2{flex:2}
                                               
                                               .direction-column{flex-direction:column}.mt0{margin-top:0!important}.mb0{margin-bottom:0!important}.col-md-3 .aside-block .aside-block__icons{text-align:center}.col-md-3 .aside-block .aside-block__icons img{width:75px}@media (max-width:992px){.menu{font-size:16px!important}}.disabled-link,.disabled-links a{pointer-events:none;cursor:default}img{max-width:100%}.yt{width:100%;text-align:center;position:relative;overflow:hidden}.yt img{display:block;max-width:100%;border:0;margin:1em auto}.yt a:after{content:"\A0\25BA";position:absolute;width:60px;height:50px;left:0;top:0;right:0;bottom:0;margin:auto;border:0;border-radius:10px;color:#fff;background:rgba(0,0,0,.6);font-size:24px;line-height:50px;cursor:pointer}.yt a:hover:after{background:#cc181e}.yt__img{margin-top:1em;margin-bottom:1em;display:block}#template-10 header{margin:0;padding:0;background:none;box-shadow:none;text-shadow:none;position:relative;width:auto;height:auto;overflow:hidden;z-index:auto}#template-10 .template__wrapper{background-size:cover}@media (max-width:768px){#template-10 .template__wrapper .container{padding:0}}#template-10 .template__wrapper .header .container{display:flex}@media (max-width:768px){#template-10 .template__wrapper .header .container{display:block}}#template-10 .template__wrapper .header .header__brand{margin:0;flex:1}#template-10 .template__wrapper .header .header__brand .header__logo{font-family:Montserrat, sans-serif;font-size:64px;font-weight:700;color:#004d40;margin:12px 0}#template-10 .template__wrapper .header .header__brand .header__logo img{max-width:80%}@media (max-width:768px){#template-10 .template__wrapper .header .header__brand .header__logo{text-align:center}}@media (max-width:480px){#template-10 .template__wrapper .header .header__brand .header__logo{font-size:48px}}#template-10 .template__wrapper .header .header__brand .header__slogan{font-family:Montserrat, sans-serif;font-size:32px;font-weight:700;color:#004d40}@media (max-width:768px){#template-10 .template__wrapper .header .header__brand .header__slogan{text-align:center}}@media (max-width:480px){#template-10 .template__wrapper .header .header__brand .header__slogan{font-size:24px}}@media (max-width:768px){#template-10 .template__wrapper .header{display:block;text-align:center}}#template-10 .template__wrapper .header .header__contact{margin:12px auto;font-family: Montserrat, sans-serif;font-size:23px;font-weight:400;text-align:right;color:#004d40;flex:1}#template-10 .template__wrapper .header .header__contact a{color:#004d40}#template-10 .template__wrapper .header .header__contact .fa{margin-right:6px;margin-left:12px}@media (max-width:768px){#template-10 .template__wrapper .header .header__contact{text-align:center}}@media (max-width:480px){
                                                
                                                #template-10 .template__wrapper .header .header__contact{font-size:15px}}
                                                
                                                
                      #template-10 .template__wrapper .menu{
                        font-family:Montserrat, sans-serif; font-size:20px;font-weight:700;margin:24px 0;padding:12px;background:hsla(0,0%,100%,.6);box-shadow:0 5px 20px rgba(0,0,0,.4);
                        }#template-10 .template__wrapper .menu .menu__list{margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;list-style:none}@media (max-width:768px){#template-10 .template__wrapper .menu .menu__list{display:block}}#template-10 .template__wrapper .menu .menu__item{flex:1;text-align:center;}#template-10 .template__wrapper .menu .menu__item a{display:block;color:#004d40;border-right:0px solid #004d40; padding:18px 0}#template-10 .template__wrapper .menu .menu__item a:hover{background:#80cbc4;color:#004d40}@media (max-width:768px){#template-10 .template__wrapper .menu .menu__item a{border-right:0}}#template-10 .template__wrapper .menu .menu__item:last-child a{border-right:0;}
                                               
                                               #template-10 .template__wrapper .content{margin:0;padding:0;font-family: Montserrat, sans-serif; color:#424242;font-size:16px;line-height:1.5}#template-10 .template__wrapper .content .content__header{margin-top:24px}#template-10 .template__wrapper .content .content__header .content__title{margin:0;padding:0;text-align:center;}
                                               
                                               @media (max-width:480px){}
                                                
                                              #template-10 .template__wrapper .content .content__header .content__title{font-size:18px}
                                              #template-10 .template__wrapper .content .content__description{margin:24px 0;padding:12px;color:#424242;background:hsla(0,0%,100%,.6);text-align:left}@media (max-width:768px){#template-10 .template__wrapper .content .content__description{margin:12px 0}}#template-10 .template__wrapper .content .content__description p{margin-top:0;margin-bottom:6px}#template-10 .template__wrapper .content .content__description p:last-of-type{margin-bottom:0}#template-10 .template__wrapper .content .content__bulletpoints{margin:24px 0;padding:12px;color:#424242;background:hsla(0,0%,100%,.6);text-align:left}@media (max-width:768px){#template-10 .template__wrapper .content .content__bulletpoints{margin:12px 0}}#template-10 .template__wrapper .content .content__bulletpoints .bulletpoints__list{margin:0;padding:0;list-style:none}#template-10 .template__wrapper .content .content__bulletpoints .bulletpoints__item{margin-bottom:6px}#template-10 .template__wrapper .content .content__bulletpoints .bulletpoints__item .fa{color:#26a69a}@media (max-width:480px){#template-10 .template__wrapper .content .content__bulletpoints{margin:12px 0}}#template-10 .vertical-align-middle{white-space:nowrap;text-align:center}
                                              
                                              #template-10 .vertical-align-middle .vertical-align-helper{display:inline-block;height:100%;vertical-align:middle}
                                              
                                              #template-10 .vertical-align-middle img{display:inline-block;vertical-align:middle;margin:0;padding:0;max-width:100%;max-height:100%}#template-10 .aside{background:#80cbc4;overflow:hidden}#template-10 .aside-block{text-align:left;padding:12px;margin-bottom:24px}#template-10 .aside-block .aside-block__title{font-family:Montserrat, sans-serif; font-size:32px;font-weight:700;color:#004d40;margin-bottom:12px;text-align:left}#template-10 .aside-block .aside-block__title .fa{font-size:32px}#template-10 .aside-block .aside-block__body{font-family: Montserrat, sans-serif; font-size:16px;font-weight:400;color:#424242}#template-10 .aside-block .aside-block__icons{text-align:left;margin-bottom:12px}#template-10 .aside-block .aside-block__icons img{margin:3px}
                                              
                                              @media (max-width:1200px) and (min-width:768px){
                                                
                                                #template-10 .aside-block{padding:6px}#template-10 .aside-block .aside-block__title,#template-10 .aside-block .aside-block__title .fa{font-size:35px}#template-10 .aside-block .aside-block__body{font-size:15px}}
                                        
                                               
                                               #template-10 .no-margin{margin:0!important}#template-10 .no-margin-top{margin-top:0!important}#template-10 .no-margin-right{margin-right:0!important}#template-10 .no-margin-bottom{margin-bottom:0!important}#template-10 .no-margin-left{margin-left:0!important} #template-10 .template__wrapper .header { background: none; } #template-10 .template__wrapper .header .header__brand .header__logo { font-family: Montserrat, sans-serif; color: #121212;
                                               back } #template-10 .template__wrapper .header .header__brand .header__slogan { font-family: Montserrat, sans-serif; color: black; } #template-10 .template__wrapper .header .header__contact { 
                                                font-family: Montserrat, sans-serif; color: black;
                                                font-size:16px; 
                                                padding-top:10px;
                                                } #template-10 .template__wrapper .header .header__contact a { color: #121212;
                                                font-size:10px; }
                                               
                                                #template-10 .template__wrapper .menu .menu__item a { color: #121212; border-color: #121212; } #template-10 .template__wrapper .menu .menu__item a:hover { color: #121212; background: #f6f6f6; } #template-10 .template__wrapper .content .content__header .content__title { font-family: 'Montserrat'; color: #121212; } #template-10 .template__wrapper .content .content__description { font-family: 'Montserrat'; color: #121212; } #template-10 .template__wrapper .content .content__bulletpoints { font-family: 'Montserrat'; color: #121212; } #template-10 .template__wrapper .content .content__bulletpoints .bulletpoints__item .fa { color: #121212; } #template-10 .template__wrapper .aside { background-color: black; } #template-10 .template__wrapper .aside-block .aside-block__body { font-family: 'Montserrat'; color: white; }

  #template-10 .template__wrapper .aside .aside-block .aside-block__title { 
    font-family: 'Montserrat'; 
    color: white; } 
    
    #template-10 .template__wrapper .content__gallery .thumb__float { border-color: #121212; } 
    
    #template-10 .template__wrapper { background-image: none; } #template-10 .template__wrapper .template__background { background-color: #ffffff; overflow: hidden; } #template-10 .template__wrapper .content .content__description { background-color: #ffffff; } #template-10 .template__wrapper .content .content__bulletpoints { background-color: #ffffff; } #template-10 .images .image-wrapper img { border-color: #121212; background-color: #f6f6f6; } 
    #template-10 .content__gallery .gallery__prev-next a { color: #121212; } #template-10 .content__gallery { background: #f6f6f6; } #template-10 .tabs__label { background: #f6f6f6; color: #121212; border-color: #121212; } #template-10 .tabs__label:hover { background: #121212; color: #f6f6f6; } #template-10 .tabs__box { border-color: #121212; } #template-10 .tabs__box--content { background: #ffffff; } #template-10 .template__wrapper .zyQa9wi6U6mYghccze4L { margin: 0; font-family: 'Montserrat'; font-size: 0.8em; font-weight: normal; color: #888; text-align: right; width: 100%; position: absolute; right: 0; bottom: 0; padding: 10px; background: #fff; } #template-10 .template__wrapper .zyQa9wi6U6mYghccze4L a { color: #888; } @media (max-width: 768px) {
                                                  #template-10 .template__wrapper .zyQa9wi6U6mYghccze4L { text-align: center; } } #template-10 .template__wrapper .alqgobvt9oFHVX1VlPvt { font-family: 'Montserrat'; } 
                                                
                                                
                                                
  .footer-dark {
  padding:10px 0;
  color:#f0f9ff;
  background-color:#282d32;
}

.footer-dark h3 {
  margin-top:4px;
  margin-bottom:2px;
  font-weight:bold;
  font-size:16px;
  font-family:Montserrat, sans-serif;
}

.footer-dark ul {
  padding:0;
  list-style:none;
  line-height:1.6;
  font-size:14px;
  margin-bottom:0;
  font-family:Montserrat, sans-serif;
}

.footer-dark ul a {
  color:inherit;
  text-decoration:none;
  opacity:0.6;
  font-family:Montserrat, sans-serif;
}

.footer-dark ul a:hover {
  opacity:0.8;
}

@media only screen and (max-width:768px){
  .footer-dark.item:not(.social) {
    text-align:center;
    padding-bottom:1px;
      font-family:Montserrat, sans-serif;
  }
}

.footer-dark .item.text {
  margin-bottom:1px;
  font-family:Montserrat, sans-serif;
}

@media (max-width:650px) {
  .footer-dark .item.text {
    margin-bottom:0;
  }
}

.footer-dark .item.text p {
  opacity:0.6;
  margin-bottom:0;
}

.footer-dark .item.social {
  text-align:center;
  font-family:Montserrat, sans-serif;
}


.footer-dark .item.social > a {
  font-size:20px;
  width:30px;
  height:30px;
  line-height:30px;
  display:inline-block;
  text-align:center;
  border-radius:50%;
  margin:0 8px;
  color:#fff;
  opacity:0.75;
}

.footer-dark .item.social > a:hover {
  opacity:0.9;
}

.footer-dark .copyright {
  text-align:left;
  opacity:0.3;
  font-size:13px;
  margin-bottom:0;
  font-family:Montserrat, sans-serif;
  margin-left:0;
  padding-top:10px;
}


.thumb1:active ~ .slider__wrapper > .slider { -webkit-transition: all 0s; -ms-transition: all 0s; transition: all 0s; transform: translateX(-0%); -webkit-transform: translateX(-0%); -ms-transform: translateX(-0%); } 

.thumb2:active ~ .slider__wrapper > .slider { -webkit-transition: all 0s; 
-ms-transition: all 0s; 
transition: all 0s; 
transform: translateX(-100%); 
-webkit-transform: translateX(-100%); 
-ms-transform: translatroweXrowtext(-100%); }

.thumb3:active ~ .slider__wrapper > 
.slider { 
-webkit-transition: all 0s; 
-ms-transition: all 0s; 
transition: all 0s; 
transform: translateX(-200%);

-webkit-transform: translateX(-200%); 
-ms-transform: translateX(-200%); } 

#template-10 .template__wrapper .footer>.container{display:flex}


@media (max-width:900px){}

#template-10 .template__wrapper .footer>.container{flex-direction:column}

#template-10 .template__wrapper .footer .footer-block{text-align:left}

#template-10 .template__wrapper .footer .footer-block .footer-block__title{
font-family: Montserrat, sans-serif;
font-size:18px;
font-weight:700;
color:black;
margin-top:0;
margin-bottom:4.1px;
text-align:left;
}

@media (max-width:768px){}

#template-10 .template__wrapper .footer .footer-block .footer-block__title{
margin-top:5.2px}}

#template-10 .template__wrapper .footer .footer-block .footer-block__body{
font-family:Montserrat, sans-serif;
font-size:18px;
font-weight:400;
color:black;
text-align:left;
}

#template-10 .template__wrapper .footer .footer-block .footer-block__body a{
color:black;
}

#template-10 .template__wrapper .footer .footer-block .footer-block__body .btn{
background-color:black;
border:none;
color:black;
padding:6px 8px;
margin-top:11px;
text-align:left;
text-decoration:none;
display:inline-block;
}

#template-10 .template__wrapper .footer .footer-block .footer-block__body .btn:hover{background-color:green;}

#template-10 .template__wrapper .footer .footer-block .footer-block__body .menu{
font-family:Montserrat, sans-serif;
font-size: Montserrat, sans-serif;
font-weight:Montserrat, sans-serif;
margin:0;
padding:0;
background:none;
box-shadow:none;
text-align:left;
}

#template-10 .template__wrapper .footer .footer-block .footer-block__body .menu .container{
width:100%!important;
padding:0!important;
}


#template-10 .template__wrapper .footer .footer-block .footer-block__body .menu .menu__list{
margin:0;
padding:0;
display:block;
list-style:none;
font-sixe:11px;
}

#template-10 .template__wrapper .footer .footer-block .footer-block__body .menu .menu__item{
text-align:left;
}

#template-10 .template__wrapper .footer .footer-block .footer-block__body .menu .menu__item a{
display:block;
color:inherit;
border:0;
padding:0}


#template-10 .template__wrapper .content{
margin:0;
padding:0;
font-family:"Montserrat";
color:black;
font-size:15px;
line-height:1.5;
width:100%;
}

 h6 {
    font-family: 'Montserrat', sans-serif;
    color:color:inherit;
    margin:0;
    padding:0;
    font-size:15px;
  }

  .orange-text {
    color: orange;
  }
	</style>
	<!---->
	<div>
		<div>
			<div class="template__wrapper">
				<div class="template__background" style="position: relative; padding-bottom: 46px;">
					</div>
					<header class="header">
						<div class="container">
							<div class="header__brand">
								<div class="header__logo">
<img src="https://assets.motorstile.com/wp-content/uploads/2024/03/Motorstile-logo-300x55.png" usemap="#image-map">
</div>
								<!---->
							</div>
							<div class="header__contact word-break">
								<div><i aria-hidden="true" class="fa fa-phone-square"></i><span>+39 368 803 3432</span></div>
								<div><i aria-hidden="true" class="fa fa-envelope"></i><span>info@motorstile.com</span></div>
							</div>
						</div>
					</header>
					
					<nav class="menu">
						<div class="container">
							<ul class="menu__list">
								<li class="menu__item"><a href="https://www.ebay.it/str/motorstile?_tab=1" target="_blank" class="active-link">Chi Siamo</a></li>
								<li class="menu__item"><a href="https://www.ebay.it/str/motorstile" target="_blank" class="active-link">Shop</a></li>
							
								<li class="menu__item"><a href="https://www.ebay.it/cnt/intermediatedFAQ?requested=motorstile" target="_blank" class="active-link">Contatti</a></li>
							</ul>
						</div>
					</nav>
					<div class="zyQa9wi6U6mYghccze4L">
					</div>
					<main class="content">
						<div class="container">
							<div class="content__header"><h1 class="content__title"></h1></div>
							<div>
								<div class="product-2800081"></div>
								<!----><!----><!---->
								<div id="layout__layout-4">
									<div class="row">
										<div class="col col-md-6">
											<div id="layout__gallery">
												<div>
													<!----><!----><!---->
													<div>
														<style>
															.thumb1:active ~ .slider__wrapper > .slider { -webkit-transition: all 0s; -ms-transition: all 0s; transition: all 0s; transform: translateX(-0%); -webkit-transform: translateX(-0%); -ms-transform: translateX(-0%); }
														</style>
														<style>
															.thumb2:active ~ .slider__wrapper > .slider { -webkit-transition: all 0s; -ms-transition: all 0s; transition: all 0s; transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); }
														</style>
														<style>
															.thumb3:active ~ .slider__wrapper > .slider { -webkit-transition: all 0s; -ms-transition: all 0s; transition: all 0s; transform: translateX(-200%); -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); }
														</style>

                            	<style>
															.thumb4:active ~ .slider__wrapper > .slider { -webkit-transition: all 0s; -ms-transition: all 0s; transition: all 0s; transform: translateX(-300%); -webkit-transform: translateX(-300%); -ms-transform: translateX(-300%); }
														</style>

														<div class="content__gallery content__gallery--flex-column content__gallery--right">
                              

															<div class="thumb__float thumb1"> 
																<div class="thumb__wrapper vertical-align-middle">
                                  
                                  <span class="vertical-align-helper"></span><img src="https://i.ebayimg.com/images/g/~WgAAOSwyF1mF~xd/s-l1600.jpg"></div>

                                   
															</div>
															<div class="thumb__float thumb2">
																<div class="thumb__wrapper vertical-align-middle">
                                  
                                  <span class="vertical-align-helper"></span><img src="https://i.ebayimg.com/images/g/Q-AAAOSwf2lmF~xe/s-l1600.jpg"></div>


															</div>
															<div class="thumb__float thumb3">
																<div class="thumb__wrapper vertical-align-middle">
                                  
                                  <span class="vertical-align-helper">
                                    </span><img src="https://i.ebayimg.com/images/g/N6wAAOSwp4ZmFqdm/s-l1600.jpg"></div>

                                  
															</div>

                              <div class="thumb__float thumb4">
																<div class="thumb__wrapper vertical-align-middle">
                                  
                                  <span class="vertical-align-helper"></span><img src="https://i.ebayimg.com/images/g/nz0AAOSwkRxmFpLT/s-l1600.jpg"></div>

                                  
															</div>
															
                              
                              <div class="slider__wrapper">
																<div class="slider">
																	<div style="background-image: url(&quot;https://i.ebayimg.com/images/g/~WgAAOSwyF1mF~xd/s-l1600.jpg"></div>


																	<div style="background-image: url(&quot;https://i.ebayimg.com/images/g/Q-AAAOSwf2lmF~xe/s-l1600.jpg"></div>


																	<div style="background-image: url(&quot;https://i.ebayimg.com/images/g/N6wAAOSwp4ZmFqdm/s-l1600.jpg"></div>

                                  <div style="background-image: url(&quot;https://i.ebayimg.com/images/g/nz0AAOSwkRxmFpLT/s-l1600.jpg"></div>
																</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
										<div class="col col-md-6">
											<div id="layout__content">
												<div class="row flex direction-column">
													<div class="col col-md-12 order-1">
														<div class="content__description mb0">
															<h1><font color="#000000">
Protezioni Antigraffio per Soglie Baule Furgone Van, Nero, 180 x 1300 mm</font></h1>
															<hr>
														</div>
													</div>
													<div class="col col-md-12 order-2">
														<div class="content__bulletpoints">
															<ul class="bulletpoints__list"><li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> Materiale resiliente appositamente formulato per assicurare maggiore resistenza a: graffi, usura e urti accidentali.
																</li><li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
Ideata per proteggere con efficacia la soglia baule del tuo Furgone, Van.</li>
																<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
Agevola il carico e lo scarico dei passeggini, casse e attrezzature per il tempo libero.</li>
																<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
Accesso più sicuro per gli animali domestici.</li>
																<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
Grazie al suo speciale adesivo acrilico impedisce distacchi accidentali.</li>
																<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
Spessore ridotto, garanzia di durata nel tempo.</li>

<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
incluse nella confezione <strong> due </strong> salviette "Easy Cleaner Pro".</li>

<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
Dimensioni: <strong> 180 x 1300 mm. </strong>
																<br>
<h3><strong class="orange-text">CONSIGLIO PER I CLIENTI:</strong> </h3>
Per individuare la protezione più adatta al tuo veicolo, <strong> misura la profondità e larghezza della tua soglia baule. </strong> Infine confrontala con la tabella in figura.
									
                                
															</li></ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!----><!----><!----><!----><!---->
							</div>
						</div>
					</main>

<aside class="aside">
<div class="container">
  <div id="aside-payment">
<div class="aside-block">
<div class="aside-block__title">
  <br>
Restituzioni
<br><br>
<h6>Accettiamo restituzioni entro <strong class="orange-text"> 60 GIORNI </strong> dalla data di acquisto.<br><br><br>
- CONDIZIONI DEL PRODOTTO:
<br>
<br>
<strong class="orange-text">Il prodotto deve essere restituito nelle stesse condizioni in cui è stato ricevuto</strong>, con l'imballaggio originale e tutti gli accessori inclusi. <br><br><strong class="orange-text">Si prega di NON utilizzare il prodotto se si desidera restituirlo.</strong>

<br><br><br>
- COSTI DI SPEDIZIONE: <br><br>
I costi di spedizione per la restituzione del prodotto sono a carico del <strong class="orange-text">VENDITORE.</strong><br>

<br>
- RIMBORSI: <br><br>
Una volta <strong class="orange-text">ricevuto</strong> e <strong class="orange-text">ispezionato</strong> il prodotto restituito, ti invieremo una notifica via email per confermare l'avvenuto rimborso. <br>
</h6>
  <hr>
Spedizioni<br><br>
<h6>Spedizione garantita tramite corriere <strong class="orange-text">ESPRESSO</strong>  con consegna in <strong class="orange-text">24/48h. </strong></h6>
  <hr>
Metodi di pagamento

<div class="aside-block__icons">
<img src="https://tinyurl.com/9r8vppww" style="width:60px;">
<img src="https://rb.gy/irdehf" style="width:60px;">
<img src="https://rb.gy/u2xzbk" style="width:60px;">
<img src="https://rb.gy/04ku0f" style="width:60px;">
<img src="https://rb.gy/rnittb" style="width:60px;">
</div>

</div>
</div>
</div>
</div>

</aside></div>

  <footer class="footer">
  <div class="footer-dark">
        <footer>
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-md-3 item">
                      <br><br>
                        <h3>Categorie</h3>
                        <ul>
                            <li><a href="https://www.ebay.it/str/motorstile/Auto/_i.html?store_cat=32415549018">Auto</a></li>
                            <li><a href="https://www.ebay.it/str/motorstile/Moto/_i.html?store_cat=32415550018">Moto</a></li>
                            <li><a href="https://www.ebay.it/str/motorstile/Bici/_i.html?store_cat=32415554018">Bici</a></li>
                            <li><a href="https://www.ebay.it/str/motorstile/Autocarro/_i.html?store_cat=32415555018">Autocarro</a></li>
                            <li><a href="https://www.ebay.it/str/motorstile/Casa/_i.html?store_cat=32415556018">Casa</a></li>
                            <li><a href="https://www.ebay.it/str/motorstile/Segnaletica/_i.html?store_cat=32463472018">Segnaletica</a></li>
                        </ul>
                    </div>
                    <div class="col-sm-6 col-md-3 item">
                       <br><br>
                        <h3>Info su Motorstile</h3>
                        <ul>
                            <li><a href="https://www.ebay.it/str/motorstile?_tab=1">Chi siamo</a></li>
                            <li><a href="https://www.ebay.it/str/motorstile">Shop</a></li>
                            <li><a href="https://www.ebay.it/cnt/intermediatedFAQ?requested=motorstile">Contatti</a></li>
                        </ul>
                    </div>
                   
                    <div class="col-md-6 item text">
                       <br><br>
                        <h3>Motorstile</h3>
                        <p>Motorstile è il negozio online per la personalizzazione, la decorazione e la protezione di auto, moto, bici e molto altro.<br><br>

Da oltre un decennio, ci impegniamo nel fornire una vasta gamma di prodotti di alta qualità, attentamente selezionati dal nostro team.<br><br>
</p>

                    </div>
                    
            </div>
             <p class="copyright">Motorstile © 2018</p>
        </div></footer>
    </div>
					
            
            
					
</footer></div></div></div>