<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8" />
<title>Агротек</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/jquery.fancybox.css">
<link rel="stylesheet" href="css/tinyscrollbar.css">
<link rel="stylesheet" href="css/queryLoader.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript" src="js/jquery.waypoints-2.0.0.js"></script>
<script type="text/javascript" src="js/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="js/jquery.queryloader2.min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="bigbigscroll">
<div id="block1" class="block block1">
<img src="img/header_background_30.jpg" alt="" class="background">
<div class="shell">
<div class="h3">
Крупнейший дистрибьютор известных мировых <br>
производителей для аграрного комплекса России.
</div>
<div class="logo">
<img src="img/logo.png" alt="Агротек" class="hiddenitem">
</div>
<div class="h1">
Задача: разработать современный и высокоэффективный<br>
инструмент продаж в интернете
</div>
</div>
</div>
<div id="block2" class="block block2">
<div class="wave"></div>
<div class="shell">
<div class="h2 hiddenitem">Быстрый доступ к основным категориям каталога</div>
<div class="macshell" id="macarea">
<div class="mac">
<div id="hand"></div>
<img src="img/mac.png" alt="" class="macpic">
<div id="scrollbarY">
<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
<div class="viewport">
<div class="overview">
<div class="fakemenu">
<img src="img/fmenu.png">
</div>
<img src="img/screen.jpg" class="screenshot">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="block3" class="block block3">
<div class="shell">
<h2 class="hiddenitem">Прототипирование</h2>
<p class="sub_p">
сокращение технического задания, очевидность и возможность скорректировать на первоначальном этапе, сокращение времени на дизайн, улучшение качества готового продукта, улучшает понимание конечного продукта
</p>
</div>
<div class="slidebox">
<div class="leftbox">
<img src="img/prototype/bigleft.png" class="item hiddenitem">
</div>
<div class="rightbox">
<img src="img/prototype/bigright.png" class="item hiddenitem">
</div>
</div>
<div class="shell">
<div id="slider"></div>
</div>
</div>
<div id="block4" class="block block4">
<div class="shell">
<h2 class="hiddenitem">Элементы дизайна</h2>
<p class="sub_p">
все элементы дизайна гармонично дополняют друг друга и соответствуют фирменному стилю компании
</p>
<div class="pics">
<div id="block40" class="block block4_animate">
<img src="img/diz1.png" alt="" class="item hiddenitem item1">
<img src="img/diz3.png" alt="" class="item hiddenitem item3">
</div>
<div id="block41" class="block block4_subanimate">
<img src="img/diz2.png" alt="" class="item hiddenitem item2">
<img src="img/diz4.png" alt="" class="item hiddenitem item4">
<img src="img/diz5.png" alt="" class="item hiddenitem item5">
</div>
</div>
</div>
<div class="wave"></div>
</div>
<div id="block5" class="block block5">
<div class="shell">
<h2 class="hiddenitem">Иконки</h2>
<div class="pics">
<img src="img/round1.png" alt="" class="item hiddenitem item1">
<img src="img/round2.png" alt="" class="item hiddenitem item2">
<img src="img/round3.png" alt="" class="item hiddenitem item3">
<img src="img/round4.png" alt="" class="item hiddenitem item4">
<img src="img/round5.png" alt="" class="item hiddenitem item5">
</div>
</div>
</div>
<div id="block6" class="block block6">
<div class="wave"></div>
<div class="shell">
<h2 class="hiddenitem">Эффекты анимации</h2>
<img src="img/logo_ef.png" class="ef_logo">
<ul class="items">
<li class="hiddenitem">
<img src="img/eficon_1.png" alt="">
<p>
Эффекты реализованы с помощью: нужно описать
как это спрограммировано и т.д
</p>
</li>
<li class="hiddenitem">
<img src="img/eficon_2.png" alt="">
<p>
Эффекты реализованы с помощью: нужно описать
как это спрограммировано и т.д
</p>
</li>
<li class="hiddenitem">
<img src="img/eficon_3.png" alt="">
<p>
Эффекты реализованы с помощью: нужно описать
как это спрограммировано и т.д
</p>
</li>
</ul>
</div>
</div>
<div id="block7" class="block block7">
<div class="pics">
<div class="shell">
<h2>Простота и легкость</h2>
</div>
<img src="img/maket/mk3.png" alt="" class="item item1">
<img src="img/maket/mk2.png" alt="" class="item item2">
<img src="img/maket/mk6.png" alt="" class="item item3">
<img src="img/maket/mk5.png" alt="" class="item item4">
<img src="img/maket/mk7.png" alt="" class="item item5">
<img src="img/maket/mk4.png" alt="" class="item item6">
</div>
<div class="blackwall">
<h3>Всплывающие окна</h3>
<div class="popups ">
<div class="popup1">
<a href="#" class="fake"></a>
</div>
<div class="popup2">
<a href="#" class="fake">Отправить</a>
</div>
</div>
</div>
</div>
<div id="block8" class="block block8">
<div class="wave"></div>
<div class="shell">
<div class="kolos">
<a href="#">Перейти на сайт</a>
</div>
</div>
</div>
<div id="block9" class="block block9">
<div class="shell">
<h2>Над проектом работали</h2>
<ul class="workers">
<li class="person">
<div class="face face1"></div>
<span class="name">Эдуард Нагайников</span>
<span class="job">менеджер проектов</span>
</li>
<li class="person">
<div class="face face2"></div>
<span class="name">Ольга Шапошникова</span>
<span class="job">дизайнер</span>
</li>
<li class="person">
<div class="face face3"></div>
<span class="name">Алексей Зубенко</span>
<span class="job">программист</span>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>