<html>
<head>
<title>ΔΙΑΤΡΟΦΗ</title>
<style>
body{
text-align:center;
background-image: url("bdg.jpg");
background-size:cover;}
h1 {
font-family: cursive; 
font-size:53px;
background-image:url("h1bg.jpg");
width:40%;
position:fixed;
left:32%;
}


img.b{
background-image:url("imgbg.jpg");
width:25%;
height:25%;
position:fixed;
top:14%;
left:40%;}


img.c{
width:40%; 
height:50%;
position:fixed;
top:39%;
right:28%;}
a{color: #1f2e2e;}
table{
font-family:"Arial Black", Gadget, sans-serif;
background-image:url("tbg.jpg");
border:5px solid  #d9b38c;
height:100%;}
td.a{text-align:center;
background-image:url("tdbg.jpg");
border: 5px solid #4d4d4d;
border-radius:15px 50px 30px;}
</style>
</head>
<body >


<h1>Έφηβοι Και Διατροφή</h1>

<table>
<tr><td class="a"><a href="psari.html">ΨΑΡΙ</a></td></tr>
<tr><td></td></tr><tr><td></td></tr>
<tr><td class="a"><a href="gl.html">ΓΑΛΑΚΤΟΚΟΜΙΚΑ</a></td></tr>
<tr><td></td></tr><tr><td></td></tr>
<tr><td class="a"><a href="kreas.html">ΚΡΕΑΣ</a></td></tr>
<tr><td></td></tr><tr><td></td></tr>
<tr><td class="a"><a href="zimarika.html">ΖΗΜΑΡΙΚΑ</a></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td class="a"><a href="glika.html">ΓΛΥΚΑ</a></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>

</table>
<img class="b"  src=diatrofi2.png>
<img class="c" src=piramid.png>
</body>
</html>