Untitled

<!doctype html>

<html>
<head>
  <meta charset="utf-8">

<style type="text/css">

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 25%;
    background-color: #b3d9ff;
	position: fixed;
	height: 100%;
	font-family: "Georgia";
	font-size: 20px;
	color: #004080;

}

ul>li a {
    display: block;
    color: #fff;
	background-color: #80bfff;
    padding: 8px 16px;
    text-decoration: none;
}


ul>li a:hover {
    background-color: #555;
    color: white;
}

.sadrzaj {
	margin-left: 25%;
	padding: 1px 16px;
	height: 1000px;
	background-color: #e6f2ff;

}

.naslov {
	font-family: Baskerville;
	color: #004080;
	text-align: center;
	font-weight: bold;
	padding:15px 0px 15px 0px;
	font-variant: small-caps;
}

ol {
	background-color: #3399ff;
	padding: 20px;
	width: 40%;
	font-family: "Georgia";
	font-size: 12px;
}

ol>li {
	background-color: #cce5ff;
	margin: 5px;
	padding: 5px;
}
</style>

</head>

<body>
  <img src='http://www.sum.ba/sites/default/files/styles/1120x350/public/znanje.png' height="220px" width="100%" />
<ul>
  <li><a href="#">Anketa</a></li>
  <li><a href="#">O Sveučilištu</a></li>
  <li><a href="#">Sastavnice</a></li>
  <li><a href="#">Kontakt</a></li>
</ul>
<div class='sadrzaj'>
<h1 class='naslov'>Sveučilište u Mostaru</h1>
<ol class='popis'>
	<li> <a href='http://studentskizbor.sum.ba/'>Studentski zbor</a></li>
	<li> <a href='http://alu.sve-mo.ba/'>Akademija likovnih umjetnosti</a></li>
	<li> <a href='http://scm.pogled.ba/'>Studentski centar</a></li>
	<li> <a href='http://www.sum.ba/hr/sveucilisna-knjiznica'>Sveučilišna knjižnica</a></li>
	<li> <a href='https://skbm.ba/'>Sveučilišna klinička bolnica</a></li>
</ol>
 <fieldset>
  <legend>Anketa:</legend>
  Ime i prezime: <input type="text"><br>
  Studij: <input type="text"><br>
  Opišite vaše iskustvo studiranja na sveučilištu: <textarea></textarea>
 </fieldset>
</div>
</body>
</html>