<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>YotaPort.XyZ</title>
<meta name="generator" content="YotaPort.XyZ">
<link href="font-awesome.min.css" rel="stylesheet">
<link href="GraphicArtist.css" rel="stylesheet">
<link href="index.css" rel="stylesheet">
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css">
</head>
<body onload="ShowObject('FullScreenLayer1', 0);ShowObject('FullScreenLayer2', 0);ShowObject('FullScreenLayer3', 0);return false;">
<div id="container">
</div>
<header id="PageHeader1" style="position:absolute;text-align:center;left:0px;top:0px;width:100%;height:100px;z-index:7777;">
<div id="PageHeader1_Container" style="width:1200px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="wb_Heading4" style="position:absolute;left:14px;top:31px;width:332px;height:43px;z-index:0;">
<h1 id="Heading4">YotaPort.XyZ</h1></div>
<div id="wb_CssMenu1" style="position:absolute;left:841px;top:31px;width:336px;height:43px;text-align:right;z-index:1;">
<ul>
<li class="firstmain"><a href="#portfolio" target="_self">Портфолио</a>
</li>
<li><a href="#about" target="_self">Обо мне</a>
</li>
<li><a href="#contact" target="_self">Контакты</a>
</li>
</ul>
</div>
</div>
</header>
<div id="portfolio" style="position:absolute;text-align:center;left:0px;top:510px;width:100%;height:765px;z-index:83;">
<div id="portfolio_Container" style="width:1200px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="RollOverLayer3" style="position:absolute;left:806px;top:173px;width:350px;height:250px;z-index:20">
<div class="hover">
<div id="wb_FontAwesomeIcon14" style="position:absolute;left:125px;top:42px;width:80px;height:80px;text-align:center;z-index:2;">
<div id="FontAwesomeIcon14"><i class="fa fa-eye"> </i></div></div>
<div id="wb_Heading11" style="position:absolute;left:62px;top:166px;width:226px;height:47px;text-align:center;z-index:3;">
<h1 id="Heading11">Проект 3</h1></div>
</div>
<div class="default">
<div id="wb_FontAwesomeIcon3" style="position:absolute;left:125px;top:75px;width:100px;height:100px;text-align:center;z-index:4;">
<a href="javascript:displaylightbox('./images/clouds@2x.jpg',{})" target="_self" onclick="ShowObject('FullScreenLayer3', 1);return false;"><div id="FontAwesomeIcon3"><i class="fa fa-search-plus"> </i></div></a></div>
</div>
</div>
<div id="RollOverLayer6" style="position:absolute;left:806px;top:451px;width:350px;height:250px;z-index:21">
<div class="hover">
<div id="wb_FontAwesomeIcon17" style="position:absolute;left:125px;top:45px;width:80px;height:80px;text-align:center;z-index:5;">
<div id="FontAwesomeIcon17"><i class="fa fa-headphones"> </i></div></div>
<div id="wb_Heading14" style="position:absolute;left:62px;top:168px;width:226px;height:47px;text-align:center;z-index:6;">
<h1 id="Heading14">Проект 6</h1></div>
</div>
<div class="default">
<div id="wb_FontAwesomeIcon6" style="position:absolute;left:125px;top:75px;width:100px;height:100px;text-align:center;z-index:7;">
<a href="javascript:displaylightbox('./images/clouds@2x.jpg',{})" target="_self" onclick="ShowObject('FullScreenLayer3', 1);return false;"><div id="FontAwesomeIcon6"><i class="fa fa-search-plus"> </i></div></a></div>
</div>
</div>
<div id="RollOverLayer5" style="position:absolute;left:425px;top:451px;width:350px;height:250px;z-index:22">
<div class="hover">
<div id="wb_FontAwesomeIcon16" style="position:absolute;left:130px;top:45px;width:80px;height:80px;text-align:center;z-index:8;">
<div id="FontAwesomeIcon16"><i class="fa fa-globe"> </i></div></div>
<div id="wb_Heading13" style="position:absolute;left:67px;top:168px;width:226px;height:47px;text-align:center;z-index:9;">
<h1 id="Heading13">Проект 5</h1></div>
</div>
<div class="default">
<div id="wb_FontAwesomeIcon5" style="position:absolute;left:125px;top:75px;width:100px;height:100px;text-align:center;z-index:10;">
<a href="javascript:displaylightbox('./images/clouds@2x.jpg',{})" target="_self" onclick="ShowObject('FullScreenLayer2', 1);return false;"><div id="FontAwesomeIcon5"><i class="fa fa-search-plus"> </i></div></a></div>
</div>
</div>
<div id="RollOverLayer4" style="position:absolute;left:46px;top:451px;width:350px;height:250px;z-index:23">
<div class="hover">
<div id="wb_FontAwesomeIcon15" style="position:absolute;left:125px;top:45px;width:80px;height:80px;text-align:center;z-index:11;">
<div id="FontAwesomeIcon15"><i class="fa fa-trophy"> </i></div></div>
<div id="wb_Heading12" style="position:absolute;left:64px;top:168px;width:226px;height:47px;text-align:center;z-index:12;">
<h1 id="Heading12">Проект 4</h1></div>
</div>
<div class="default">
<div id="wb_FontAwesomeIcon4" style="position:absolute;left:125px;top:75px;width:100px;height:100px;text-align:center;z-index:13;">
<a href="javascript:displaylightbox('./images/clouds@2x.jpg',{})" target="_self" onclick="ShowObject('FullScreenLayer1', 1);return false;"><div id="FontAwesomeIcon4"><i class="fa fa-search-plus"> </i></div></a></div>
</div>
</div>
<div id="wb_Heading6" style="position:absolute;left:392px;top:73px;width:416px;height:58px;text-align:center;z-index:24;">
<h1 id="Heading6">Портфолио</h1></div>
<div id="RollOverLayer1" style="position:absolute;left:46px;top:173px;width:350px;height:250px;z-index:25">
<div class="hover">
<div id="wb_FontAwesomeIcon12" style="position:absolute;left:125px;top:42px;width:80px;height:80px;text-align:center;z-index:14;">
<div id="FontAwesomeIcon12"><i class="fa fa-star"> </i></div></div>
<div id="wb_Heading9" style="position:absolute;left:64px;top:166px;width:226px;height:47px;text-align:center;z-index:15;">
<h1 id="Heading9">Проект 1</h1></div>
</div>
<div class="default">
<div id="wb_FontAwesomeIcon1" style="position:absolute;left:125px;top:75px;width:100px;height:100px;text-align:center;z-index:16;">
<a href="javascript:displaylightbox('./images/clouds@2x.jpg',{})" target="_self" onclick="ShowObject('FullScreenLayer1', 1);return false;"><div id="FontAwesomeIcon1"><i class="fa fa-search-plus"> </i></div></a></div>
</div>
</div>
<div id="RollOverLayer2" style="position:absolute;left:425px;top:173px;width:350px;height:250px;z-index:26">
<div class="hover">
<div id="wb_FontAwesomeIcon13" style="position:absolute;left:130px;top:42px;width:80px;height:80px;text-align:center;z-index:17;">
<div id="FontAwesomeIcon13"><i class="fa fa-shopping-cart"> </i></div></div>
<div id="wb_Heading10" style="position:absolute;left:69px;top:166px;width:226px;height:47px;text-align:center;z-index:18;">
<h1 id="Heading10">Проект 2</h1></div>
</div>
<div class="default">
<div id="wb_FontAwesomeIcon2" style="position:absolute;left:125px;top:75px;width:100px;height:100px;text-align:center;z-index:19;">
<a href="javascript:displaylightbox('./images/clouds@2x.jpg',{})" target="_self" onclick="ShowObject('FullScreenLayer2', 1);return false;"><div id="FontAwesomeIcon2"><i class="fa fa-search-plus"> </i></div></a></div>
</div>
</div>
</div>
</div>
<div id="intro" style="position:absolute;text-align:center;left:0px;top:100px;width:100%;height:410px;z-index:84;">
<div id="intro_Container" style="width:1200px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="wb_Heading5" style="position:absolute;left:392px;top:255px;width:416px;height:58px;text-align:center;z-index:27;">
<h1 id="Heading5">Привет</h1></div>
<div id="wb_Image1" style="position:absolute;left:503px;top:47px;width:195px;height:195px;z-index:28;">
<img src="images/user_placeholder.png" id="Image1" alt=""></div>
<div id="wb_Text4" style="position:absolute;left:359px;top:328px;width:482px;height:19px;text-align:center;z-index:29;">
<span style="color:#FFFFFF;font-family:Arial;font-size:16px;"><strong>Добро пожаловать на сайт</strong></span></div>
</div>
</div>
<div id="about" style="position:absolute;text-align:center;left:0px;top:1275px;width:100%;height:410px;z-index:85;">
<div id="about_Container" style="width:1200px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="wb_Heading7" style="position:absolute;left:392px;top:55px;width:416px;height:58px;text-align:center;z-index:42;">
<h1 id="Heading7">Обо мне</h1></div>
<div id="wb_Text5" style="position:absolute;left:336px;top:143px;width:528px;height:18px;text-align:center;z-index:43;">
<span style="color:#FFFFFF;font-family:Verdana;font-size:16px;">А тут будет очень длинный и скучный текст</span></div>
<input type="submit" id="Button2" name="" value="Подробнее" style="position:absolute;left:530px;top:309px;width:137px;height:39px;">
</div>
</div>
<div id="contact" style="position:absolute;text-align:center;left:0px;top:1685px;width:100%;height:544px;z-index:86;">
<div id="contact_Container" style="width:1200px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="wb_Heading8" style="position:absolute;left:392px;top:30px;width:416px;height:58px;text-align:center;z-index:45;">
<h1 id="Heading8">Контакты</h1></div>
<hr id="Line1" style="position:absolute;left:128px;top:105px;width:940px;height:1px;z-index:46;">
<input type="text" id="Editbox1" style="position:absolute;left:128px;top:126px;width:932px;height:24px;line-height:24px;z-index:47;" name="Name" value="" spellcheck="false" placeholder="Имя">
<hr id="Line2" style="position:absolute;left:128px;top:158px;width:940px;height:1px;z-index:48;">
<input type="text" id="Editbox2" style="position:absolute;left:128px;top:179px;width:932px;height:24px;line-height:24px;z-index:49;" name="email" value="" spellcheck="false" placeholder="Мыло@Я.Ру">
<hr id="Line3" style="position:absolute;left:128px;top:211px;width:940px;height:1px;z-index:50;">
<input type="text" id="Editbox3" style="position:absolute;left:128px;top:232px;width:932px;height:24px;line-height:24px;z-index:51;" name="phone" value="" spellcheck="false" placeholder="Мобильный">
<hr id="Line4" style="position:absolute;left:128px;top:264px;width:940px;height:1px;z-index:52;">
<textarea name="message" id="TextArea1" style="position:absolute;left:128px;top:285px;width:932px;height:92px;z-index:53;" rows="2" cols="101" spellcheck="false" placeholder="СМСка"></textarea>
<hr id="Line5" style="position:absolute;left:128px;top:385px;width:940px;height:1px;z-index:54;">
<input type="submit" id="Button1" name="" value="Отправить" style="position:absolute;left:130px;top:414px;width:84px;height:39px;">
</div>
</div>
<div id="social" style="position:absolute;text-align:center;left:0px;top:2229px;width:100%;height:250px;z-index:87;">
<div id="social_Container" style="width:1200px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="wb_Text7" style="position:absolute;left:75px;top:94px;width:293px;height:76px;text-align:center;z-index:56;">
<span style="color:#FFFFFF;font-family:Arial;font-size:16px;"><strong>1234 Address<br>New York New York, NY 12345<br>Email: email@gmail.com<br>Phone: (123) 456-7890</strong></span></div>
<div id="wb_Text8" style="position:absolute;left:75px;top:30px;width:293px;height:22px;text-align:center;z-index:57;">
<span style="color:#FFFFFF;font-family:Arial;font-size:19px;"><strong>Инфа</strong></span></div>
<div id="wb_FontAwesomeIcon7" style="position:absolute;left:480px;top:105px;width:16px;height:16px;text-align:center;z-index:58;">
<a href="./index.html"><div id="FontAwesomeIcon7"><i class="fa fa-facebook"> </i></div></a></div>
<div id="wb_FontAwesomeIcon8" style="position:absolute;left:530px;top:105px;width:16px;height:16px;text-align:center;z-index:59;">
<a href="./index.html"><div id="FontAwesomeIcon8"><i class="fa fa-twitter"> </i></div></a></div>
<div id="wb_FontAwesomeIcon9" style="position:absolute;left:580px;top:105px;width:16px;height:16px;text-align:center;z-index:60;">
<a href="./index.html"><div id="FontAwesomeIcon9"><i class="fa fa-pinterest"> </i></div></a></div>
<div id="wb_FontAwesomeIcon10" style="position:absolute;left:630px;top:105px;width:16px;height:16px;text-align:center;z-index:61;">
<a href="./index.html"><div id="FontAwesomeIcon10"><i class="fa fa-instagram"> </i></div></a></div>
<div id="wb_Text9" style="position:absolute;left:454px;top:30px;width:293px;height:22px;text-align:center;z-index:62;">
<span style="color:#FFFFFF;font-family:Arial;font-size:19px;"><strong>Соц.сеть</strong></span></div>
<div id="wb_FontAwesomeIcon11" style="position:absolute;left:680px;top:105px;width:16px;height:16px;text-align:center;z-index:63;">
<a href="./index.html"><div id="FontAwesomeIcon11"><i class="fa fa-youtube"> </i></div></a></div>
<div id="wb_Text11" style="position:absolute;left:833px;top:95px;width:293px;height:19px;text-align:center;z-index:64;">
<span style="color:#FFFFFF;font-family:Arial;font-size:16px;"><strong>Еще один скучный текст</strong></span></div>
<div id="wb_Text10" style="position:absolute;left:835px;top:30px;width:293px;height:22px;text-align:center;z-index:65;">
<span style="color:#FFFFFF;font-family:Arial;font-size:19px;"><strong>Обо мне</strong></span></div>
</div>
</div>
<div id="footer" style="position:absolute;text-align:center;left:0px;top:2479px;width:100%;height:65px;z-index:88;">
<div id="footer_Container" style="width:1200px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="wb_Text6" style="position:absolute;left:130px;top:0px;width:940px;height:16px;text-align:center;z-index:66;">
<span style="color:#FFFFFF;font-family:Arial;font-size:13px;"><a href="https://yotaport.xyz">YotaPort.XyZ</a></span></div>
</div>
</div>
<div id="FullScreenLayer1" style="position:fixed;text-align:center;left:0;top:0;right:0;bottom:0;z-index:89;z-index:9999 !important">
<div id="FullScreenLayer1_Container" style="width:1200px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="wb_Heading1" style="position:absolute;left:424px;top:66px;width:351px;height:50px;text-align:center;z-index:67;">
<h1 id="Heading1">Проект 1</h1></div>
<div id="wb_Text1" style="position:absolute;left:344px;top:134px;width:511px;height:16px;text-align:center;z-index:68;">
<span style="color:#FFFFFF;font-family:Arial;font-size:13px;">Очень скучный длиный текст и бла бла бла</span></div>
<div id="wb_CloseButton1" style="position:absolute;left:1127px;top:4px;width:66px;height:62px;text-align:center;z-index:69;">
<a href="#" onclick="ShowObject('FullScreenLayer1', 0);return false;"><div id="CloseButton1"><i class="fa fa-times"> </i></div></a></div>
</div>
</div>
<div id="FullScreenLayer2" style="position:fixed;text-align:center;left:0;top:0;right:0;bottom:0;z-index:90;z-index:9999 !important">
<div id="FullScreenLayer2_Container" style="width:1200px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="wb_Heading2" style="position:absolute;left:424px;top:66px;width:351px;height:50px;text-align:center;z-index:70;">
<h1 id="Heading2">Проект 2</h1></div>
<div id="wb_Text2" style="position:absolute;left:344px;top:129px;width:511px;height:18px;z-index:71;">
<span style="color:#FFFFFF;font-family:Arial;font-size:13px;">Очень скучный длиный текст и бла бла бла<br></span></div>
<div id="wb_CloseButton2" style="position:absolute;left:1127px;top:6px;width:66px;height:62px;text-align:center;z-index:72;">
<a href="#" onclick="ShowObject('FullScreenLayer2', 0);return false;"><div id="CloseButton2"><i class="fa fa-times"> </i></div></a></div>
</div>
</div>
<div id="FullScreenLayer3" style="position:fixed;text-align:center;left:0;top:0;right:0;bottom:0;z-index:91;z-index:9999 !important">
<div id="FullScreenLayer3_Container" style="width:1200px;position:relative;margin-left:auto;margin-right:auto;text-align:left;">
<div id="wb_Heading3" style="position:absolute;left:424px;top:66px;width:351px;height:50px;text-align:center;z-index:73;">
<h1 id="Heading3">Проект 3</h1></div>
<div id="wb_Text3" style="position:absolute;left:344px;top:129px;width:511px;height:18px;z-index:74;">
<span style="color:#FFFFFF;font-family:Arial;font-size:13px;">Очень скучный длиный текст и бла бла бла<br></span></div>
<div id="wb_CloseButton3" style="position:absolute;left:1127px;top:4px;width:66px;height:62px;text-align:center;z-index:75;">
<a href="#" onclick="ShowObject('FullScreenLayer3', 0);return false;"><div id="CloseButton3"><i class="fa fa-times"> </i></div></a></div>
</div>
</div>
<script src="jquery-1.12.4.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script src="fancybox/jquery.easing-1.3.pack.js"></script>
<script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<script src="fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
<script src="yotaport.min.js"></script>
<script src="index.js"></script>
</body>
</html>