Template prodotti generici by @Quattroerre - Codewith.it

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

References

formnovalidateImpedisce la convalida di un singolo elemento input
maxImposta il valore numerico o temporale massimo per un elemento input
<aside>Definisce un contenuto separato dal testo perincipale
langSpecifica la lingua del contenuto di un elemento
mediaSpecifica a quale dispositivo/display/documento è ottimizzata una risorsa.
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input

Users

Log in to search for users

Explore

Find inspiration

Esercizi 05/03/2024 es7

Due Sezioni - 4 colori (2x2)

Selezione sorgente video

Corrispondenza tra stringhe

esercizio riepilogativo 2

Costruzione di tabella con html5

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.

<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">
				<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/CUwAAOSwxElmWJqc/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/bN0AAOSwAC1mWJnM/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/0rsAAOSwWCpmWJnL/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/Of0AAOSwHxll8x0W/s-l1600.jpg"></div>

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


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


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

                                  <div style="background-image: url(&quot;https://i.ebayimg.com/images/g/Of0AAOSwHxll8x0W/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">

Vernice per Pinze Freni Alte Temperature Rosso 100 ml per Auto
</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>
Vernice resistente alle alte temperature, a base di resine siliconiche selezionate dal forte potere aggrappante.</li>
																
																<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
 Contiene: vernice 100 ml, un cleaner e un pennello.</li>
																<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 

Applicabile su pinze freni, marmitte, testate e monoblocchi.</li>
																<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
Ottima durata e resistenza nel tempo.</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>