BackUpHTML

<!DOCTYPE html>
<html>
<head>
  <title>
    Rover P6 cars
  </title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" type="text/css" href="/styles.css">

</head>
<body bgcolour ="white">


<div class="topnav">
  <a class="image" href="#home"><img src="/Images/RoverLogo.jpg" alt="car logo"></a>
  <a class="active" href="#home">Home</a>
  <a href="#Store">Store</a>
  <a href="#Contact_us">Contact us</a>
  <a href="#About">About</a>

</div>


<div class = "split"> </div>


<div class = "slide">
<p>Hello world my name is Lewis </p>

</div>

<div class = "slide">
  <p> </p>
</div>


<div class = "slide">
</div>


<div style="padding-left:16px">

</div>
<script>
var imgIndex = 0;
//carousel();
function carousel() {
    var i;
    var images = document.getElementsByClassName("slide");
    for (i = 0; i < images.length; i++) {
       images[i].style.display = "none";
    }
    imgIndex++;
    if (imgIndex > images.length) imgIndex = 1;
    images[imgIndex-1].style.display = "block";
    setTimeout(carousel, 3000);
}
</script>

</body>
</html>