<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CHRIS PERS-MASTER OF UNIVERSE!</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Title" content="CHRIS PERS-MASTER OF UNIVERSE!">
<meta name="Description" content="NO1! CLICK TO ENTER THE SITE! CLICK TO ENTER THE SITE!">
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
<style>
.bg {
	height:800px;
	width:100%;
	background: #fff;
}

#all {
	width:1024px;
	height: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
body {
	background-color: #000;
	background-repeat: repeat-x;
	margin: 0;
}
/* glowny div z like box'em */
#like-box {
	position: fixed;
	z-index: 99;
	top: 150px;  /* jego polozenie od gory */
	left: -296px; /* szerokosc wygenerowanego boxa + 4px obramowania */
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
}
 
/* wysuniecie like box'a */
#like-box:hover {
	left: 0px;
}
 
/* zewnetrzna ramka boxa */
#like-box .outside {
	position: relative;
	z-index: 1;
	background: #3b5999;
	padding: 2px;
	min-width: 1px;
	float: left;
}
 
/* wewnetrzne tlo boxa */
#like-box .inside {
	position: relative;
	z-index: 2;
	background: transparent;
}
 
/* pasek z logo FB */
#like-box .belt {
	position: relative;
	z-index: 0;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg); 
	-o-transform: rotate(90deg); 
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 100px; 
	height: 40px;
	padding: 7px 0px 0px 20px;
	margin: 50px 0px 0px -55px;
	background: #3b5999;
	color: #fff;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
</style>

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
</head>

<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pl_PL/all.js#xfbml=1&appId=132818333460557";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<script type="text/javascript">
 //<[!CDATA[
  jQuery.noConflict();
  
  jQuery(document).ready(function() {   
          
   jQuery("#youtube2_2").hover(function(){    
    jQuery(this).stop(true,false).animate({left: "0px"}, 500 );   
   },
   function(){ 
    jQuery("#youtube2_2").stop(true,false).animate({left: "-304px"}, 500 );    
   });
       
  });   
 //]]>
</script>


<div class="bg">
<div id="all"> <a href="mailto:hello@KRZYSZTOFPERS.COM"><img src="KRZYSZTOF-PERS.jpg" alt="MARKETING, PROMOCJA, REKLAMA w jednym słowie to TIRARA! Naszą rolą jest przełamywać status quo, ułatwiać i przyspieszać zmiany. Zapraszamy do współpracy." border="0" align="absmiddle" /></a>
  </div>
</div>

<div id="like-box">
	<div class="outside">
		<div class="inside"><a href="https://www.facebook.com/KRZYCHUZRONDA" target="_blank" style="padding:50px 0px;width:290px;height:30px;color:#fff;font-weight:bold;display:inline-block;text-decoration:none">Przejdź na Facebooka</a>
</div>
	</div>
	<div class="belt">facebook</div>
</div>


</body>
</html>
