Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement