Al-Sughari

Kod do pliku html:

<!DOCTYPE html>
<html>
	<head> 
		<title>Al-Sughari</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		
		<link href="../css/zadanie81_alsu.css" rel="stylesheet" type="text/CSS">
	</head>
	<body>
		<img style="position:fixed; right:0px; top:0px;" src="../img/jabko_alsu.png">
		<img style="position:fixed; left:0px; top:0px;" src="../img/jabko_alsu_2.jpg">
		<img style="position:fixed; left:0px; top:777px;" src="../img/jabko_alsu_3.jpg">
		<img style="position:fixed; right:0px; top:777px;" src="../img/jabko_alsu_4.jpg">

<ul style="position:absolute; left:500x; top:450px; background: rgb(0 240 0); border: 2px solid black;">
			<li>Al-Sughari</li>
			<li>Alexander</li>
			<li>1P</li>
		</ul>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non orci sed lorem auctor convallis ut sit amet mauris. Ut vitae tincidunt nunc, in tempor dui. In orci tortor, auctor sit amet imperdiet ut, molestie in massa. Ut a orci eget leo tincidunt condimentum. Curabitur molestie ex sit amet diam volutpat, non vehicula dui dapibus. Vivamus et semper est. Sed blandit nec ante non facilisis. 
			Duis lorem massa, egestas et tempor viverra, venenatis vel nisl. Etiam aliquam finibus metus. Donec dapibus malesuada nunc, et euismod tortor accumsan eu. Sed nec dictum eros. Nullam quis dolor nec nulla molestie condimentum non non ex. Pellentesque et vulputate augue. Aenean eu erat lectus. Pellentesque a ligula et leo varius pretium et non leo. Nullam lobortis, nisl vehicula scelerisque porttitor, ex velit dictum ante, sed vehicula lorem quam at neque. Vestibulum ut ligula ex. Nunc vitae urna at neque suscipit lobortis. Duis eget eros eu est cursus interdum. Vivamus sed dui sodales, imperdiet felis in, imperdiet ante. Donec eu efficitur mauris, eu imperdiet nunc. Sed condimentum enim eu augue fermentum, et efficitur nulla rutrum. 
			In porta purus ut mauris lobortis tempor. Phasellus ac neque sed diam laoreet consequat. In malesuada elit eget erat laoreet, eget sollicitudin diam sollicitudin. Vivamus nibh felis, sollicitudin at erat sed, posuere fermentum neque. Vestibulum luctus tincidunt erat. Aenean pharetra justo vitae ligula hendrerit volutpat. Integer porta dolor porta nisi aliquet, eu pretium dui efficitur. Phasellus cursus ultrices dolor viverra ornare. Sed nisi est, sollicitudin ut rutrum vitae, tempus convallis lectus. 
			Duis sed nisl at magna semper viverra nec sed velit. Pellentesque in maximus mi, ac volutpat tortor. Nunc a dictum arcu, in consequat eros. Donec eu est elit. Nullam ut dui placerat, porta metus a, interdum orci. Donec ut tellus urna. Quisque eu lorem vulputate, elementum arcu in, pretium magna. Aliquam ac massa scelerisque, imperdiet turpis at, scelerisque sem. Suspendisse a pharetra ligula. Praesent non convallis felis, non posuere lectus. Cras ac nulla ullamcorper quam fermentum ultricies. 
			Nam in neque erat. Quisque lobortis, purus et fringilla accumsan, diam ante maximus mauris, in laoreet lectus arcu quis purus. Sed eu magna quis diam dignissim varius et quis felis. Integer pellentesque tempus turpis venenatis aliquam. Aenean sollicitudin justo at dapibus gravida. Aliquam erat volutpat. Nunc pulvinar eros in elementum faucibus. Duis tincidunt diam vel ipsum vehicula, vitae cursus ligula faucibus. 
			Cras lobortis nisi ipsum. Suspendisse sit amet felis id leo pulvinar mollis at a lorem. Nulla finibus, metus eget aliquam placerat, lacus dolor aliquam lacus, ut dignissim massa libero nec leo. Suspendisse potenti. Nunc eu neque metus. Donec ultricies quam a enim vulputate, sit amet dignissim ligula porta. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. 
			Fusce quis purus neque. Praesent mauris magna, cursus eget odio sed, dapibus porttitor neque. Ut ac tortor vitae nisl tempor iaculis. Mauris eu velit vitae dui auctor vehicula. Sed interdum erat et volutpat faucibus. Maecenas turpis augue, mattis non tellus ut, suscipit lobortis dui. Ut consectetur elit sed nisl luctus placerat. Maecenas in consectetur metus, id tristique augue. Proin imperdiet metus nec nisl viverra placerat. Suspendisse potenti. Nam vel justo consectetur, consequat sem ac, molestie augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris dapibus enim nisi, quis venenatis sem elementum a. 
			Aenean semper ipsum id mollis pharetra. Duis viverra felis accumsan accumsan tempor. Aliquam eu nulla at nibh posuere sollicitudin. Etiam sodales tempor sagittis. Donec bibendum metus vel neque viverra scelerisque. Maecenas rhoncus arcu vitae sagittis interdum. Sed tincidunt pretium tincidunt. Donec tempus, sem a iaculis semper, diam nulla molestie sem, sed tempor sapien turpis in neque. Integer iaculis ut risus malesuada consectetur. Duis tristique, urna vel facilisis sollicitudin, quam tellus luctus leo, at posuere mi massa vitae diam. Sed et pretium est, nec aliquam velit. Fusce vel felis metus. Mauris a sem libero. 
			Mauris rhoncus nisi velit, eu ultricies orci varius sit amet. Nam dapibus, metus nec sollicitudin porta, erat magna semper augue, in volutpat justo nulla id diam. Aliquam odio purus, lacinia vitae vulputate eu, consequat quis sapien. Aliquam malesuada aliquet metus. Aenean luctus imperdiet dui sed fermentum. Curabitur id ornare felis. Maecenas rutrum ex vel gravida consectetur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
			Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec mattis fermentum nulla et tempus. Suspendisse potenti. Nam facilisis eu turpis sit amet faucibus. Maecenas malesuada volutpat ex, sed condimentum enim faucibus ut. Phasellus justo lacus, elementum eget orci eu, auctor varius tortor. Curabitur hendrerit mollis nisl vel dictum. Proin quis facilisis justo. Proin aliquet rhoncus ligula non posuere. Cras eget orci nec lacus faucibus egestas. Etiam sit amet ultricies tortor. Nulla at malesuada sapien. Curabitur dignissim in nisl ac interdum. 
			Integer scelerisque, est quis imperdiet suscipit, tellus dolor elementum quam, vel ultrices tortor lectus viverra nulla. Mauris accumsan ante quis ante maximus suscipit. Sed viverra eget nibh vel fermentum. Proin mollis scelerisque tortor, at tincidunt magna malesuada sit amet. Etiam consectetur varius eros, sed finibus turpis vestibulum a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque porta leo at risus porttitor, vel interdum metus posuere. Aliquam interdum elit vitae aliquet ultricies. Etiam ultricies vulputate est, non varius quam rhoncus vitae. Vestibulum sit amet ultrices augue. Ut imperdiet eu quam ac tristique. Nulla scelerisque elementum augue et pretium. Sed interdum arcu luctus leo dictum vulputate. Proin condimentum tristique lacinia. Integer semper ligula a eros scelerisque pellentesque. 
			Nunc semper arcu porta risus pretium feugiat. Nam dignissim vestibulum quam a luctus. Aliquam ut turpis faucibus, mattis ante vel, finibus elit. Aliquam consequat molestie nibh, eget congue elit pellentesque nec. Quisque venenatis augue eu orci ultrices euismod. Mauris auctor vel libero ac bibendum. Suspendisse a egestas sapien. Sed lobortis eros vel laoreet placerat. Quisque non facilisis sapien. Mauris eu pretium ipsum. Mauris vitae odio in quam eleifend tincidunt. Maecenas ultrices facilisis magna viverra ultrices. Donec cursus dui a pharetra varius. Sed leo est, iaculis id ultricies non, finibus nec nunc. 
			Nullam ante ligula, volutpat eu justo id, rhoncus auctor elit. Vestibulum tempus dapibus est, eget finibus sapien vestibulum tempor. Integer ornare, turpis eu rutrum venenatis, risus urna tincidunt nunc, sit amet imperdiet mauris elit vel justo. Phasellus molestie massa vel fermentum posuere. Suspendisse et ipsum id lectus condimentum mattis. Ut elementum purus purus, a sagittis ipsum rhoncus vel. Morbi rhoncus sapien lacus, at eleifend metus eleifend dignissim. Suspendisse neque ipsum, dignissim ac risus sed, ultrices rutrum arcu. 
			Maecenas vitae ipsum tincidunt, ornare metus in, placerat libero. Nunc et diam turpis. Mauris nec luctus augue. Vivamus sed odio eget dolor dapibus tincidunt. Quisque placerat aliquam consequat. Proin tempus urna felis, vitae efficitur odio iaculis sit amet. Nulla et tortor non eros ornare elementum eu vel augue. Aenean ullamcorper felis eu nunc pulvinar tincidunt. Aliquam congue lorem interdum mi pretium, vitae congue risus fermentum. 
			Fusce dignissim interdum euismod. Vestibulum orci est, tempor in vestibulum ut, sagittis vitae nibh. Nulla facilisi. Pellentesque consectetur, leo in dignissim auctor, purus nunc finibus leo, at laoreet lectus purus vitae metus. Sed et vulputate purus, quis luctus ipsum. Cras interdum consequat velit egestas pretium. Aliquam porttitor, nisi ut eleifend pharetra, mi risus blandit sem, a varius ante lectus vel metus. 
			Duis interdum aliquet eleifend. Vivamus sed dui odio. Pellentesque consectetur, urna at porta rutrum, lectus neque faucibus tortor, sed facilisis ante augue vel est. Suspendisse hendrerit ligula urna, tincidunt imperdiet ex efficitur eget. Suspendisse potenti. In ultricies semper vehicula. Vivamus euismod vestibulum quam, et gravida enim tincidunt id. Vivamus et velit lacus. Cras tempor porta nulla, dignissim vulputate ligula eleifend in. Vivamus sed efficitur purus, in porta tortor. Nullam sollicitudin sodales libero sed vestibulum. Vivamus vitae molestie massa, eget commodo elit. Quisque id dignissim risus, vulputate finibus lorem. Suspendisse sit amet metus et felis mattis aliquam eget sit amet tellus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. 
			Pellentesque libero metus, blandit molestie pulvinar ut, volutpat ac dui. Fusce vulputate elementum libero, ac interdum libero lacinia nec. Integer at consectetur mauris. Aenean aliquet finibus turpis eu tempus. Suspendisse convallis lacinia lorem, ac sagittis quam vulputate sit amet. Aenean fermentum augue eu leo commodo, tincidunt fringilla dui pulvinar. In vitae varius velit, ac pretium justo. Sed imperdiet gravida quam eget rhoncus. 
			Nullam at nisl nec elit mattis tincidunt sed sed odio. Aenean ultricies orci sodales, bibendum urna non, dictum mauris. Suspendisse consequat urna magna, eget maximus augue bibendum ac. In risus tortor, convallis et pretium congue, congue id turpis. Nam aliquet mollis mi, ac bibendum dui dictum nec. Maecenas sollicitudin id arcu ac mattis. Cras vel rhoncus nunc, vel sagittis diam. Ut maximus sem id consectetur laoreet. In hac habitasse platea dictumst. Pellentesque laoreet, erat eu lobortis ullamcorper, lacus urna pulvinar nulla, vel posuere ligula magna vel magna. 
			Praesent tristique sem sit amet egestas euismod. Nulla gravida mi non ipsum porttitor, vitae iaculis est finibus. Aenean tempus ultricies mauris ac tincidunt. Nam accumsan in justo nec accumsan. Donec vel dolor finibus, luctus tortor id, vehicula urna. Nam ullamcorper urna sed tellus dapibus interdum. Sed auctor, massa nec dapibus tempus, metus ligula dapibus ex, sed ultricies elit ex sit amet sapien. Pellentesque fringilla justo a est porttitor rhoncus. Proin suscipit, ante id iaculis mattis, mauris mi convallis mi, non blandit erat purus a lacus. Nunc in tempus ante. Morbi nec fermentum dolor, id sodales sem. Fusce turpis metus, efficitur finibus quam at, vestibulum varius leo. Mauris eget laoreet tellus, ac pulvinar eros. Nullam ante orci, rhoncus et eleifend id, cursus in nulla. Duis ac pharetra magna, id sagittis quam. Proin in ipsum quis ipsum sodales sagittis et nec augue. 
			Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras ut ligula vitae urna elementum dapibus. Sed quam diam, laoreet quis tempor vel, semper quis magna. In cursus turpis at lacus maximus feugiat. Donec sollicitudin velit lectus, eu efficitur orci molestie ac. Nullam tincidunt efficitur tortor ut varius. In blandit nisl nunc, a porttitor sapien fringilla vitae. 
	</body>
</html>

Kod do pliku css:

Darmowy hosting zapewnia PRV.PL