Scribd
Upload
55 views

Index

This document contains the code for a basic website layout with a header, navigation menu, two column content area, and footer. The header includes the logo and main navigation links. The two column content features two articles in one column and categories and photo gallery widgets in the other column. The footer contains a copyright notice.

Uploaded by

draganls
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PDF, TXT or read online on Scribd
55 views

Index

This document contains the code for a basic website layout with a header, navigation menu, two column content area, and footer. The header includes the logo and main navigation links. The two column content features two articles in one column and categories and photo gallery widgets in the other column. The footer contains a copyright notice.

Uploaded by

draganls
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.

org/TR/xhtml1/DTD/xhtml1-trans
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>Naslov</title>

<!-- Meta -->


<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Nekakav opis stranice" />
<meta name="keywords" content="kljuĕne rijeĕi" />

<!-- Stilovi -->


<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />

</head>

<body>

<div id="omotac">
<div id="zaglavlje">
<div id="logo">
<img src="img/logo.png" alt="Logotip" />
</div><!--logo-->
<div id="izbornik">
<ul>
<li><a href="#">Naslovnica</a></li>
<li><a href="#">O nama</a></li>
<li><a href="#">Foto album</a></li>
<li><a href="#">Linkovi</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div><!--izbornik-->
</div><!--zaglavlje-->
<div id="sadrzaj">
<div id="stupacl">
<div class="clanak">
<h1>Lorem ipsum</h1>
<p><img src="img/slika1.jpg" alt="Slika 1" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nul
<p>Nulla id nunc elit. Curabitur sollicitudin, nunc iaculis commodo congue, erat nulla luctus leo, eu lacin
</div><!--clanak-->
<div class="clanak">
<h1>Vivamus pharetra</h1>
<p><img src="img/slika2.jpg" alt="Slika 2" />Vivamus pharetra neque vitae urna lacinia egestas nec quis
<p>Nulla sit amet enim sed magna pharetra ultrices. Etiam sodales consequat dui vel venenatis. Sed eu
</div><!--clanak-->
</div><!--stupacl-->
<div id="stupacd">
<div class="okvir">
<h2>Kategorije</h2>
<ul>
<li><a href="#">Lorem ipsum</a></li>
<li><a href="#">dolor sit</a></li>
<li><a href="#">Vivamus</a></li>
<li><a href="#">pharetra</a></li>
<li><a href="#">sit amet</a></li>
</ul>
</div><!--okvir-->
<div class="okvir">
<h2>Foto album</h2>
<a href="#"><img src="img/foto1.jpg" alt="Foto 1" /></a>
<a href="#"><img src="img/foto2.jpg" alt="Foto 2" /></a>
<a href="#"><img src="img/foto3.jpg" alt="Foto 3" /></a>
<a href="#"><img src="img/foto4.jpg" alt="Foto 4" /></a>
</div><!--okvir-->
</div><!--stupacd-->
<div style="clear: both"></div>
</div><!--sadrzaj-->
<div id="podnozje">
<p> &copy; bla blaa </p>
</div><!--podnozje-->

</div><!--omotac-->
</body></html>

You might also like