<html>
<head>
<title>Galeria</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<style type="text/css">
body {
text-align:center;
margin:0px;
padding:0px;
background-color:black;
}
div#pudelko {
width:1000px;
margin:auto;
}
div#logo {
height:205px;
background-color:black;
background: url(logo.gif);
background-repeat: no-repeat;
background-position: top;
background-attachment: fixed;
}
div#tresc {
background-color:lightgray;
height:800px;
float:center;
width:800px;
vertical-align:middle;
}
div#menu2 {
background-color:darkgray;
float:right;
width:200px;
height:800px;
text-decoration:none;
}
div#stopka {
background-color:gray;
text-align:center;
height:50px;
}
header h1 {
margin: 20px 20px;
padding: 5px 5px;
background-color: #000000;
color: #ffffff;
font: normal normal normal 48px georgia, verdana, sans-serif;
text-align: center;
vertical-align:middle;
}
a:hover {
background-color: #inhereit;
color: #ff0000;
}
img#galeria {
width:200px;
height:200px;
margin:20px;
border:1;
border-width:10px;
border-color:black;
}
div img {
border-width:10px;
border-color:red;
box-shadow: 8px 8px 13px
}
</style>
</head>
<body>
<!-- Początek strony -->
<div id="pudelko">
<!-- LOGO -->
<div id="logo"></div>
<!-- MENU -->
<div id="menu2">
<table border="0" width="100%" align="center">
<td background="Grafika/tlo.jpeg" valign="top" align="center" width="200" height="400"><br>
<u><b>..::MENU::..</u></b><br><br><hr />
<a href="zespol.html"><u>nazwa zespołu</u></a><br><br>
<a href="historia.html"><u>historia</u></a><br><br>
<a href="koncerty.html"><u>koncerty</u></a><br><br>
<a href="galeria.html"><u>galeria</u></a><br><br>
<a href="teledyski.html"><u>teledyski</u></a><br><br>
</td>
</table>
</div>
<!-- TREŚĆ -->
<div id="tresc"><br>
<a target="_blank" href="grafika/foto_1tn.jpg">
<img id="galeria" src="grafika/egipt_pustynia.jpg"></a>
<a target="_blank" href="grafika/foto_1tn.jpg">
<img id="galeria" src="grafika/foto_1.jpg"></a>
<a target="_blank" href="grafika/foto_1m.jpg">
<img id="galeria" src="grafika/foto_1m.jpg"></a><br>
<a target="_blank" href="grafika/foto_1tn.jpg">
<img id="galeria" src="grafika/foto_1tn.jpg"></a>
<a target="_blank" href="grafika/egipt_pustynia.jpg">
<img id="galeria" src="grafika/egipt_pustynia.jpg"></a>
<a target="_blank" href="grafika/foto_1.jpg">
<img id="galeria" src="grafika/foto_1.jpg"></a><br>
<a target="_blank" href="grafika/foto_1m.jpg">
<img id="galeria" src="grafika/foto_1m.jpg"></a>
<a target="_blank" href="grafika/foto_1tn.jpg">
<img id="galeria" src="grafika/foto_1tn.jpg"></a>
<a target="_blank" href="grafika/foto_1tn.jpg">
<img id="galeria" src="grafika/foto_1tn.jpg"></a>
</div>
<!-- STOPKA -->
<div id="stopka">
stopka
</div>
</div>
<!-- Koniec strony -->
</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"}