home.html

<p class="p">
  <div class="slideshow-container">
    <div class="mySlides fade">
      <img class="img" src="wallpaper.png" alt="moto" style="width:100%;">
      <div class="text"><h1>BEM VINDO, A HMmotos</h1></div>
    </div>

    <div class="mySlides fade">
      <img class="img" src="wallpaper2.png" style="width:100%">
      <div class="text"><h1>A MELHOR EMPRESA DE MOTOS</h1></div>
    </div>

    <div class="mySlides fade">
      <img class="img" src="wallpaper3.png" style="width:100%">
      <div class="text"><h1>PRÉMIO DE HONRA 2017</h1></div>
    </div>
    <br>
    <br>

  </div>
  <div style="text-align:center">
    <span class="dot"></span>
    <span class="dot"></span>
    <span class="dot"></span>
  </div>
</p>


<section class="ultimas">
    <div class="row" style="position:relative;">

        <h1 class="ult left">
          Últimas
        </h1>
        <div class="linha right"></div>
        <div class="row">
            <ul class="opcoes inline-list">                
                <li class="three">
                    <a href="#" class="late-list first active">NOVOS VEÍCULOS</a>
                </li>
 
            </ul>
        </div>
      </div>
<aside class="ultimas-produtos" style="display: block;">
			<div class="row">
				<ul class="tabela small-block-grid-3">
							<li>
								<a href="#">
									<img class="imga" alt="ALL-NEW NINJA H2™ SX SE" src="https://content.kawasaki.com/Content/uploads/Products/7771/Nav/18ZX1002B_40RGN1DRS3CG_A.png">
									
									<h1 class="motas">NINJA H2™ SX SE</h1>
								

								</a>
							</li>
								<div class="vert-line left"></div>
							<li>
								<a href="#">
									<img class="imga" alt="ALL-NEW NINJA® 400 KRT EDITION" src="https://content.kawasaki.com/Content/uploads/Products/7780/Nav/18EX400G_242GN2DRS3CG_A.png">
								
									<h1 class="motas">NINJA<span class="sup">®</span> 400 KRT EDITION</h1>
									

								</a>
							</li>
								<div class="vert-line left"></div>
							<li>
								<a href="#">
									<img class="imga" alt="NEW NINJA® ZX™-10R SE" src="https://content.kawasaki.com/Content/uploads/Products/7778/Nav/18ZX1002C_201BK1DRS1CG_A.png">
								
									<h1 class="motas">NINJA<span class="sup">®</span> ZX™-10R SE</h1>
								

								</a>
							</li>
				</ul>
      </div>
      <div class="linha2 center"></div>
			<div class="row" style="padding-top:30px;margin-top:10px;">
				<ul class="tabela small-block-grid-3">
							<li>
								<a href="#">
									<img class="imga" alt="NEW KLX®250 CAMO" src="https://content.kawasaki.com/Content/uploads/Products/7749/Nav/US_18KLX250S_242GY2DRS1CG_A_170906.png">
								
									<h1 class="motas">KLX<span class="sup">®</span>250 CAMO</h1>
									

								</a>
							</li>
								<div class="vert-line left"></div>
							<li>
								<a href="#">
									<img class="imga" alt="ALL-NEW Z900RS" src="https://content.kawasaki.com/Content/uploads/Products/7779/Nav/18ZR900C_40RBN1DRS00D_A.png">
							
									<h1 class="motas">Z900RS</h1>
									

								</a>
							</li>
								<div class="vert-line left"></div>
							<li>
								<a href="#">
									<img class="imga" alt="NEW MULE PRO-FXR™" src="https://content.kawasaki.com/Content/uploads/Products/7686/Nav/18_KAF820K_251SL2D_RS_3CG_A.png">
								
									<h1 class="motas">MULE PRO-FXR™</h1>
									

										
								</a>
							</li>
				</ul>
			</div>
    </aside>

</section>







<!--SCRIPTS -->



<script>
  var slideIndex = 0;
  showSlides();

  function showSlides() {
    var i;
    var slides = document.getElementsByClassName("mySlides");
    var dots = document.getElementsByClassName("dot");
    for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
    }
    slideIndex++;
    if (slideIndex > slides.length) { slideIndex = 1 }
    for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
    }
    slides[slideIndex - 1].style.display = "block";
    dots[slideIndex - 1].className += " active";
    setTimeout(showSlides, 3000);
  }
</script>