Kod HTML

<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="zadanie81_wili.css" type="text/css" />
</head>
<body>
<div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque posuere risus massa, non faucibus nulla suscipit vitae. Mauris vel placerat odio, vel facilisis urna. Mauris sed ullamcorper dolor, et fermentum massa. In porttitor turpis volutpat aliquet molestie. Sed blandit rhoncus enim, quis dapibus elit maximus et. Sed a fermentum dui. Quisque cursus justo magna, a porttitor mauris tincidunt ac. Nullam vitae lectus sit amet purus blandit suscipit vel at lacus. Aenean id purus at diam interdum placerat. Aenean cursus, felis sed hendrerit congue, dolor tellus iaculis odio, at consectetur purus justo eu ex. Curabitur condimentum ipsum vel facilisis elementum. Sed posuere dignissim odio, eu pharetra lacus venenatis non. In vestibulum congue leo sed vulputate.

Praesent malesuada quis risus in ullamcorper. Cras eu maximus justo, facilisis tincidunt lectus. Pellentesque ac dui metus. Nulla vestibulum dapibus lacus, ut laoreet tellus venenatis et. Vivamus vel aliquam eros. Duis tristique tellus risus, id laoreet tellus interdum nec. Integer id vulputate magna. Phasellus vehicula viverra arcu vel porttitor. Vivamus non varius velit. Nam at tellus vulputate, laoreet urna ut, aliquet mauris. Suspendisse elementum sit amet velit et porttitor. Aliquam enim ligula, ultrices in nisi non, iaculis fringilla nulla. Nulla luctus metus ex, sed sollicitudin massa elementum a.

Maecenas lorem mauris, hendrerit a pretium sed, sollicitudin at dolor. Pellentesque feugiat fringilla efficitur. Duis elit odio, dictum ac est fermentum, efficitur dignissim felis. Aliquam ac imperdiet orci. Vivamus faucibus egestas sem quis rutrum. Vivamus nisl leo, venenatis non tellus in, ultricies convallis ipsum. Quisque hendrerit tortor eros. Aliquam erat volutpat. Sed pharetra sed nisi at facilisis.

Vivamus quis nisi erat. Vivamus non ligula nisl. Aenean aliquet ex quis ultrices tincidunt. Donec elementum dictum justo a venenatis. Integer suscipit, augue venenatis posuere porttitor, urna odio sodales est, lacinia feugiat magna nulla in leo. Nullam sit amet ipsum dapibus, laoreet orci at, venenatis lectus. Quisque ipsum dolor, bibendum eget hendrerit in, porta sit amet elit. Donec volutpat, ante vel aliquet viverra, turpis ante congue lacus, quis aliquet neque urna non massa. Fusce congue sem turpis, sed aliquet dui dapibus sed. Suspendisse id rutrum nisi. Sed euismod purus ut urna molestie ullamcorper. Maecenas facilisis, lectus at elementum euismod, orci nisi pharetra odio, nec tincidunt tortor nisi vitae est. Integer ac ultrices erat. Vestibulum ornare massa non placerat dignissim.

Phasellus interdum lacus nec justo sagittis mollis. Donec risus lectus, gravida a iaculis non, bibendum in erat. Etiam mattis mattis dui, sed gravida arcu rutrum luctus. Ut eget ornare libero, a faucibus augue. Morbi sodales, felis a posuere dapibus, mi mauris viverra augue, et molestie nunc felis dictum lorem. Mauris tempor mattis lacus, ut porttitor lacus hendrerit in. Donec finibus, velit venenatis maximus accumsan, mi arcu ullamcorper nisl, eget laoreet ante justo et tellus. Phasellus vitae ornare nunc. Quisque nec maximus nulla. Phasellus vitae nisi vel metus posuere consequat id nec enim. Vivamus aliquam aliquet turpis non facilisis. Maecenas tempus sapien quam, et placerat diam fringilla id.

Vivamus a consectetur nisi, id pellentesque velit. Mauris eu auctor orci. Donec maximus turpis sit amet lacus ultricies, sed mollis sem imperdiet. Quisque dolor ex, porta ut est condimentum, pellentesque condimentum dolor. Proin suscipit leo mauris, eget blandit neque laoreet vel. Vivamus tincidunt nulla tellus, ullamcorper vestibulum metus pellentesque ac. Nulla facilisi. Nam ante sem, mollis non scelerisque eu, finibus in orci. Donec laoreet risus et orci consectetur ullamcorper.

