02-03-2011, 20:44
(Ten post był ostatnio modyfikowany: 02-03-2011, 20:44 przez Kartofelek.)
Kod:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="utf-8" />
<title> ... </title>
</head>
<body>
<div>
<h1>Moje zainteresowania</h1>
<ul>
<li><a href="#podstawowe">Super podstawowe</a></li>
<li><a href="#inne">Inne zainteresowania</a></li>
<li><a href="#buraki">Zainteresowania burakami</a></li>
</ul>
<hr />
<h3 id="podstawowe">Super podstawowe</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero arcu, vulputate sit amet mattis sit amet, ultrices in erat. Aenean suscipit arcu ac lorem lacinia ut scelerisque turpis commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas non justo vitae risus ornare convallis. Phasellus tristique ultricies leo, vitae posuere quam sollicitudin ut. Praesent eget neque sit amet augue bibendum accumsan. Morbi sed fringilla sem. In quam lectus, placerat in laoreet in, ullamcorper vel lacus. Nunc pellentesque suscipit sollicitudin. Aenean sollicitudin metus eget lectus rutrum luctus. Aliquam erat volutpat. Integer nulla erat, auctor vitae blandit ac, vestibulum in turpis. Mauris nec velit enim, vitae elementum risus. Aliquam nisi lectus, interdum a viverra ut, tristique at risus. Aliquam sit amet risus sed ante consequat bibendum. In bibendum, libero sit amet hendrerit commodo, ligula metus lobortis elit, vitae vulputate nibh lacus condimentum felis. Nullam a dolor ut diam ultrices malesuada. Fusce lacus nibh, facilisis sed semper quis, ornare id mauris.
</p>
<hr />
<h3 id="inne">Inne</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero arcu, vulputate sit amet mattis sit amet, ultrices in erat. Aenean suscipit arcu ac lorem lacinia ut scelerisque turpis commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas non justo vitae risus ornare convallis. Phasellus tristique ultricies leo, vitae posuere quam sollicitudin ut. Praesent eget neque sit amet augue bibendum accumsan. Morbi sed fringilla sem. In quam lectus, placerat in laoreet in, ullamcorper vel lacus. Nunc pellentesque suscipit sollicitudin. Aenean sollicitudin metus eget lectus rutrum luctus. Aliquam erat volutpat. Integer nulla erat, auctor vitae blandit ac, vestibulum in turpis. Mauris nec velit enim, vitae elementum risus. Aliquam nisi lectus, interdum a viverra ut, tristique at risus. Aliquam sit amet risus sed ante consequat bibendum. In bibendum, libero sit amet hendrerit commodo, ligula metus lobortis elit, vitae vulputate nibh lacus condimentum felis. Nullam a dolor ut diam ultrices malesuada. Fusce lacus nibh, facilisis sed semper quis, ornare id mauris.
</p>
<hr />
<h3 id="buraki">Zainteresowania burakami</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In libero arcu, vulputate sit amet mattis sit amet, ultrices in erat. Aenean suscipit arcu ac lorem lacinia ut scelerisque turpis commodo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas non justo vitae risus ornare convallis. Phasellus tristique ultricies leo, vitae posuere quam sollicitudin ut. Praesent eget neque sit amet augue bibendum accumsan. Morbi sed fringilla sem. In quam lectus, placerat in laoreet in, ullamcorper vel lacus. Nunc pellentesque suscipit sollicitudin. Aenean sollicitudin metus eget lectus rutrum luctus. Aliquam erat volutpat. Integer nulla erat, auctor vitae blandit ac, vestibulum in turpis. Mauris nec velit enim, vitae elementum risus. Aliquam nisi lectus, interdum a viverra ut, tristique at risus. Aliquam sit amet risus sed ante consequat bibendum. In bibendum, libero sit amet hendrerit commodo, ligula metus lobortis elit, vitae vulputate nibh lacus condimentum felis. Nullam a dolor ut diam ultrices malesuada. Fusce lacus nibh, facilisis sed semper quis, ornare id mauris.
</p>
</div>
</body>
</html>