<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>
<center>
<body>
<h1 class="div">panasonic Mobile
</h1>
<table align="center">
<tr>
<td> <img src ="panasonic/pana11.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pana1.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pana10.jpg" height="300" width="300"> </img></td>
</tr>
<tr>
<td> <img src ="panasonic/pana4.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pana5.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pana6.jpg" height="300" width="300"> </img></td>
</tr>
<td> <img src ="panasonic/pana7.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pana8.jpg" height="300" width="300"> </img></td>
<td> <img src =" panasonic/pana9.jpg" height="300" width="300"> </img></td>
</td>
</table>
</body>
</html>