<html lang="pl">
<head>
<meta charset=utf-8">
<title>Czechy.pl</title>
<style>
body {
background-image: url("background.jpg"); /* obrazek dla tła , url czyli sciezka do zdjecia */
}
.logo {
border:1px solid white; /* obramowanie dla okna (1 piksel ciągła biała) */
width:700px; /* szerokosc */
height:150px; /* wysokosc */
background-color:black; /* kolor tła */
opacity:0.7; /* przezroczystosc od 0 do 1 */
}
.navigation {
border:1px solid white;
margin:10px; /* margines xddd */
width:700px;
height:60px;
background-color:black;
opacity:0.7;
}
.nav-text {
margin:10px;
width:110px;
height:40px;
color:#ababab; /* color tekstu mozesz wpisac słownie czyli color:white; lub np color:#000000; */
border:1px solid white;
font-family:impact; /* czcionka tekstu */
font-size:20px; /* wielkośc czcionki */
line-height:40px; /* wysokośc lini tekstu , uzyłem po to aby tekst w przyciskach menu byl mniej wiecej po srodku w pionie */
display:inline-block; /* wyswietla elementy po sobie a nie pod sobą , czyli będą obok siebie patrz na przyciski w menu */
border-radius:5px; /* zaokrągla rogi w obramowaniu */
}
.main {
border:1px solid white;
margin:10px;
width:700px;
height:500px;
background-color:black;
opacity:0.7;
}
.footer {
border:1px solid white;
margin:10px;
width:700px;
height:60px;
background-color:black;
opacity:0.7;
}
.text {
color:#ababab;
font-size:20px;
font-family:georgia;
}
</style>
</head>
<body>
<center>
<div class="logo">
<img src="logo.png">
<p class="text">Witamy na stronie o Estoni.</br> Tutaj dowiesz się wszystkiego na temat tego państwa.</p>
</div>
<div class="navigation">
<div class="nav-text">Aktualności</div>
<div class="nav-text">Galeria</div>
<div class="nav-text">Wskaźniki</div>
<div class="nav-text">Telefonia</div>
<div class="nav-text">Bibliografia</div>
</div>
<div class="main"></div>
<div class="footer">
<p class="text">Nie nalezy kopiowac tresci strony Estonia.pl</p>
</div>
</center>
</body>
</html>
{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}