Untitled

<!DOCTYPE html>
<html>
<meta charset="utf-8" />
<style>
body {
   text-align:center;
   margin: 7px;
   padding: 0px;
   background: url(black.jpg);
   }
li {
    display: inline;
}
a {
    width: 60px;
    font-size: 45px;
    color: #FF1919;
    font-family: gears of peace;
}
#a, a:hover {
         background-color: #E64016 !important;
        }
h1 {
    color: #FF1919;
    font-family: "Impact";
    font-size: 40px;
    }
h2 {
    font-size: 30px;
    visibility: hidden;
    }
u {
   color: #FF1919;
   }
 ul {
    list-style-type: none;
    margin: 10;
    padding: 0;
}
a:link, a:visited {
                  color: #FFFFFF;
                  background-color: #525252;
                  width: 200px;
                  padding: 7px;
                  text-align: center;
                  }
p {
   border: 5px;
   padding: 10px;
   margin: 0;
   color: #FFFFFF;
   font-size:20px;
   }
hr {
   color: red;
}

</style>

<head>
<title>Naslov</title>
<center>
<img src="slika.png" alt="header" style="width:900px;height:200px">
</center>
</head>

<body>
<ul>
  <li><a href="main.html">Domov</a></li>
  <li><a href="novice.html">Novice</a></li>
  <li><a href="portal.html">Portal</a></li>
  <li><a href="trgovina.html">Trgovina</a></li>
</ul>

<div><h2>head 2</h2></div>

<u><h1>Računalniki</h1></u>

<a href="racunalniki">
<img src="computers.png" alt="computers" style="width:900px;height:400px">
</a>

<div>
<a href="tipkovnice">
<u><h1>Tipkovnice</h1></u>
<img src="keyboard.png" style="width:900px; height: 400px">
</a>
</div>

<div>
<a href="strojna oprema">
<u><h1>Ostala strojna oprema</h1></u>
<img src="mouse.png" style="width:500px; height: 400px">
</a>
</div>

<div>
<a href="programska oprema">
<u><h1>Programska oprema</h1></u>
<img src="software.png" style="width:px; height: 500px">
</a>
<hr></hr>
</div>

<hr></hr>
<br>

<br>
</body>


</html>