<html>
<style type="text/css">
.div{
width:30%; height:6%; background-color:purple;
border:8px solid yellow;
font-size:200%; color:white;
text-align:center;
padding:1/2em;
border-radius:40px;
margin:20px;}
</style>
</head>
</center>
<body>
<center>
<h1 class="div">panasonic Camera
</h1>
<table align="center">
<tr>
<td> <img src ="panasonic/pn5.png" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pn6.png" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pn7.png" height="300" width="300"> </img></td>
</tr>
<tr>
<td> <img src ="panasonic/pn8.png" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pn9.png" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pn10.png" height="300" width="300"> </img></td>
</tr>
<tr>
<td> <img src ="panasonic/pn11.png" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pn12.png" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pn13.png" height="300" width="300"> </img></td>
</tr>
<tr>
<td> <img src ="panasonic/pn14.png" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pn15.png" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pn16.png" height="300" width="300"> </img></td>
</tr>
<tr>
<td> <img src =" panasonic/pn111.jpg" height="300" width="300"> </img></td>
</tr>
</table>
</body>
</html>