Cras posuere semper tortor, ac volutpat sapien molestie quis. Cras egestas diam sed nulla vestibulum, sed luctus metus efficitur. Nulla tincidunt est ipsum, semper faucibus velit gravida efficitur. Praesent egestas malesuada interdum. Maecenas eros sapien, facilisis ut varius nec, laoreet quis felis. Phasellus gravida, sapien dapibus ultrices tincidunt, sapien tellus placerat ante, a ultricies mauris neque vitae sem. Pellentesque facilisis elit enim, vel sodales lectus eleifend vel. Sed molestie eu ex et posuere.

Cras enim magna, gravida et magna vel, tempor lobortis lectus. In a odio a leo porta elementum in nec turpis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam imperdiet, ex sed volutpat posuere, orci erat vehicula quam, quis dapibus leo sapien semper est. Nunc venenatis sapien non quam dapibus lobortis. In ultrices consectetur tempus. Mauris porttitor tellus nisl, fringilla dignissim nulla fringilla ac. Donec ultricies consectetur convallis.

Nullam quis rutrum est, non semper ante. Sed placerat viverra suscipit. Sed pharetra nec turpis sit amet ultricies. Sed id leo in magna efficitur feugiat sit amet quis odio. Etiam vehicula, justo a ullamcorper sodales, neque sem posuere nunc, nec vehicula erat nibh id elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras sollicitudin finibus cursus. In maximus nisi tellus, in imperdiet metus lacinia euismod. Maecenas maximus, ipsum ac vulputate scelerisque, massa magna interdum nisi, pulvinar aliquet metus turpis sit amet ex. Etiam euismod libero quis arcu pharetra molestie. Pellentesque egestas dui ut bibendum semper. Sed vulputate ligula a convallis condimentum. Curabitur placerat, eros ac condimentum tempus, massa nibh tincidunt tortor, vel blandit eros eros ut leo.

Mauris quam tellus, scelerisque nec accumsan ac, pulvinar eu lacus. Quisque vel est velit. Proin faucibus fermentum tempor. Maecenas maximus id justo ut rhoncus. Morbi nec lectus purus. Donec ultrices lorem nec convallis molestie. Nam condimentum turpis nec mi vehicula, a tincidunt sem molestie. Nam mattis vel ipsum at pellentesque. Pellentesque nunc purus, suscipit in fringilla a, ultricies quis urna. Mauris scelerisque odio ut accumsan pretium.

Nulla nec nulla at magna lacinia commodo. Vivamus ultricies lacinia quam in tincidunt. Etiam et nisl eu velit lacinia vestibulum in nec lorem. Duis convallis nunc dolor, eget ullamcorper augue hendrerit ultrices. Nam lacinia enim aliquet, cursus nisi at, accumsan libero. Integer nec odio ac erat dapibus porttitor sit amet vitae justo. Aenean at maximus augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec eu sagittis quam, et aliquet nibh. Pellentesque faucibus eleifend sagittis.

Mauris sed pellentesque lorem, id luctus diam. Mauris cursus imperdiet justo, in finibus libero euismod sed. Fusce imperdiet commodo velit, in pretium lorem ullamcorper in. Fusce tellus ipsum, dapibus sit amet orci non, finibus pretium justo. Sed imperdiet rutrum pretium. Suspendisse porttitor mollis neque, quis gravida justo vulputate vel. Pellentesque ante odio, dignissim a fringilla quis, sollicitudin consequat lorem. Pellentesque volutpat id enim id tempor. Ut euismod, felis eget mattis maximus, orci purus auctor leo, non bibendum sem enim quis sem.

Quisque sagittis sem vitae purus feugiat tincidunt. Morbi rutrum eget risus vitae tincidunt. Sed mollis varius sapien id dapibus. Suspendisse est est, suscipit non tempus id, aliquet id libero. Aenean ex libero, congue eget metus sed, tristique auctor ex. Quisque vitae quam enim. Praesent sagittis malesuada leo eu faucibus.

Integer est elit, faucibus at convallis scelerisque, interdum eget urna. Nunc eu tristique diam, at elementum magna. Sed vitae est vitae augue viverra mollis. Donec sit amet est nec ante efficitur tempus in non elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam eu elit in magna ultrices fringilla. Sed eu metus non enim porttitor ultricies. Donec arcu diam, accumsan et egestas id, pulvinar a dolor. Duis elementum massa magna. Integer vitae vulputate nibh. Aliquam auctor pretium elit ac tincidunt. Curabitur eu tincidunt diam.

