MOJA STRONA

<html>
<head>
	<meta charset="utf-8">
	<title>Moja Strona Internetowa</title>
	<style>

	</style>
	<script>
		var i1 = 0;
		var i2 = 0;

		function flashing() {
			if (i1 == 0) { document.title = "MOJA STRONKA"; i1++; }
			else if (i1 == 1) { document.title = "STRONA MATEUSZA"; i1++; }
			else { document.title = "ZADANIE STRONA"; i1 = 0; }

			if (i2 == 0) {
				document.body.style.backgroundColor = "#ff0000";
				document.getElementById("header").style.color = "#00ff00";
				document.getElementById("about").style.transform = 'rotate('+5+'deg)';
				document.getElementById("about").style.color = "#4444ff";
				i2++;
			}
			else if (i2 == 1) {
				document.body.style.backgroundColor = "#ffff00";
				document.getElementById("header").style.color = "#ff0000";
				document.getElementById("about").style.transform = 'rotate('+350+'deg)';
				document.getElementById("about").style.color = "#ff00ff";
				i2++;
			}
			else {
				document.body.style.backgroundColor = "#00ff00";
				document.getElementById("header").style.color = "#2222ff";
				document.getElementById("about").style.transform = 'rotate('+10+'deg)';
				document.getElementById("about").style.color = "#ff0000";
				i2 = 0;
			}

			setTimeout(flashing, 200)
		}
	</script>
</head>
<body onload="flashing()">
<div id="header"><marquee scrollamount="25" scrolldelay="60"><h1>MOJA STRONA INTERNETOWA NA INFORMATYKĘ</h1></marquee></div>
<hr>
<p>
	<marquee behavior="alternate" scrollamount="15" direction="right"><img width="700" height="200" src="https://media0.giphy.com/media/hQKiGV6MG8WmsHg2yx/giphy.gif?cid=790b76119b4b5650171f1619e7d4cb48d92612c1e10d4f6c&rid=giphy.gif"></marquee>
</p>
<div id="about">
<p>
<center><h2>O MNIE</h2>
	<marquee behavior="alternate" scrollamount="50">Mam na imię Mateusz i lubie samochody oraz komputery. Gdyby tego było mało, lubię jeszcze czołgi.</marquee>
</center>
</div>
</p>
<br>
<span style="position:absolute;left:10px;top:500px;"><img src="https://i.imgur.com/5MX4wTS.gif"></span>
<span style="position:absolute;left:200px;top:500px;"><img src="https://i.imgur.com/5MX4wTS.gif"></span>
<span style="position:absolute;left:400px;top:500px;"><img src="https://i.imgur.com/5MX4wTS.gif"></span>
<span style="position:absolute;left:500px;top:500px;"><img src="https://i.imgur.com/5MX4wTS.gif"></span>
<span style="position:absolute;left:700px;top:500px;"><img src="https://i.imgur.com/5MX4wTS.gif"></span>
<span style="position:absolute;left:1000px;top:500px;"><img src="https://i.imgur.com/5MX4wTS.gif"></span>
<span style="position:absolute;left:1200px;top:500px;"><img src="https://i.imgur.com/5MX4wTS.gif"></span>
<span style="position:absolute;left:1400px;top:500px;"><img src="https://i.imgur.com/5MX4wTS.gif"></span>
<span style="position:absolute;left:1600px;top:500px;"><img src="https://i.imgur.com/5MX4wTS.gif"></span>
<marquee scrollamount="20"><img src="https://i.imgur.com/5MX4wTS.gif"></marquee>
</body>
</html>