<!DOCTYPE html>
<!--[if lt IE 7]>
<html class="ie ie6 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 7]>
<html class="ie ie7 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 8]>
<html class="ie ie8 lte9 lte8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 9]>
<html class="ie ie9 lte9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 9]>
<html xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns="http://www.w3.org/1999/xhtml"> <!--<![endif]-->
<head>
<meta charset="utf-8"/>
<title>Документ без названия</title>
<link href="style/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="js/my.js"></script>
<!--[if !IE]><!-->
<script type="text/javascript">
if (/*@cc_on!@*/false) {
document.documentElement.className += ' ie ie10';
}
else {
document.documentElement.className += ' no-ie';
}
</script>
<!--<![endif]-->
</head>
<body>
<div id="wrap">
<div class="header">
<div class="logo"><a href="/" title="#"></a></div>
<div class="m1">
<ul>
<li class="active"><a href="#" title="#"><i><b>О нас</b></i></a></li>
<li><a href="#" title="#"><i><b>Услуги</b></i></a></li>
<li><a href="#" title="#"><i><b>Портфолио</b></i></a></li>
<li><a href="#" title="#"><i><b>Блог</b></i></a></li>
<li><a href="#" title="#"><i><b>Наши партнёры</b></i></a></li>
<li><a href="#" title="#"><i><b>Контакты</b></i></a></li>
<li class="last"><a href="#" title="#"><i><b>Вкусное</b></i></a></li>
</ul>
</div>
</div>
<div class="page">
<h2 class="h201">Веб-дизайн</h2>
<div class="port-list">
<ul>
<li style="background: url(images/img-port-01.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-02.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-03.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-02.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-01.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-03.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
</ul>
</div>
<h2 class="h201">Полиграфия</h2>
<div class="port-list">
<ul>
<li style="background: url(images/img-port-01.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-02.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-03.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-02.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-01.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-03.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
</ul>
</div>
<h2 class="h201">Фотография</h2>
<div class="port-list">
<ul>
<li style="background: url(images/img-port-01.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-02.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-03.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-02.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-01.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-03.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-04.jpg)"><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
</ul>
</div>
</div>
<div class="footer">
<address class="addr">
<h5>Москва</h5>
<p>ул. Орджоникидзе, дом 11,<br/>строение 11, офис 511 <br/>(метро «Ленинский проспект»)<br/><a href="#" title="#">Показать на карте</a></p>
</address>
<div class="addr">
<h5>+7 495 229–30–56</h5>
<p>Три направления: веб-дизайн,<br/>графический дизайн и брендинг.<br/><a href="mailto:moscow@martdesign.ru" title="moscow@martdesign.ru">moscow@martdesign.ru</a></p>
</div>
<div class="m2">
<ul>
<li class="active"><a href="#" title="#">Главная</a></li>
<li><a href="#" title="#">О нас</a></li>
<li><a href="#" title="#">Контакты</a></li>
<li><a href="#" title="#">Блог</a></li>
<li><a href="#" title="#">Работа в студии</a></li>
<li><a href="#" title="#">Партнеры</a></li>
</ul>
</div>
</div>
<div class="vkusnoe">
<div class="seriy"></div>
<div class="popup">
<div class="popup-head">
<h2 class="h202">Вкусное</h2>
<div class="btn popup-btn"><a href="#" title="#"><i><b>Закрыть</b></i></a></div>
</div>
<div class="popup-body">
<div class="popup-cont"><img src="images/video.jpg" alt=""/></div>
<div class="popup-descr">
<h1 class="h101">Креативные модульные сетки</h1>
<div class="popup-text">
<h4>Уроки фотошопа <br/>и создания сайтов</h4>
<p>Привет. Я благодарю Евгения за возможность написать для вас этот гостевой пост. Меня зовут Дмитрий Литвиненко, я интересуюсь дизайном. Нас с вами окружает множество интересных вещей, сделанных человеком. </p>
</div>
<div class="soc1">
<img src="images/like1.png" alt=""/>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>