<?

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="en">
<head>
	<meta name="google-translate-customization" content="e6d897fa61ab9899-7c106f3dcd61ff3a-g5a46bcce0f1360f7-b"></meta>
	<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>IVAN PATSKUN - (OFFICIAL WEB-SITE!!!)</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:1; 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="http://www.patskun.com"><img src="../img/patskun.png" style="animation: pulse 1s ease infinite;" alt="Smiley face" height="38" width="300"></a>
		<font color="#ffffff">158290</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>
			<audio autoplay>
			   <source src="../simple2.mp3" />
			   Ваш браузер не поддерживает элемент audio.
			</audio>
	</div>
</div><div><a href="../" class="idLng">EN</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="https://acs-max.patskun.com/en/" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">SMART SKYSCRAPER</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">Your dreams?</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; ">Dreams <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">My news</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; ">News <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">My developments</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; ">Shop <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">Cloud service</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; ">Cloud <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">My projects</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; ">Projects <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">Programming and web development applications</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; ">Programming <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">Create presentations, business cards, visualizations</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; ">Design <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">Different types of documents</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; ">Documents <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">Science which enjoy doing</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; ">Science <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">New technology</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; ">Technology <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">I like sport</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; ">Sport <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">listen to music</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; ">Musics <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">My Albums</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; ">Foto  <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">My video</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; ">Space <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">Online</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; ">Online  <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">My award</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; ">Awards  <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">Site of Pylypets village</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; ">Pylypets  <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="http://[::ffff:1f2b:2e32]/patskun.com/pyl.php" style=" text-decoration: none;  color: #ffffff;text-align: center; "><span class="classic">Site of Pylypets village</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; ">Pylypets  <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">You can contact me</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; ">Contacts <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">Frequently asked questions</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">Frequently asked questions</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">Frequently asked questions</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; ">Questions <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">Information for site</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; ">Informations  <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">
Welcome to my website!
Here you can find examples of my work, namely in development and design. You can view these works and order them if you wish.
Each project is based on the client's suggestions; the client's opinion is more important to me than my own. I develop projects according to your wishes.
Every day I study new technologies and their application, communication with people and the environment. 
A creative approach to development allows you to get people interested in promoting your project, and you can proudly show yourself to others.
The results of my work can be seen in: <a class="tooltip" href="http://pylypets-inter.jimdo.com/"><span class="classic" style=" text-decoration: none;  color: #ffffff;text-align: center; ">Pylypets Secondary School<br><img src="../ img/university/pyl_school.jpg“ width="250" height="200" alt="" /></span>Pylipets Secondary School,</a> <a class="tooltip" href="http://www.uzhnu.edu.ua/"><span class="classic" style=” text-decoration: none;  color: #ffffff;text-align: center; ">Transcarpathian State University<br><img src="../img/university/zakdu.jpg" width="250" height="200" alt=“” /></span>ZakDu,</a> <a class="tooltip" href="http://www.uzhnu.edu.ua/"><span class="classic" style=" text-decoration: none;  color: #ffffff;text-align: center; ">Uzhhorod National University<br><img src="../ img/university/uzhnu.jpg“ width="250" height="200" alt="" /></span>UzhNU,</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; ">Chornovil Institute of New Technologies<br><img src="../img/university/institut_chornovola.jpg" width="250" height="200" alt="" /></span>Institute of New Technologies,</a> <a class="tooltip" href= "https://kpi.ua/"><span class="classic" style=" text-decoration: none;  color: #ffffff;text-align: center; ">Kyiv Polytechnic Institute<br><img src="../img/university/kpi.jpg" width="250" height="200" alt="" /></span>KPI. </a>
Only hard work can yield the best results.
I wish you success in your endeavors!
</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">
I would like to thank those who gave me real knowledge, which I use now, namely: 
<a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Bitlyan Ivan Fedorovych<br><img src="../img/elite/Bitlyan Ivan Fedorovych.jpg" width="250" alt="" /><br>1933 - 2011</span>Bitlyan Ivan Fedorovych, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Polyak Stepan Stepanovych<br><img src="../img/elite/Polyak Stepan Stepanovych.jpg" width="250" alt="" /><br>9.02.1933 - 31.03.2015</span>Polyak Stepan Stepanovych, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Vasylenko Yuriy Andriyovych<br><img src="../img/elite/Vasylenko Yuriy Andriyovych.jpg" width="250" alt="" /><br>04.03.1938 - 11.08.2014</span>Vasylenko Yuriy Andriyovych, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Lyapun Oleksandr Volodymyrovych<br><img src="../img/elite/Lyapun Oleksandr Volodymyrovych.jpg" width="250" alt="" /><br></span>Lyapun Oleksandr Volodymyrovych, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Kolosov Volodymyr Romanovych<br><img src="../img/elite/Kolosov Volodymyr Romanovych.jpg" width="250" alt="" /><br></span>Kolosov Volodymyr Romanovych, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Kazybrid Vasyl' Yuriyovych<br><img src="../img/elite/Kazybrid Vasyl' Yuriyovych.jpg" width="250" alt="" /><br></span>Kazybrid Vasyl' Yuriyovych, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Bezeha Ivan Yuriyovych<br><img src="../img/elite/Bezeha Ivan Yuriyovych.jpg" width="250" alt="" /><br></span>Bezeha Ivan Yuriyovych, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Drobnych Myroslava Petrivna<br><img src="../img/elite/Drobnych Myroslava Petrivna.jpg" width="250" alt="" /><br></span>Drobnych Myroslava Petrivna, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Drobnych Oleksiy Volodymyrovych<br><img src="../img/elite/Drobnych Oleksiy Volodymyrovych.jpg" width="250" alt="" /><br></span>Drobnych Oleksiy Volodymyrovych, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Matyashovs'ka Beata Oleksandrivna<br><img src="../img/elite/Matyashovs'ka Beata Oleksandrivna.jpg" width="250" alt="" /><br></span>Matyashovs'ka Beata Oleksandrivna, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Huranych Pavlo Pavlovych<br><img src="../img/elite/Huranych Pavlo Pavlovych.jpg" width="250" alt="" /><br></span>Huranych Pavlo Pavlovych, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Popadych Olena Oleksandrivna<br><img src="../img/elite/Popadych Olena Oleksandrivna.jpg" width="250" alt="" /><br></span>Popadych Olena Oleksandrivna, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Uhryn Larysa<br><img src="../img/elite/Uhryn Larysa.jpg" width="250" alt="" /><br></span>Uhryn Larysa, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Shumylo Nataliya Yaroslavivna<br><img src="../img/elite/Shumylo Nataliya Yaroslavivna.jpg" width="250" alt="" /><br></span>Shumylo Nataliya Yaroslavivna, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Byba Lyubov Mykhaylivna<br><img src="../img/elite/Byba Lyubov Mykhaylivna.jpg" width="250" alt="" /><br></span>Byba Lyubov Mykhaylivna, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Vasil'yev Serhiy<br><img src="../img/elite/Vasil'yev Serhiy.jpg" width="250" alt="" /><br></span>Vasil'yev Serhiy, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Kopcha-Horyachkina Halyna Ernestivna<br><img src="../img/elite/Kopcha-Horyachkina Halyna Ernestivna.jpg" width="250" alt="" /><br></span>Kopcha-Horyachkina Halyna Ernestivna, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Zhabey Hanna Fedorivna<br><img src="../img/elite/Zhabey Hanna Fedorivna.jpg" width="250" alt="" /><br></span>Zhabey Hanna Fedorivna, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Pan'ko Oksana<br><img src="../img/elite/Pan'ko Oksana.jpg" width="250" alt="" /><br></span>Pan'ko Oksana, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Yurash Viktoria Vasylivna<br><img src="../img/elite/Yurash Viktoria Vasylivna.jpg" width="250" alt="" /><br></span>Yurash Viktoria Vasylivna, </a><a class="tooltip" href="#"><span class="classic" style="text-decoration: none;color: #ffffff;text-align: center; ">Budzko Yaroslav Petrovych<br><img src="../img/elite/Budzko Yaroslav Petrovych.jpg" width="250" alt="" /><br></span>Budzko Yaroslav Petrovych, </a>
These people deserve respect.
</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 Patskun Ivan Vasilyevich.</a> 093 729 31 08 Кожній людині, якій ти даруєш довіру, ти даєш в руки ніж. Ним вона може тебе захистити або знищити </center>
	</font>
</div>
</footer></body>
</html>