Untitled

<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>столовка СУНЦ</title>
<link rel="icon" href="img/logo.png">
<style>
body {

}
.logolong {
float: left;
}
a {
text-decoration: none;
color: black;
}
a:visited {
color: black;
}
a:hover {
color: gold;
}
.head {
margin-left: 5%;
}

hr {
border: none;
background-color: lightgray;
color: lightgray;
height: 2px;
width: 100%;
}
.tdtd
{
border-bottom: 2px solid grey;
}

.image {
 overflow:hidden;
 width: 300px;
 height:204px;
 border-radius: 10px;
 }
 .image img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }

.image img:hover{
 -webkit-transform: scale(1.03);
 -moz-transform: scale(1.03);
 -o-transform: scale(1.03);
 }

/*body
{
background-image:url(img/background.jpg);
-webkit-background-size: 100%;
}
</style>
</head>

<body>
<div class="head">
<nav>
<a href=""><img width="17%" src="img/logoLong.png" class="logolong"></a>
<a href="rs.html"><h1>Рестораны</h1></a>
</nav>
</div>
<hr>
<div class="">
 <table width="20%" cellpadding="5" cellspacing="95">
   <tr>
      <td> <table width="20%" cellpadding="1" cellspacing="3"> <tr><td class="tdtd"><div class="image"><a href="#"><img src="img/burg.jpg" width="300" height="204" /></a></div></td></tr>
	     <tr><td class="tdtd"><font size="5" color="black" face="comic sans ms"><center>Гамбургер-мамбургер</center></font></td> </tr>
		 <tr><td class="tdtd"><font size="5" color="black" face="comic sans ms"><center>Бургеры - пища богов. Американцы едят бургеры на завтрак, обед и ужин. Американцы - Боги.</center></font></td> </tr>
		 </table>
	  </td>
	  <td> <table width="20%" cellpadding="1" cellspacing="3"> <tr><td class="tdtd"><div class="image"><a href="#"><img src="img/pizza.jpg" width="300" height="204" /></a></div></td> </tr>
	     <tr><td class="tdtd"><font size="5" color="black" face="comic sans ms"><center>Пицца-мицца</center></font></td> </tr>
		 <tr><td class="tdtd"><font size="5" color="black" face="comic sans ms"><center>Пицца - пища богов. Черепашки ниндзя едят пиццу на завтрак, обед и ужин. Черепашки ниндзя - Боги.</center></font></td></tr></table>
	  </td>
	  <td><table width="20%" cellpadding="1" cellspacing="3"> <tr><td class="tdtd"><div class="image"><a href="#"><img src="img/sushi.jpg" width="300" height="204" class="round"/></a></div></td> </tr>
    	 <tr> <td class="tdtd"><font size="5" color="black" face="comic sans ms"><center>Суши-муши</center></font></td> </tr>
 		 <tr> <td class="tdtd"><font size="5" color="black" face="comic sans ms"><center>Суши - пища богов. Японцы едят суши на завтрак, обед и ужин. Японцы - Боги,Боги и ещё раз Боги.</center></font></td></tr></table>
	  </td>
	  </tr>
	  <tr>
	  <td> <table width="20%" cellpadding="1" cellspacing="3"> <tr><td class="tdtd"><div class="image"><a href="#"><img src="img/shashlik.jpg" width="300" height="204" /></a></div></td></tr>
	     <tr><td class="tdtd"><font size="5" color="black" face="comic sans ms"><center>Шашлык-машлык</center></font></td> </tr> </table>
	  </td>
	  <td> <table width="20%" cellpadding="1" cellspacing="3"> <tr><td class="tdtd"><div class="image"><a href="#"><img src="img/sandwich.jpg" width="300" height="204" /></a></div></td> </tr>
	     <tr><td class="tdtd"><font size="5" color="black" face="comic sans ms"><center>Сэндвич-мэндвич</center></font></td> </tr> </table>
	  </td>
	  <td><table width="20%" cellpadding="1" cellspacing="3"> <tr><td class="tdtd"><div class="image"><a href="#"><img src="img/pelmeni.jpg" width="300" height="204"/></a></div></td> </tr>
    	 <tr> <td class="tdtd"><font size="5" color="black" face="comic sans ms"><center>Пельмени-мельмени</center></font></td> </tr> </table>
	  </td>
   </tr>
  </table>
</div>

</html>