<!DOCTYPE HTML>

<html>
<head>
<title>IAM akademija</title>

<meta charset=”utf-8″>

<meta name=”author” content=”Jan Gregorin”>

<link rel=”stylesheet” type=”text/css” href=”style.css”>

<meta name=”keywords” content=”iam, inštitut in akademija za multimedije”>

<meta name=”description” content=”iam, inštitut in akademija za multimedije”>

</head>

<body>

<header>
<hr>
<center><img src=”logo.gif” alt=”logo” id=”logo”>

</center>
<nav>

<ul>
<div class=”nav”><li><a class=”nav1″ href=”index.html”>IAM akademija</a></li></div>

<div class=”nav”><li><a href=”foto.html”>Foto in Video</a></li></div>

<div class=”nav”><li><a href=”lokacija.html”>Kako do naše lokacije</a></li></div>

<div class=”nav”><li><a href=”kontakt.html”>Kontaktni podatki</a></li></div>

</ul>

</nav>

</header>

<article>
<h2>Fotografija</h2>

<img class=”anim1″ src=”anim.jpeg” alt=”animacija”>

<img class=”audio1″ src=”audio.jpeg” alt=”audioposnetek”>

<h2>Video</h2>

<iframe src=”https://www.youtube.com/embed/x_EoWA2bVlI” frameborder=”2″ allowfullscreen>

</iframe>

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/yV7SuMP_Z-8″ frameborder=”2″ allowfullscreen>

</iframe>

</article>

<aside>IAM akademija <br>ulica: Leskoškova 12,<br>pošta: 1000 Ljubljana<br> email: info@iam.si</aside>

<footer>IAM&copy; Jan G.</footer>

</body>
</html>

 

ul {

list-style-type: none;
}
body {

box-sizing: border-box;
width: 768px;
font-family: helvetica;
}
article {

float: left;
width: 50%;
}
p {

width: 40%;
float: left;
}
h1 {

font-size: 1.7em;
color: #fe781e;
font-weight: normal;
}
h2 {

font-size: 1.1em;
color: dimgray;
font-weight: normal;
}
nav {

float: left;
}

.nav {

padding: 10px;
background-color: whitesmoke;
color: dimgray;

margin-bottom: 5px;
}
nav {

width: 25%;
float: left;
}
a:link {

color: dimgray;
text-decoration: none;
}
a:visited {

color: dimgray;
text-decoration: none;
}
a:hover {

color: black;
text-decoration: none;
}
hr {

height: 3px;
background-color: #fe781e;
border: none;
}
.studio1 {

width: 50%;
float: left;
border-radius: 35%;
margin-left: 20px;
}
aside {

text-align: left;
width: 20%;
float: left;
color: #fe781e;
}
header, section, article, footer {

padding: 15px;
}

footer {

font-size: 0.8em;
text-align: center;
clear: both;
}
.anim1,.audio1 {

border-radius: 5%;
margin-left: 15px;
float: left;
padding: 0;
width: 45%;
}
iframe {

width: 395px;
height: 220px;
}