<!DOCTYPE HTML>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title>Frima gastronomiczna</title>
<meta name="description" content="Jesteśmy na rynku od wielu lat oferujemy naszym klientom usługi na wysokim poziomie oraz świeże jedzenie" />
<meta name="keywords" content="gastronomia, firma kucharska, obiad, gdzie moge zjesc, jedzenie, sniadanie, obiad, kolacja lubartow, rezerwacja, rezerwacja miejsca, praca w gastronomii, Zjedz u nas, zjedz z nami, swieze jedzenie" />
<meta http-equiv="X-UA-Compatible" content="IE"=edge,chrome=1" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lobster&subset=latin-ext" rel="stylesheet">
</head>
<body>
<div id="container">
<div id="menu">
<div class="tile">
<a href="index.html" class="tilelink">Strona główna</a></div>
<div class="tile">
<a href="galeria.html" class="tilelink">Galeria</a></div>
<div class="tile">
<a href="Onas.html" class="tilelink">O nas</a></div>
<div class="tile">
<a href="kontakt.html" class="tilelink">Kontakt</a></div>
<div class="tile">
<a href="zamowienia.html" class="tilelink">Zamówienia</a></div>
<div style="clear: both;"></div>
</div>
<div id="wrapper">
<h1>Zjedz u nas!!!</h1>
<h2>Najlepsza firma gastronomiczna</h2>
<div class="square1"><img src="img/first.gif" /></div>
<div class="square2"><img src="img/second.gif" /> </div>
<div class="square3"><img src="img/thirst.jpg" /></div>
<div style="clear: both;"></div>
<div id="podpis">
<br/><br/><br/><br/></br/><br/>
<div class="text">Fotogaleria 1</div>
<div class="text">Fotogaleria 2</div>
<div class="text">Fotogaleria 3</div>
<div style="clear: both;"></div>
</div>
</div>
<div id="footer"> © xxxxx xxxxxxxx - założyciel firmy gastronomicznej wszelkie informacje pod adresem e-mail:</div>
</div>
</div>
</body>
</html>
body
{
background-color: black;
color: white;
}
#container
{
width: 1400px;
height: 700px;
background-color: #black;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
#menu
{
width: 1000px;
height: 25px;
margin-left: 420px;
}
.tile
{
min-width: 50px;
float: left;
height: 25px;
font-size: 20px;
padding: 10px;
text-align: center;
display: block;
font-family: 'Kaushan Script', cursive;
}
.tile:hover
{
background-color: #303030;
cursor: pointer;
}
#wrapper
{
width: 1400px;
height: 600px;
background-image: url(img/tlo.png);
margin-top: 20px;
}
#footer
{
text-align: center;
font-size: 18px;
margin-top: 5px;
}
h1
{
color: black;
text-align: center;
padding-top: 20px;
font-family: 'Lobster', cursive;
font-size: 45px;
}
h2
{
color: #303030;
text-align: center;
font-size: 18px;
margin-top: -30px;
font-family: 'Kaushan Script', cursive;
}
img
{
margin-left: 165px;
height: 370px;
float: left;
padding-top: 25px;
}
.square1
{
width: 248px;
height: 300px;
margin-left: -50px;
float: left;
}
.square2
{
width: 248px;
height: 300px;
margin-left: 200px;
float: left;
}
.square3
{
width: 248px;
height: 300px;
margin-left: 190px;
float: left;
}
#podpis
{
height: 150px;
width: 1400px;
position: relative;
}
.text
{
min-width: 430px;
float: left;
height: 20px;
text-align: center;
font-size: 20px;
margin-left: 20px;
color: black;
font-family: 'Kaushan Script', cursive;
}
a.tilelink
{
color: #ffffff;
text-decoration: none;
display: block;
}
Jest to moja pierwsza strona także liczę na wyrozumiałość :) link do obrazków http://www3.zippyshare.com/v/9DyyvuZ0/file.html