<html>
<head>
<style type="text/css">
body {
background-image: url('tloo.png');
background-size: 100%;
}
#menu1 {
float: left;
}
ol {
list-style-type:none;
padding:0;
margin:0;
font-size:18px;
height:20px;
line-height:25px;
text-align:center;
}
ol > li {
float:left;
width:50px;
}
ol a {
display:block;
text-decoration:none;
padding:0 5px;
}
ol > li > a:hover {
color:#09C;
}
ol > li:hover {
}
ol > li > ul {
list-style-type:none;
padding:0;
margin:0;
}
ol > li {
float:left;
width:200px;
margin-left:1px;
}
ol > li:first-child {
margin-left:0;
}
ol > li > ul {
display:none;
}
ol > li:hover > ul {
display:block;
}
</style>
</head>
<body>
<center><img src="logobbb.png"><br></center>
<br>
<br>
<div id="menu1">
<ol> <!-- laptopy -->
<li><a href="#"><img src="laptopy.png"></a>
</li>
</ol>
<ol> <!-- komputery stacjonarne -->
<li><a href="#"><img src="komp.png"></a>
</li>
</ol>
<ol> <!-- Konsole -->
<li><a href="#"><img src="konsole.png"></a>
</li>
</ol>
<ol> <!-- Procesory -->
<li><a href="#"><img src="procesory.png"></a>
<ul>
<li><a href="#"><img src="intel2.png"></a></li> <!-- Intel -->
<li><a href="#"><img src="amd2.png"></a></li> <!-- AMD -->
</ul>
</li>
</ol>
<ol> <!-- urzadzenia peryferyjne -->
<li><a href="#"><img src="peryf.png"></a>
<ul>
<li><a href="#"><img src="drukarki.png"></a></li> <!-- drukarki -->
<li><a href="#"><img src="sluch.png"></a></li> <!-- sluchawki -->
<li><a href="#"><img src="dalej.png"></a></li> <!-- reszta -->
</ul>
</li>
</ol>
<ol>
<li><a href="#"><img src="karty.png"></a></li> <!-- karty graficzne -->
</li>
</ol>
<ol>
<li><a href="#"><img src="obudowy.png"></a></li> <!-- Obudowy i zasilanie -->
</li>
</ol>
<ol>
<li><a href="#"><img src="podz.png"></a></li> <!-- Podzespoly bazowe -->
</li>
</ol>
<ol>
<li><a href="#"><img src="tablety.png"></a></li> <!-- tablety -->
</li>
</ol>
<ol>
<li><a href="#"><img src="programy.png"></a></li> <!-- programy -->
</li>
</ol>
<ol>
<li><a href="#"><img src="gry.png"></a></li> <!-- gry -->
</li>
</ol>
<ol>
<li><a href="#"><img src="dzwiek.png"></a></li> <!-- dzwiek -->
</li>
</ol>
</div>
</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"}