Untitled

<!DOCTYPE html>
<html>
	<head>
		<title>BUDMEX - Sprzedaż hurtowa i detaliczna materiałów budowlanych</title>
		<meta name="google-site-verification" content="bq44yET_9awPCpM-1mXuXKn__3jfJW6HRC33GgJc-90">
		<meta http-equiv="Content-Type" content="text/html;">
		<meta name="konwerter" content="Ogonki97 1.3">
		<meta http-equiv="content-type" content="text/html; CHARSET=iso-8859-2">
		<meta name="ROBOTS" content="ALL, INDEX, FOLLOW">
		<meta name="Keywords" content="czysciwo, czyściwo,czyściwo przemysłowe, czyściwo bawełniane, czysciwo bawelniane, wysortowane czysciwo, wysortowane czyściwo">
		<meta name="Description" content="Zaopatrujemy firmy, drukarnie, zakłady przemysłowe i produkcyjne, warsztaty mechaniczne, blacharsko-lakiernicze, hurtownie BHP w wysokiej jakości czyściwo bawełniane. Działamy głównie na terenie Trójmiasta, Kaszub i okolic oraz woj.pomorskiego">
		<style>
			body {
				margin: 0;
				padding: 0;
				background: #333333;
			}

			* {box-sizing:border-box}

			/* Slideshow container */
			.slideshow-container {
			position: relative;
			margin: 0;
			}

			.mySlides {
				display: none;
			}

			/* Fading animation */
			.fade {
			-webkit-animation-name: fade;
			-webkit-animation-duration: 8s;
			-moz-animation-name: fade;
			-moz-animation-duration: 8s;
			animation-name: fade;
			animation-duration: 8s;
			}

			@-webkit-keyframes fade {
			0% {opacity: 0}
			33% {opacity: 1}
			}

			@keyframes fade {
			0% {opacity: 0}
			33% {opacity: 1}
			}

			@-moz-keyframes fade {
			0% {opacity: 0}
			33% {opacity: 1}
			}
		</style>
	</head>
	<body>
		<div class="slideshow-container">
			<div class="mySlides fade">
				<img src="images/slide1.png" style="width:100%">
			</div>
			<div class="mySlides fade">
				<img src="images/slide2.png" style="width:100%">
			</div>
			<div class="mySlides fade">
				<img src="images/slide3.png" style="width:100%">
			</div>
			<div class="mySlides fade">
				<img src="images/slide4.png" style="width:100%">
			</div>
			<div class="mySlides fade">
				<img src="images/slide5.png" style="width:100%">
			</div>
			<div class="mySlides fade">
				<img src="images/slide6.png" style="width:100%">
			</div>
		</div>
		<script>
			document.onkeydown = function(e){
				e = e || window.event;
				var key = e.which || e.keyCode;
				if(key===32){
					showSlides();
				}
			}
			var slideIndex = 0;
			showSlides();
			function showSlides() {
				var i;
				var slides = document.getElementsByClassName("mySlides");
				for (i = 0; i < slides.length; i++) {
					slides[i].style.display = "none";
				}
				slideIndex++;
				if (slideIndex > slides.length) {slideIndex = 1}
				slides[slideIndex-1].style.display = "block";
			}
		</script>
	</body>
</html>