Donec venenatis eget sem nec maximus. Praesent lobortis malesuada massa, sed ullamcorper mauris blandit et. Nam accumsan rhoncus sollicitudin. Vestibulum eu mauris condimentum, ultricies diam vel, finibus metus. Ut facilisis, lorem sed sodales mollis, arcu ex mattis orci, ac lacinia nisl ipsum ac purus. Duis pretium pharetra leo, sed egestas urna sagittis in. Aliquam rutrum tempor nisl, vel euismod nibh blandit ut. Aliquam egestas quam sed ante luctus pharetra. Sed velit augue, gravida id risus non, cursus venenatis augue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras cursus vehicula lacus et interdum. In tincidunt ligula sit amet orci accumsan, tristique volutpat dui lobortis.

Etiam magna ex, maximus et porta vitae, aliquet eget ex. Phasellus lobortis tempus ullamcorper. Aliquam faucibus, arcu ut aliquet semper, libero purus blandit urna, et eleifend diam felis eu purus. Nulla efficitur a odio sed aliquet. Nunc facilisis nibh eget urna sollicitudin, eleifend finibus dolor bibendum. Quisque nec est at urna pellentesque rhoncus ac sit amet leo. Donec eleifend feugiat mi at tempus. Nullam auctor magna in quam viverra, nec ornare diam iaculis. Mauris aliquet id ante vel pulvinar. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris facilisis elit eget sapien ullamcorper, sed maximus quam tempus. Ut elementum urna quis nunc vehicula porta vel vitae tortor. Etiam odio nulla, dapibus et leo vel, interdum egestas sapien. Mauris commodo congue cursus. Vivamus varius felis in ex consectetur scelerisque.

Fusce aliquet orci neque, non faucibus turpis hendrerit vitae. Donec vulputate, odio sed rutrum scelerisque, lectus mi dignissim erat, ac dapibus erat turpis sed dui. Curabitur quis aliquam odio. Aenean efficitur leo magna, vel laoreet tortor pharetra quis. Cras lacinia nibh quis mauris tristique, eget venenatis sem viverra. Sed condimentum libero vitae efficitur facilisis. Pellentesque at est vel lorem euismod aliquam vel non tortor. Quisque urna felis, dictum et porttitor et, feugiat sed ex. Phasellus vitae sapien ut metus suscipit feugiat vel eget nisl. Nulla vitae dolor nec mauris lobortis maximus. Duis vel ex vitae est lobortis gravida sit amet sit amet velit. Sed posuere ex vitae elit commodo sollicitudin. Praesent bibendum enim ac felis dapibus, vel interdum neque condimentum. Fusce non sapien eget quam auctor suscipit et eu ex.

Praesent sit amet dui tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vehicula fringilla diam nec vulputate. Nullam sed imperdiet quam. Nullam tristique est risus, ut blandit enim tempor in. Nulla facilisi. Aenean accumsan imperdiet mi vitae lacinia. Proin dapibus libero vel sapien porttitor, et hendrerit augue pellentesque. Duis ac hendrerit ipsum. Sed finibus iaculis leo et viverra.

Duis tristique laoreet metus facilisis congue. Mauris porttitor fermentum elit et euismod. Praesent purus mauris, malesuada et arcu ac, aliquet viverra nulla. Aenean commodo sem nunc. Quisque non pellentesque dolor, pharetra tincidunt elit. Suspendisse vel feugiat mi. Morbi in quam ullamcorper orci efficitur dictum a ut elit. Aliquam venenatis malesuada dolor in laoreet. Donec sed elementum felis.

Nunc nec nisi felis. Suspendisse potenti. Proin porta lacus quis imperdiet euismod. Curabitur in ipsum at erat maximus egestas id sit amet diam. Fusce consectetur porttitor nibh, sed sagittis dolor tristique porttitor. Vestibulum imperdiet lorem fermentum turpis aliquet fermentum. Vestibulum sit amet ligula quam. Maecenas ullamcorper interdum nisi in accumsan. Maecenas risus velit, lacinia quis ante at, laoreet consectetur quam.</div>
<img style="position: fixed; left: 460px;   top: 10px;"  src="ogórek1_miniatura.jpg">
<img style="position: fixed; left: 1200px; top: 10px;"  src="ogórek2_miniatura.jpg">
<img style="position: fixed; left: 1200px; top: 500px;" src="ogórek3_miniatura.jpg">
<img style="position: fixed; left: 460px;   top: 500px;" src="ogórek4_miniatura.jpg">

<ul style="position: absolute; left: 920px; top: 550px; background: green; border: 2px solid black;">
<li>Wiliwis</li>
<li>Oscar</li>
<li>1P</li>
</ul>
<div id="prv_main_link"><a href="https://www.prv.pl" title="darmowy hosting">Darmowy hosting</a> zapewnia PRV.PL</div><script type="text/javascript" src="/prv_site_config_values.js"></script><script type="text/javascript" src="//hosting2.keep.pl/prv_hosting_footer.js"></script></body>
</html>

Kod CSS