<!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">
<head>
<title>Kártyalapok</title>
<meta name="author" content="" />
<meta name="copyright" content="© 2012, NYME SEK" />
<meta http-equiv="date" content="" />
<meta name="revised" content="" />
<meta name="description" content="CSS3 - Kártyalapok" />
<meta http-equiv="content-language" content="hu" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">
/* Ide írja a formázási paramétereket */
</style>
</head>
<body>
<div id="wrapper">
<ul id="index_cards">
<li id="card-1">
<h3>1. lap</h3>
<img src="madar.png" height="130" width="130" alt="Toucan" />
<p>
Neve: Madár<br />
Kora: 5<br />
Mérete: 50 cm<br />
Súlya: 600 g<br />
Étel: Gyümölcs<br />
A tukánmadár Dél-és Közép-Amerikában él és szeret repülni
</p>
</li>
<li id="card-2">
<h3>2. lap</h3>
<img src="roka.png" height="130" width="130" alt="Fox" />
<p>
Neve: Róka<br />
Kora: 3<br />
Mérete: 70 cm<br />
Súlya: 5.5 kg<br />
Étel: Hús<br />
A róka az északi félteken él, és szeret játszani, keresni és elrejteni dolgokat
</p>
</li>
<li id="card-3">
<h3>3. lap</h3>
<img src="kutya.png" height="130" width="130" alt="Dog" />
<p>
Neve: Kutya<br />
Kora: 8<br />
Mérete: 120 cm<br />
Súlya: 10 kg<br />
Étel: Csont<br />
A kutya egy kunyhóban él és szeret rágni cipőket és szeret sétálni
</p>
</li>
<li id="card-4">
<h3>4. lap</h3>
<img src="pingvin.png" height="130" width="130" alt="Penguin" />
<p>
Neve: Pingvin<br />
Kora: 20<br />
Mérete: 110 cm<br />
Súlya: 35 kg<br />
Étel: Hal<br />
A pingvin ott él, ahol hideg és jég van és szeret úszni és búvárkodni
</p>
</li>
<li id="card-5">
<h3>5. lap</h3>
<img src="oroszlan.png" height="130" width="130" alt="Lion" />
<p>
Neve: Oroszlán<br />
Kora: 12<br />
Mérete: 190 cm<br />
Súlya: 180 kg<br />
Étel: Hús<br />
A oroszlán Afrikában él, és szeret aludni a nap nagy részében és néha vadászik
</p>
</li>
</ul>
</div>
</body>
</html>
