Untitled

<!doctype html>
<html lang="pl">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Metale</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/popout.css">
        <link href="https://fonts.googleapis.com/css?family=Orbitron" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Lato&subset=latin-ext" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Trocchi&subset=latin-ext" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Roboto&subset=latin-ext" rel="stylesheet">
		<link rel='stylesheet' id='camera-css'  href='css/camera.css' type='text/css' media='all'>
		<link href="css/jquery.bxslider.css" rel="stylesheet" />
		<link href="css/hover.css" rel="stylesheet" media="all">
		<link href="https://fonts.googleapis.com/css?family=Roboto&amp;subset=latin-ext" rel="stylesheet">


    </head>
    <body>

        <div class="wrapper">
                <div class="top-bar">
                    <div class="logo"></div>
                    <div class="title">
                        <p class="title-text" style="margin-top: auto; margin-bottom: 0px; line-spacing:single; font-size: 30px; color:#cb2823">USŁUGI PRODUKCYJNE</p>
                        <p class="title-text" style="margin-top: 0px; margin-bottom: 0px; line-spacing:single; font-size: 30px; color:#281c4c">Hurt-Detal Metali</p>
                    </div>
					<div id="date">
						<div id="czas"></div>
						<div id="data"></div>
					</div>

                            <div class="nav">
                            <ul>
                                <li><a href="#">O firmie</a></li>
                                <li><a href="#">Galeria</a></li>
                                <li><a href="#">Partnerzy</a></li>
                                <li><a href="pdf/ISO.pdf">Referencje</a></li>
                                <li><a href="#">Kariera</a></li>
                            </ul>
                        </div>
                </div>

				<div id="container">
					<ul class="bxslider">
					  <li><img src="img/slider1.jpg" title="„Jakość to nie wszystko, ale wszystko staje się niczym bez jakości” - Peters i Waterman" /></li>
					  <li><img src="img/slider2.jpg" title="„Jakość to nie wszystko, ale wszystko staje się niczym bez jakości” - Peters i Waterman" /></li>
					  <li><img src="img/slider3.jpg" title="„Jakość to nie wszystko, ale wszystko staje się niczym bez jakości” - Peters i Waterman" /></li>
					</ul>
				</div>

            <div class="services">
                <a href="#"><div class="service-single">
                <img src="img/uslugi.png" />
                </div>
				</a>

                <div id="oferta" class="service-single">
                <img src="img/oferta.png" />
                </div>

				<a href="" class="toKontakt"><div class="service-single">
                <img src="img/kontakt.png" />

                </div></a>
				<span>Usługi</span><span>Oferta</span><span>Kontakt</span>
                    <div class="offer-divide">
                        <div id="Stal"><div class="offer-products">Stal</div></div>
                        <div id="Aluminium"><div class="offer-products">Aluminium</div></div>
                        <div id="Braz"><div class="offer-products">Brąz</div></div>
                        <div id="Miedz"><div class="offer-products">Miedź</div></div>
                    </div>
            </div>
			<h2 class="news">AKTUALNOSCI |</h2>
			<a id="btn" class="button hvr-underline-from-left">Kliknij tutaj</a>
			<div id="link1" class="odnosnik">30.01.2017<br><a>Ogłoszenie o prace</a></div>
			<div id="link2" class="odnosnik">30.01.2017<br><a>Bank</a></div>
			<div id="aktualnosci" class="link-one" >
					<div class="link-divide">
						<div class="link-text">
							<div class="content-bg">
								<div class="content">
									<h1>Aktualności</h1>
									<div class="news1">
										<p>OGŁOSZENIE O PRACĘ</p>
										<p style="font-size: 15px;">Firma P.P.U.H. METAL-ZAP Sp. z o.o. - godne zaufania przedsiębiorstwo z wieloletnim stażem na polskim rynku poszukuje osób na stanowisko:</p>
										<p style="color:#780000; font-size:25px; font-weight:bold; margin-bottom:-10px; text-decoration:underline;">Ślusarz - Spawacz</p></br>

										<p style="text-align:left;">Zadania:</p>
										<ul style="text-align:left">
										  <li>przygotowywanie elementów do spawania</li>
										  <li>obsługa maszyn i urządzeń ślusarskich</li>
										  <li>spawanie</li>
										</ul>

										<p style="text-align:left;">Wymagania:</p>
										<ul style="text-align:left">
										  <li>doświadczenie na ww. stanowisku</li>
										  <li>mile widziane aktualne uprawnienia spawalnicze</li>
										  <li>umiejętność pracy z rysunkiem technicznym</li>
										  <li>dobra organizacja pracy i duże zaangażowanie w projekty</li>
										  <li>lojalność i nastawienie na długotrwałą współpracę</li>
										</ul>

										<p style="text-align:left; ">Oferujemy:</p>
										<ul style="text-align:left">
										  <li>stabilne zatrudnienie w oparciu umowę o pracę po miesięcznym okresie próbnym</li>
										  <li>atrakcyjne wynagrodzenie</li>
										  <li>możliwość wyrobienia dodatkowych uprawnień</li>
										  <li>pracę w systemie jednozmianowym</li>
										</ul>

										Uprzejmie informujemy, że skontaktujemy się tylko z wybranymi kandydatami.</br>
										Osoby zainteresowane prosimy o przesyłanie aplikacji na adres: biuro@metal-zap.com.pl</br></br>
										<p style="font-size:13px;">Prosimy o dopisanie klauzuli: Wyrażam zgodę na przetwarzanie moich danych osobowych zawartych w mojej ofercie pracy dla potrzeb niezbędnych do realizacji procesu rekrutacji (zgodnie z Ustawą z dnia 29.08.1997 r. o Ochronie Danych Osobowych; tekst jednolity z dnia 26.06.2014 r., Dz. U. z 2014 r., poz. 1182). Jednocześnie oświadczam, że zostałem/am poinformowany/a o dobrowolności podania danych osobowych oraz prawie dostępu do treści swoich danych i ich poprawiania.</p>
									</div>
									<div class="news2">
										<p style="text-decoration:underline;">INFORMACJA O ZMIANIE NUMERU RACHUNKU BANKOWEGO</p>
										Uprzejmie informujemy, iż z dniem 05.10.2016 nastąpiła zmiana numeru rachunku rozliczeniowego P.P.U.H. METAL-ZAP Sp. z.o.o. Wpłat prosimy dokonywać na poniższy numer konta: </br></br>

										<p style="font-size:15px; font-weight:bold;">Bank Millennium S.A</p>
										<p style="font-size:17px; font-weight:bold;">Oddział w Ostrowie Wielkopolskim</p>
										<p style="font-size:35px; font-weight:bold;">68 1160 2202 0000 0003 1212 9672</p>

										Informujemy również, że z dniem 10.10.2016 dotychczasowe konto w Banku Handlowym S.A. w Warszawie zostało zamknięte.

									</div>
								</div>
							</div>
						</div>
					</div>
			</div>

			<a href="http://wega.ostrowwlkp.pl" target="_blank" style="color:black">
				<div class="partner">
					<img src="img/wegaLogo.png" class="wegaLogo"/>

						<div class="partner-address">
							<p>
								<strong>Zakład Usługowo Produkcyjny WEGA Sp. z o.o.</strong>
								<br> 63-400 Ostrów Wielkopolski, ul. Lotnicza 37
								<br> tel/fax (0 62) 724-35-60
							</p>

							<p>
								<strong>KRS:</strong> 0000047403
								<br> <strong>Regon:</strong> 008334315
								<br> <strong>NIP:</strong> 622-010-84-58
								<br> <strong>Kapitał:</strong> 50 000,00 zł.
							</p>
						</div>

					<img src="img/wegatlo1.png" class="partner-background"/>

				</div>
			</a>
			<p id="target" class="danekontaktowe">Dane kontaktowe</p>
            <div class="footer">
                <div class="company-info">
                    <table id="company-footer">
                        <tr>
                          <th>  SEKRETARIAT</td>
                          <th>  Biura Obsługi Klienta/Magazyn</td>
                          <th>  DZIAŁ HANDLOWY</td>
                          <th>  Dział Przygotowania Produkcji i Kooperacji</td>
                          <th>  Inwestycje</td>
                        </tr>
                        <tr>
                          <td><img src="img/phone-icon.png"/> + 48 (62) 5951607</br>
						  fax +48 (62) 5951613</br>
						  <img src="img/email-icon.png"/><a href="mailto:biuro@metal-zap.com.pl"> biuro@metal-zap.com.pl</a></td>
                          <td><img src="img/phone-icon.png"/>+ 48 (62) 5951612</br>
						  Aneta Turska – FAKTURY</br>
						  <img src="img/email-icon.png"/><a href="mailto:a.turska@metal-zap.com.pl"> a.turska@metal-zap.com.pl</a></br>
						  </br>
						   Bernard Rasiak – kierownik magazynu</td>
                          <td>Andrzej Gawron (wyroby hutnicze, stal nierdzewna)</br>
						  <img src="img/phone-icon.png"/>+48 (62) 5951609</br>
						  <img src="img/email-icon.png"/><a href="mailto:a.gawron@metal-zap.com.pl"> a.gawron@metal-zap.com.pl</a></br>
						  </br>
						  Mirosław Torz (metale kolorowe)</br>
						  <img src="img/phone-icon.png"/>+48 (62) 5951611</br>
						  <img src="img/email-icon.png"/><a href="mailto:m.torz@metal-zap.com.pl"> m.torz@metal-zap.com.pl</a></br>
						  </br>
						  Wiesław Kościelniak (stal, aluminium,materiały specjalne)</br>
						  <img src="img/phone-icon.png"/>+48 (62) 5951610</br>
						  <img src="img/email-icon.png"/><a href="mailto:w.koscielniak@metal-zap.com.pl"> w.koscielniak@metal-zap.com.pl</a></td>
                          <td>Dyrektor ds. handlu i kooperacji – Witold Starkiewicz </br>
						  <img src="img/phone-icon.png"/>+ 48 603199519</br>
						  <img src="img/email-icon.png"/><a href="mailto:w.starkiewicz@metal-zap.com.pl"> w.starkiewicz@metal-zap.com.pl</a></br>
						  </br>
						  Kierownik produkcji – Tomasz Kałużny</br>
						  <img src="img/phone-icon.png"/>+ 48 601152754</br>
						  <img src="img/email-icon.png"/><a href="mailto:t.kaluzny@metal-zap.com.pl"> t.kaluzny@metal-zap.com.pl</a></br>
						  </br>
						  TECHNOLOGIA - Bernard Robakowski</td>
                          <td>Marcin Lewicki</br>
						  <img src="img/email-icon.png"/><a href="mailto:m.lewicki@metal-zap.com.pl"> m.lewicki@metal-zap.com.pl</a></td>
                        </tr>

                    </table>
                </div>
				<div style="color:grey; text-align:center; margin-bottom:50px; margin-top:20px;">NIP: 622-00-24-477, REGON: 250430770 Bank Millennium S.A., O/Ostrów Wielkopolski, nr konta: 68 1160 2202 0000 0003 1212 9672</br>
				IX Wydział Gospodarczy Krajowego Rejestru Sądowego w Poznaniu, KRS 0000044584, Kapitał założycielski: 93.700 PLN</div>
				<div id="map">
					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2475.220820079173!2d17.80090271582438!3d51.65579327965978!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x471ab5a5d8096687%3A0x95beab635a687d84!2sKrotoszy%C5%84ska+35%2C+63-410+Ostr%C3%B3w+Wielkopolski!5e0!3m2!1spl!2spl!4v1475326973283" frameborder="0" style="border:0" allowfullscreen></iframe>
					</div></div>
					<div id="copyright">Copyright 2016 – P.P.U.H. METAL – ZAP SP. Z O.O. All rights reserved.</div>
        </div>


		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

        <script type="text/javascript">
            function f(w){
            t=new Date(); document.getElementById(w).innerHTML=((h=t.getHours())<10?"0"+h:h)+":" +((m=t.getMinutes())<10?"0"+m:m)+":" +((s=t.getSeconds())<10?"0"+s:s);
           setTimeout('f(\''+w+'\')',1000);
           }
           onload=function(){ f('czas'); }
        </script>

		<script type="text/javascript">
		var currentDate = new Date()
		var day = currentDate.getDate()
		var month = currentDate.getMonth() + 1
		var year = currentDate.getFullYear()
		document.getElementById("data").innerHTML = (day + "/" + month + "/" + year)
		</script>

		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script src="js/jquery.bxslider.min.js"></script>

		<script>
			$(document).ready(function(){
				$('.bxslider').bxSlider({
					captions: true,
				}).startAuto();

			});
		</script>

		<script>
			$('#btn').on('click', function(){
			$('.link-divide').fadeToggle('slow');
			});
		</script>

		<script>
			$('#oferta').on('click', function(){
			$('.offer-divide').slideToggle('slow');
			});
		</script>

		<script>
			$(function(){
			$(".toKontakt").click(function(){$("html,body").animate({scrollTop:$("#target").offset().top},"500");return false})
			});
		</script>

		<script>
			$( document ).ready(function() {
				$(".news1").hide();
				$(".news2").hide();
			});

			$('#link1').on('click', function() {
				$('.link-divide').slideToggle('slow');
			});

			$("#link1").click(function() {
				$(".news1").show();
				$(".news2").hide();
			});

			$("#link2").click(function() {
				$(".news1").hide();
				$(".news2").show();
			});
		</script>


    </body>
</html>