<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>
<h1 class="div">panasonic Other pro
</h1>
<table align="center">
<tr>
<td> <img src ="panasonic/p other1.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/p other2.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/p other3.jpg" height="300" width="300"> </img></td>
</tr>
<tr>
<td> <img src ="panasonic/p other4.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/p other5.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/p other6.png" height="300" width="300"> </img></td>
</tr>
<td> <img src ="panasonic/p other7.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/p other8.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/p other9.jpg" height="300" width="300"> </img></td>
</tr>
<td> <img src ="panasonic/p other10.png" height="300" width="300"> </img></td>
<td> <img src =" panasonic/p other11.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/p other12.jpg" height="300" width="300"> </img></td>
</tr>
</table>
</body>
</html>