<?

function upload1($_FILES,$url1,$maxsize = 1024){
    if($_FILES['IMG1']['name'] !=''){
                //Проверяем размер файла
           if($_FILES['IMG1']['size'] != 0 AND $_FILES['IMG1']['size']<=($maxsize*1024)) {
               //Проверяем расширение файла

               if($_FILES['IMG1']['type'] == 'image/jpeg') {
            //Проверяем загрузился ли файл на сервер
               if(is_uploaded_file($_FILES['IMG1']['tmp_name']))   {
            //Перемещаем загруженный файл в необходимую папку $url
                if(move_uploaded_file($_FILES['IMG1']['tmp_name'], $url1."/".md5(basename($_FILES['IMG1']['name'])))) {
                        return TRUE;

                }  else {   return FALSE;}
             }  else {  return FALSE;}
         } else { return FALSE;}
      } else { return FALSE;}

    }
    }
function upload2($_FILES,$url2,$maxsize = 1024){
    if($_FILES['IMG2']['name'] !=''){
                //Проверяем размер файла
           if($_FILES['IMG2']['size'] != 0 AND $_FILES['IMG2']['size']<=($maxsize*1024)) {
               //Проверяем расширение файла

               if($_FILES['IMG2']['type'] == 'image/jpeg') {
            //Проверяем загрузился ли файл на сервер
               if(is_uploaded_file($_FILES['IMG2']['tmp_name']))   {
            //Перемещаем загруженный файл в необходимую папку $url
                if(move_uploaded_file($_FILES['IMG2']['tmp_name'], $url2."/".md5(basename($_FILES['IMG2']['name'])))) {
                        return TRUE;

                }  else {   return FALSE;}
             }  else {  return FALSE;}
         } else { return FALSE;}
      } else { return FALSE;}

    }
    }
function upload3($_FILES,$url3,$maxsize = 1024){
    if($_FILES['IMG3']['name'] !=''){
                //Проверяем размер файла
           if($_FILES['IMG3']['size'] != 0 AND $_FILES['IMG3']['size']<=($maxsize*1024)) {
               //Проверяем расширение файла

               if($_FILES['IMG3']['type'] == 'image/jpeg') {
            //Проверяем загрузился ли файл на сервер
               if(is_uploaded_file($_FILES['IMG3']['tmp_name']))   {
            //Перемещаем загруженный файл в необходимую папку $url
                if(move_uploaded_file($_FILES['IMG3']['tmp_name'], $url3."/".md5(basename($_FILES['IMG3']['name'])))) {
                        return TRUE;

                }  else {   return FALSE;}
             }  else {  return FALSE;}
         } else { return FALSE;}
      } else { return FALSE;}

    }
    }
function upload4($_FILES,$url4,$maxsize = 1024){
    if($_FILES['IMG4']['name'] !=''){
                //Проверяем размер файла
           if($_FILES['IMG4']['size'] != 0 AND $_FILES['IMG4']['size']<=($maxsize*1024)) {
               //Проверяем расширение файла

               if($_FILES['IMG4']['type'] == 'image/jpeg') {
            //Проверяем загрузился ли файл на сервер
               if(is_uploaded_file($_FILES['IMG4']['tmp_name']))   {
            //Перемещаем загруженный файл в необходимую папку $url
                if(move_uploaded_file($_FILES['IMG4']['tmp_name'], $url4."/".md5(basename($_FILES['IMG4']['name'])))) {
                        return TRUE;

                }  else {   return FALSE;}
             }  else {  return FALSE;}
         } else { return FALSE;}
      } else { return FALSE;}

    }
    }
