Tu "index.html" z głównego katalogu
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
<head>
<title>Kamil Turski - Portfolio</title>
<meta name="keywords" content="Kamil Turski Portfolio, Kamil Turski, Portfolio" />
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="custom.js"></script>[/color]
</head>
<body>
<ul class="menu">
<li><a id="logo" href="index.html"></a></li>
<li><a class="blog" href="http://www.kamilturski.blogspot.com"></a></li>
<li><a class="contact" href="contact/"></a></li>
<li><a class="about-me" href="about-me/"></a></li>
<li><a class="kids" href="kids/"></a></li>
<li><a class="wedding" href="wedding/"></a></li>
<li><a class="male" href="male/"></a></li>
<li><a class="female" href="female/"></a></li>
</ul>
<p>Jakieś obrazki</p>
<div class="images"><a href="#"><img src="friends.jpg" alt="friends" class="fade-img" /></a><a href="#"><img src="friends.jpg" alt="friends" class="fade-img" /></a><a href="#"><img src="friends.jpg" alt="friends" class="fade-img" /></a><a href="#"><img src="friends.jpg" alt="friends" class="fade-img" /></a></div>
<p>Jakiś tekst</p>
<div class="text"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus suscipit, leo a pharetra condimentum, lorem tellus eleifend magna, eget fringilla velit magna id neque. </p></div>
<p>Jakiś div</p>
<div class="div"><a href="#"><img src="friends.jpg" alt="friends" /></a><a href="#"><img src="friends.jpg" alt="friends" /></a><a href="#"><img src="friends.jpg" alt="friends" /></a><a href="#"><img src="friends.jpg" alt="friends" /></a></div>
</body>
</html>
W "style.css" dodajesz
Kod: Zaznacz cały
p {margin:20px;font-size:14px}
img {width:120px;height:90px;border:0}
img,.fade-img,.images,.text,.div {margin-top:5px;padding:5px;}