Untitled

<!DOCTYPE html>
<html>
<head>
<style>

body {
    background-image: url("bac.jpg");
}
#primary_nav_wrap {
  margin-top: 15px
}

#primary_nav_wrap ul {

  list-style: none;
  position: relative;
  float: left;
  margin: 0;
  padding: 25
}

#primary_nav_wrap ul a {
  display: block;
  color: red;
  text-decoration: none;
  font-weight: 700;
  font-size: 12px;
  line-height: 32px;
  padding: 0 15px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif
}

#primary_nav_wrap ul li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0
}

#primary_nav_wrap ul li.current-menu-item {
  background: green;
}

#primary_nav_wrap ul li:hover {
  background: black;
}

#primary_nav_wrap ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: grey;
  padding: 0
}

#primary_nav_wrap ul ul li {
  float: none;
  width: 200px
}

#primary_nav_wrap ul ul a {
  line-height: 120%;
  padding: 10px 15px
}

#primary_nav_wrap ul ul ul {
  top: 0;
  left: 100%
}

#primary_nav_wrap ul li:hover > ul {
  display: block
}
#a {
    background-image: url(caricon.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 15px;
}

table, th, td {
    border: 1px solid black;
}

#d
{ text-align: center;
background-color : white;
color : green;
}

th {
background-color : #99CC99 ;}

td {
background-color : #33FF99 }

a {
    text-decoration: none;
color : black;
}
#pr
{
color: red;}


</style>

</head>


<body>
<script type="text/javascript">
<!--
var image1=new Image()
image1.src="ar8m.jpg"


var image2=new Image()
image2.src="bmwz4m.jpg"

var image3=new Image()
image3.src="cssm.jpg"


var image4=new Image()
image4.src="4o.jpg"


var image5=new Image()
image5.src="5m.jpg"


var image6=new Image()
image6.src="6m.jpg"

var image7=new Image()
image7.src="7m.jpg"


var image7=new Image()
image7.src="8m.jpg"


var image7=new Image()
image7.src="9m.jpg"


var image7=new Image()
image7.src="10m.jpg"

//-->
</script>
<h1><center>ROADSTER</center></h1>

<center>A roadster, sometimes referred to as a spider or spyder, is an open two-seat car with emphasis on sporting appearance or character. Initially an American term for a two-seat car with no weather protection, usage has spread internationally and has evolved to include two-seat convertibles.</center>
<center>
<fieldset>
<img src="1.jpg" name="slide" width=800" height="500"  ></center>
<script>
<!--
//variable that will increment through the images
var step=1
function slideit(){
//if browser does not support the image object, exit.
if (!document.images)
return
document.images.slide.src=eval("image"+step+".src")
if (step<10)
step++
else
step=13
//call function "slideit()" every 1 seconds
setTimeout("slideit()",2000)
}
slideit()
//-->


</script>
<br>
</fieldset  name="personalia">
<center>
<h3>Top 10 Roadsters 2015</h3>
<table bgcolor= black>
  <tr>
<th>Position</th>
    <th>Car</th>
    <th>Price</th>
 <th>Discount On Bulk Orders*</th>
  </tr>
  <tr>
<td><b>1.</b></td>
    <td><a href="Roadster1.html">Audi R8 Spyder</a></td>
 <td id="pr">$128,400</td>
<td id="d">2%</td>
  </tr>
  <tr>
<td><b>2.</b></td>
    <td><a href="Roadster2.html">BMW Z4</td>
    <td id="pr">$48,950</td>
<td id="d">2.33 %</td>
  </tr>
  <tr>
<td><b>3.</b></td>
    <td><a href="Roadster3.html">Chevrolet Corvette Stingray Convertible</a></td>
  <td id="pr"> $56,000</td>
<td id="d">3.56 %</td>
  </tr>  <tr>
<td><b>4.</b></td>
    <td><a href="Roadster4.html">Jaguar F-Type Roadster</a></td>
    <td id="pr">$69,000</td>
<td id="d">5.2%</td>
  </tr>  <tr>
<td><b>5.</b></td>
    <td><a href="Roadster5.html">Mazda MX-5 Miata</a></td>
  <td id="pr">$23,720</td>
<td id="d">13.7 %</td>
  </tr>  <tr>
<td ><b>6.</b></td>
    <td><a href="Roadster6.html">Mercedes-Benz SL550</a></td>
  <td id="pr">$106,700</td>
<td id="d">5.3 %</td>
  </tr>  <tr>
<td><b>7.</b></td>
    <td><a href="Roadster7.html">Mercedes-Benz SLS AMG GT Roadster</a></td>
  <td id="pr">$208,000</td>
<td id="d">7.85 %</td>
  </tr>  <tr>
<td><b>8.</b></td>
    <td><a href="Roadster8.html">Nissan 370Z Roadster</a></td>
  <td id="pr">$41,470</td>
<td id="d">8 %</td>
  </tr>  <tr>
<td><b>9.</b></td>
    <td><a href="Roadster9.html">Porsche 911 Carrera Cabriolet</a></td>
   <td id="pr">$96,200</td>
<td id="d">10 %</td>
  </tr>  <tr>
<td><b>10.</b></td>
    <td><a href="Roadster10.html">Porsche Boxster</a></td>
    <td id="pr">$51,400</td>
<td id="d">10 %</td>
  </tr>
</table>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;*T&C apply.
</center>
<br><div id="a"></div>

</body>

</html>