function upload5($_FILES,$url5,$maxsize = 1024){
    if($_FILES['IMG5']['name'] !=''){
                //Проверяем размер файла
           if($_FILES['IMG5']['size'] != 0 AND $_FILES['IMG5']['size']<=($maxsize*1024)) {
               //Проверяем расширение файла

               if($_FILES['IMG5']['type'] == 'image/jpeg') {
            //Проверяем загрузился ли файл на сервер
               if(is_uploaded_file($_FILES['IMG5']['tmp_name']))   {
            //Перемещаем загруженный файл в необходимую папку $url
                if(move_uploaded_file($_FILES['IMG5']['tmp_name'], $url5."/".md5(basename($_FILES['IMG5']['name'])))) {
                        return TRUE;

                }  else {   return FALSE;}
             }  else {  return FALSE;}
         } else { return FALSE;}
      } else { return FALSE;}

    }
    }
	function upload6($_FILES,$url6,$maxsize = 1024){
    if($_FILES['IMG6']['name'] !=''){
                //Проверяем размер файла
           if($_FILES['IMG6']['size'] != 0 AND $_FILES['IMG6']['size']<=($maxsize*1024)) {
               //Проверяем расширение файла

               if($_FILES['IMG6']['type'] == 'image/jpeg') {
            //Проверяем загрузился ли файл на сервер
               if(is_uploaded_file($_FILES['IMG6']['tmp_name']))   {
            //Перемещаем загруженный файл в необходимую папку $url
                if(move_uploaded_file($_FILES['IMG6']['tmp_name'], $url6."/".md5(basename($_FILES['IMG6']['name'])))) {
                        return TRUE;

                }  else {   return FALSE;}
             }  else {  return FALSE;}
         } else { return FALSE;}
      } else { return FALSE;}

    }
    }
	function upload7($_FILES,$url7,$maxsize = 1024){
    if($_FILES['IMG7']['name'] !=''){
                //Проверяем размер файла
           if($_FILES['IMG7']['size'] != 0 AND $_FILES['IMG7']['size']<=($maxsize*1024)) {
               //Проверяем расширение файла

               if($_FILES['IMG7']['type'] == 'image/jpeg') {
            //Проверяем загрузился ли файл на сервер
               if(is_uploaded_file($_FILES['IMG7']['tmp_name']))   {
            //Перемещаем загруженный файл в необходимую папку $url
                if(move_uploaded_file($_FILES['IMG7']['tmp_name'], $url7."/".md5(basename($_FILES['IMG7']['name'])))) {
                        return TRUE;

                }  else {   return FALSE;}
             }  else {  return FALSE;}
         } else { return FALSE;}
      } else { return FALSE;}

    }
    }
	function upload($_FILES,$url,$maxsize = 1024){
    if($_FILES['IMG']['name'] !=''){
                //Проверяем размер файла
           if($_FILES['IMG']['size'] != 0 AND $_FILES['IMG']['size']<=($maxsize*1024)) {
               //Проверяем расширение файла

               if($_FILES['IMG']['type'] == 'image/jpeg') {
            //Проверяем загрузился ли файл на сервер
               if(is_uploaded_file($_FILES['IMG']['tmp_name']))   {
            //Перемещаем загруженный файл в необходимую папку $url
                if(move_uploaded_file($_FILES['IMG']['tmp_name'], $url."/".md5(basename($_FILES['IMG']['name'])))) {
                        return TRUE;

                }  else {   return FALSE;}
             }  else {  return FALSE;}
         } else { return FALSE;}
      } else { return FALSE;}

    }
    }

  function getUrl() {
                      $url .= $_SERVER["SCRIPT_NAME"];
  return $url;
  }

?>
<!DOCTYPE html>
<html lang="uk">
	<link rel="stylesheet" type="text/css" media="all" href="style.css">
	<script async="" type="text/javascript" src="http://openstat.net/cnt.js"></script><script type="text/javascript" src="http://s103.ucoz.net/src/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="./js/jquery.min.js"></script>
	<script type="text/javascript" src="./js/script.js"></script>
