Template prodotti Meguiar by @Quattroerre - Codewith.it

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

References

<li>Inserisce voci all'interno di una lista
<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
minlengthDetermina il numero minimo di caratteri per un elemento input
<html>Tag primario di un documento HTML
<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input
placeholderDefinisce un testo segnaposto per un elemento input o textarea

Users

Log in to search for users

Explore

Find inspiration

Seasons of the Year

Suono musicista 09/02/24

Form per il torneo misto disfo

Layout Dark Elegante (sezione)

ESERCITAZIONE ORSI

SHKAFI_3M_12_HTMLBELLISSI

Esercitazione n. 2

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">
				<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/PSUAAOSwdOdcpM7Y/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/PAcAAOSw6DtmMJax/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/J9oAAOSwykJmMJau/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/HewAAOSwxM5mAT32/s-l1600.jpg"></div>

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


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


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

                                  <div style=" background-image:=" "="" url(&quot;https:="" i.ebayimg.com="" images="" g="" hewaaoswxm5mat32="" 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">
Meguiar's Pulitore Sgrassatore Multiuso Universale All Purpose Cleaner 710 ml
</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> 

Pulitore professionale per tappeti, tessuti e tappezzeria, capace di pulire in profondità e di rimuovere macchie e cattivi odori dai tessuti trattati.</li>
                                
                                
                                <li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> Pratico e comodo è perfetto per tutte le necessità correlate al momento del lavaggio dell’auto.
.</li>
																
																<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
Asciuga velocemente senza lasciare residui sulle aree trattate.
</li>
																<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
Rimuove velocemente macchie di diverso tipo come: grasso, olio, caffè, rossetto e bibite rimuovendoli definitivamente.</strong>.
</li>

<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
Agisce in profondità e rilascia un piacevole profumo di pulito.</li>


<li class="bulletpoints__item"><i aria-hidden="true" class="fa fa-check"></i> 
Pulitore potente e sicuro, non tossico e biodegradabile.</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>