<meta name="msvalidate.01" content="61F1DA6338D7A50DAC01A7F9A5E086C5" />
<meta name="description" content="Electronics, mechanics, programming, design, animation.">
<meta name="keywords" content="Visual Studio,PHP,HTML5,CSS3,JavaScript">
<meta name="author" content="Ivan Patskun">	
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>ІВАН ПАЦКУН - (ОФІЦІЙНИЙ ВЕБ - САЙТ!!!)</title>
<link href="./css/main.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="style.css" />
<style>
	body {
	background-color:black;
	

	/* Firefox */
	background-image:
		-moz-radial-gradient(circle, #FFFFFF 2px, rgba(248,255,128,.5) 4px, transparent 40px),
		-moz-radial-gradient(circle, #FFFFFF 1px, rgba(255,186,170,.4) 3px, transparent 30px),
		-moz-radial-gradient(circle, rgba(255,255,255,.9) 1px, rgba(251,255,186,.3) 2px, transparent 40px),
		-moz-radial-gradient(circle, rgba(255,255,255,.4), rgba(253,255,219,.2) 1px, transparent 30px);

	/* Webkit */
	background-image:
		-webkit-gradient(radial, 50% 50%, 2, 50% 50%, 40, from(white), color-stop(0.1, rgba(248,255,128,.5)), to(transparent)),
		-webkit-gradient(radial, 50% 50%, 1, 50% 50%, 30, from(white), color-stop(0.1, rgba(255,186,170,.4)), to(transparent)),
		-webkit-gradient(radial, 50% 50%, 1, 50% 50%, 40, from(rgba(255,255,255,.9)), color-stop(0.05, rgba(251,255,186,.3)), to(transparent)),
		-webkit-gradient(radial, 50% 50%, 0, 50% 50%, 30, from(rgba(255,255,255,.4)), color-stop(0.03, rgba(253,255,219,.2)), to(transparent));

	/* Background Attributes */
	background-size: 550px 550px, 350px 350px, 250px 270px, 220px 200px;
	background-position: 0 0, 30px 60px, 130px 270px, 70px 150px;

	/* Animation */
	animation-name: movement;
	animation-duration: 5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	/* Firefox */
	-moz-animation-name: movement;
	-moz-animation-duration: 5s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;

	/* Webkit */
	-webkit-animation-name: movement;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
@keyframes movement
{
	from {
			background-position: 0 0, 30px 60px, 130px 270px, 70px 150px;
	}
	to {
			background-position: -550px 0, -320px 60px, -120px 270px, -150px 150px;
	}
}
@-moz-keyframes movement
{
	from {
			background-position: 0 0, 30px 60px, 130px 270px, 70px 150px;
	}
	to {
			background-position: -550px 0, -320px 60px, -120px 270px, -150px 150px;
	}
}
@-webkit-keyframes movement
{
	from {
			background-position: 0 0, 30px 60px, 130px 270px, 70px 150px;
	}
	to {
			background-position: -550px 0, -320px 60px, -120px 270px, -150px 150px;
	}
}
</style>
<script src="js/fullscreen.js">
</script>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script>
 $(document).ready(function() {
    $('.backtotop').click(function(){
       $('html, body').animate({scrollTop:0}, 'slow');
   });
});
</script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-67529454-1', 'auto');
  ga('send', 'pageview');

</script>
</head>
<body><script type="text/javascript"> 
		imageDir = ""; 
		sflakesMax = 0; 
		sflakesMaxActive = 0; 
		svMaxX = 0; 
		svMaxY = 0; 
		ssnowStick = 0; 
		ssnowCollect = 0; 
		sfollowMouse = 0; 
		sflakeBottom = 0; 
		susePNG = 0; 
		sflakeTypes = 0; 
		sflakeWidth = 0; 
		sflakeHeight = 0; 
		</script>        <div style="top:0; z-index:100; position:fixed; background-color:#7200AC; background-image: url(./img/demo.png); background-repeat: no-repeat; width:100%; height:100px;  border: .0em ridge #fff; padding-left: 40px; padding-top: 0px; " class="style2">	
	<div style="margin-top:45px;">
		<a href="./index.php"><img src="./img/patskun.png" style="animation: pulse 1s ease infinite;" alt="Ivan Patskun" height="38" width="300"></a>
		<font color="#ffffff">162675</font>			<div style="float:right; margin-top: -50px; margin-right: 70px;">
			<a href="./contact.php"><img src="./img/vanya.png" style="animation: pulse 1s ease infinite;" alt="Smiley face" height="100" width="100"></a>
			</div>
	</div>
</div><div><a href="./en" class="idLng">УКР</a></div>
<audio autoplay loop><source src="./p/patskun/audio/load.mp3" />Цей браузер не підтримує audio.</audio>
<div style="margin-top:100px; width:95%; height:2000px;  border: .0em ridge #fff; " class="style2">
<font color="#ffffff">
<div class="post-body entry-content"><div style=" width: 300px; padding: 10px; height: 480px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="http://acs-max.patskun.com" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">РОЗУМНИЙ ХМАРОЧОС</span><img src="http://acs-max.patskun.com/img/skyscraper.gif" width="187" height="480" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; "></a><br>
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal;  animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./dreams.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Ваші мрії?</span><img src="img/dreams.png" width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Мрії <b style="color:magenta;">?</b></a><br>
                </div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./news.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Тут відображаються мої новини</span><img src="img/news.png" width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Новини <b style="color:magenta;">13</b></a><br>		</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./shops.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Мої розробки</span><img src="img/shops.png" width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Магазин <b style="color:magenta;">14</b></a><br></div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./cloud.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Хмарний сервіс</span><img src="img/cloud.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Хмара <b style="color:magenta;">2</b></a><br>
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./projects.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Проекти над якими працюю</span><img src="img/projects.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Проекти <b style="color:magenta;">3</b></a><br>
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./programming.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Програмування та розробка веб додатків</span><img src="img/program.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Девелопмент <b style="color:magenta;">2</b></a><br>
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./design.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Створення презентацій, візиток, візуалізація інтер'єру</span><img src="img/design.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Дизайн <b style="color:magenta;">6</b></a><br>
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./docs.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Різні види документів</span><img src="img/docs.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Документи <b style="color:magenta;">2</b></a><br>
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./science.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Наука якою подобається займатися</span><img src="img/science.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Наука <b style="color:magenta;">4</b></a><br>
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./technology.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Нові види технологій</span><img src="img/technology.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Технології <b style="color:magenta;">0</b></a><br>
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./sport.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Сила в середині людини</span><img src="img/sport.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Спорт <b style="color:magenta;">10</b></a><br>
<!--</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./music.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Те що я слухаю</span><img src="img/music.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Музика <b style="color:magenta;">15</b></a><br>-->
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./foto.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Мої альбоми</span><img src="img/foto.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Фото  <b style="color:magenta;">1</b></a><br>
																</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./video.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Мої відео</span><img src="img/video.png" width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Простір <b style="color:magenta;">67</b></a><br><!--</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./online.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Онлайн</span><img src="img/online.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Онлайн  <b style="color:magenta;">3</b></a><br>-->
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./awards.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Мої нагороди</span><img src="img/awards.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Нагороди  <b style="color:magenta;">11</b></a><br>
<!--</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./pylypets" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Сайт села Пилипець</span><img src="img/pyl.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Пилипець  <b style="color:magenta;">8</b></a><br>-->
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./pyl.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Сайт села Пилипець</span><img src="img/pyl.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Пилипець  <b style="color:magenta;">7</b></a><br>
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./contact.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Тут ви можете зв'язатися зі мною</span><img src="img/contact.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Контакти <b style="color:magenta;">18</b></a><br>
<!--</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./question.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Часто задавані запитання</span><img src="img/tiger.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Тигр <b style="color:magenta;">1</b></a><br>
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./question.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Часто задавані запитання</span><img src="img/lion.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Лев&nbsp <b style="color:magenta;">1</b></a><br>-->
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./question.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Часто задавані запитання</span><img src="img/quation.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Запитання <b style="color:magenta;">1</b></a><br>
</div><div style=" width: 100px; padding: 10px; height: 100px; float: left; z-index: 1; text-align: center;  font-size: 12; font-style: normal; animation: pulse 1s ease infinite;" id="layer1" class="style1"><a class="tooltip" href="./information.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Інформація щодо сайту</span><img src="img/information.png"  width="77" height="60" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=70" style="opacity: 0.4; ">Інформація  <b style="color:magenta;">1</b></a><br>
</div></div><div align="center" class="separator" style="clear: both; text-align: center;"><br>
<br>
<br>
<br>
<br>
<br>
<p style="float:left; width:300px; height:420px; margin:5px;" align="justify">
Вітаю Вас на сайті!
Тут для Вас представлено придклади моїх робіт, а саме по розробці та дизайну, ці роботи Ви можете перглянути. Якщо потрібно - замовити.
Кожна робота робиться на пропозиціях клієнта, мені важлива більш думка клієнта ніж своя. Розробляю так, як хочете цього Ви.
Кожен день вивчаю нові технології їх застосування, комунікація з людиною та навколишнім середовищем. 
Креативний підхід до розробки дає змогу зацікавити людей у просуненні даної розробки, та з гордістю Ви можете показати себе перд іншими людьми.
Результатом розроблених мною робіт моожна подякувати: <a class="tooltip" href="http://pylypets-inter.jimdo.com/"><span class="classic" style=" text-decoration: none;  color: #ffffff;text-align: center; ">Пилипецька загальноосвітня школа<br><img src="./img/university/pyl_school.jpg" width="250" height="200" alt="" /></span>Пилипецькій ЗОШ,</a> <a class="tooltip" href="http://www.uzhnu.edu.ua/"><span class="classic" style=" text-decoration: none;  color: #ffffff;text-align: center; ">Закарпатський державний університет<br><img src="./img/university/zakdu.jpg" width="250" height="200" alt="" /></span>ЗакДу,</a> <a class="tooltip" href="http://www.uzhnu.edu.ua/"><span class="classic" style=" text-decoration: none;  color: #ffffff;text-align: center; ">Ужгородський національний університет<br><img src="./img/university/uzhnu.jpg" width="250" height="200" alt="" /></span>УжНУ,</a> <a class="tooltip" href="http://www.ldi.lviv.ua/index.php/ua/"><span class="classic" style=" text-decoration: none;  color: #ffffff;text-align: center; ">Інститут новітніх технологій ім. Чорновола<br><img src="./img/university/institut_chornovola.jpg" width="250" height="200" alt="" /></span>інституту новітніх технологій,</a> <a class="tooltip" href="http://kpi.ua/"><span class="classic" style=" text-decoration: none;  color: #ffffff;text-align: center; ">Київський політехнічний інститут<br><img src="./img/university/kpi.jpg" width="250" height="200" alt="" /></span>КПІ.</a>
Тільки виснажлива праця може давати найкращі плоди.
Бажаю Вам успіхів у Ваших здобутках!
</p>

		<div id="slider" class="slider_wrap">
		<img src="slider_image1.png" alt="" />
		<img src="slider_image2.png" alt="" />
		<img src="slider_image3.png" alt="" />
		<img src="slider_image4.png" alt="" />
		<img src="slider_image5.png" alt="" />
	
		</div>	

<p style="float:left; width:300px; height:420px; margin:5px;" align="justify">
Хочу подякувати тим, хто мені дійсно дав ту краплю знань, якою я користуюсь по сьогоднішній час, а саме :
<a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Бітлян Іван Федорович<br><img src="./img/elite/Bitlyan Ivan Fedorovych.jpg" width="250" alt="" /><br>01.09.1933 - 21.10.2011</span>Бітлян Іван Федорович, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Поляк Степан Степанович<br><img src="./img/elite/Polyak Stepan Stepanovych.jpg" width="250" alt="" /><br>09.02.1933 - 31.03.2015</span>Поляк Степан Степанович, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Василенко Юрій Андрійович<br><img src="./img/elite/Vasylenko Yuriy Andriyovych.jpg" width="250" alt="" /><br>04.03.1938 - 11.08.2014</span>Василенко Юрій Андрійович, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Ляпун Олександр Володимирович<br><img src="./img/elite/Lyapun Oleksandr Volodymyrovych.jpg" width="250" alt="" /><br></span>Ляпун Олександр Володимирович, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Колосов Володимир Романович<br><img src="./img/elite/Kolosov Volodymyr Romanovych.jpg" width="250" alt="" /><br></span>Колосов Володимир Романович, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Казибрід Василь Юрійович<br><img src="./img/elite/Kazybrid Vasyl' Yuriyovych.jpg" width="250" alt="" /><br></span>Казибрід Василь Юрійович, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Безега Іван Юрійович<br><img src="./img/elite/Bezeha Ivan Yuriyovych.jpg" width="250" alt="" /><br></span>Безега Іван Юрійович, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Дробнич Мирослава Петрівна<br><img src="./img/elite/Drobnych Myroslava Petrivna.jpg" width="250" alt="" /><br></span>Дробнич Мирослава Петрівна, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Дробнич Олексій Володимирович<br><img src="./img/elite/Drobnych Oleksiy Volodymyrovych.jpg" width="250" alt="" /><br></span>Дробнич Олексій Володимирович, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Матяшовська Беата Олександрівна<br><img src="./img/elite/Matyashovs'ka Beata Oleksandrivna.jpg" width="250" alt="" /><br></span>Матяшовська Беата Олександрівна, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Гуранич Павло Павлович<br><img src="./img/elite/Huranych Pavlo Pavlovych.jpg" width="250" alt="" /><br></span>Гуранич Павло Павлович, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Попадич Олена Олександрівна<br><img src="./img/elite/Popadych Olena Oleksandrivna.jpg" width="250" alt="" /><br></span>Попадич Олена Олександрівна, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Угрин Лариса<br><img src="./img/elite/Uhryn Larysa.jpg" width="250" alt="" /><br></span>Угрин Лариса, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Шумило Наталія Ярославівна<br><img src="./img/elite/Shumylo Nataliya Yaroslavivna.jpg" width="250" alt="" /><br></span>Шумило Наталія Ярославівна, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Биба Любов Михайлівна<br><img src="./img/elite/Byba Lyubov Mykhaylivna.jpg" width="250" alt="" /><br></span>Биба Любов Михайлівна, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Васільєв Сергій<br><img src="./img/elite/Vasil'yev Serhiy.jpg" width="250" alt="" /><br></span>Васільєв Сергій, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Копча-Горячкіна Галина Ернестівна<br><img src="./img/elite/Kopcha-Horyachkina Halyna Ernestivna.jpg" width="250" alt="" /><br></span>Копча-Горячкіна Галина Ернестівна, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Жабей Ганна Федорівна<br><img src="./img/elite/Zhabey Hanna Fedorivna.jpg" width="250" alt="" /><br></span>Жабей Ганна Федорівна, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Панько Оксана<br><img src="./img/elite/Pan'ko Oksana.jpg" width="250" alt="" /><br></span>Панько Оксана, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Юраш Вікторія Василівна<br><img src="./img/elite/Yurash Viktoria Vasylivna.jpg" width="250" alt="" /><br></span>Юраш Вікторія Василівна, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Будзко Ярослав Петрович<br><img src="./img/elite/Budzko Yaroslav Petrovych.jpg" width="250" alt="" /><br></span>Будзко Ярослав Петрович, </a>
Цим людям можна казати на Ви, тому що вони знають, як своєму учню чи стутенту подати власний матеріал.
</p>
<div style="float: left; margin:5px;">
	<img src="./img/best_choice.png" alt="Best Choice" height="420" width="318">
</div>
<video width="320" height="240" controls>
  <source src="./p/patskun/video/ACS-MAX SKYSCRAPER!.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>
<video width="340" height="250" controls>
  <source src="./p/patskun/video/led light.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>
<!--<iframe title="YouTube video player" class="youtube-player" type="text/html" 
width="340" height="250" src="http://www.youtube.com/embed/7P54xyDyyxw"
frameborder="0" allowFullScreen></iframe>-->
</div>
</div>


</font>
</div>
<footer>
<div><a href="#top" class="idTop"><img src="./img/plane.png" alt="^"></a></div>
<div style=" z-index:100; bottom:0; position:fixed; background-color:#7200AC; width:100%; height:34px; border: .0em ridge #fff; " class="style2">
	<font color="#ffffff">
		<center><a href="./index.php">© 2026 Пацкун Іван Васильович.</a> 093 729 31 08 Я дорослішаю і, нарешті, розумію, щоб щось придбати, потрібно, для початку, чимось пожертвувати Стейс Крамер</center>
	</font>
</div>
</footer>
</body>
</html>