<!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 class="front_img">
<div class="port-list">
<ul>
<li class="size4" style="background: url(images/img-port-front-01.jpg)"><span class="cat"><a href="#" title="#">Полиграфия</a></span><span class="title">Карусель</span><span class="descr">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</span></li>
<li style="background: url(images/img-port-front-03.jpg)"><span class="cat"><a href="#" title="#">Полиграфия</a></span><span class="title"><a href="#" title="#">Карусель</a></span><span class="descr"><a href="#" title="#">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</a></span></li>
<li style="background: url(images/img-port-front-03.jpg)"><span class="cat"><a href="#" title="#">Полиграфия</a></span><span class="title">Карусель</span><span class="descr">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</span></li>
<li style="background: url(images/img-port-front-03.jpg)"><span class="cat"><a href="#" title="#">Полиграфия</a></span><span class="title">Карусель</span><span class="descr">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</span></li>
<li style="background: url(images/img-port-front-03.jpg)"><span class="cat"><a href="#" title="#">Полиграфия</a></span><span class="title">Карусель</span><span class="descr">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</span></li>
<li class="size2_horiz" style="background: url(images/img-port-front-02.jpg)"><span class="cat"><a href="#" title="#">Полиграфия</a></span><span class="title">Карусель</span><span class="descr">В последнее время стал обращать внимание на этих крох, во многом благодаря тому, что известный ...</span></li>
</ul>
</div>
</div>
</div>
<div class="page">
<div class="front_bloks">
<div class="front1">
<h2 class="h201">Наши парнеры</h2>
<div class="text">
<p>При создании сайта иногда можно не видеть кучу косяков из-за того, что за рабочим компьютером очень сложно проверить.</p>
</div>
<div class="partn_list">
<ul>
<li><a href="#" title="#"><img src="images/partn-01.png" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/partn-02.png" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/partn-03.png" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/partn-04.png" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/partn-05.png" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/partn-06.png" alt=""/></a></li>
</ul>
<div class="btn"><a href="#" title="#"><i><b>Показать всех</b></i></a></div>
</div>
</div>
<div class="front2">
<div class="news">
<div class="news-date">23.03.13</div>
<div class="news-cat"><a href="#" title="#">Полезные сайты и сервисы</a></div>
<h3 class="news-title">Продвинутый <br/> онлайн-консультант<br/> для сайта </h3>
<div class="news-body"><p>Большинство успешных сайтов давно уже имеют на своём борту онлайн-консультанта. И это не только интернет-магазины, но и сайты компаний, предлагающих какие-либо услуги и даже контентные проекты.</p></div>
<div class="btn"><a href="#" title="#"><i><b>Читать далее</b></i></a></div>
</div>
</div>
<div class="front3">
<div class="news">
<div class="news-date">23.03.13</div>
<div class="news-cat"><a href="#" title="#">Дизайнерские мысли</a></div>
<h3 class="news-title">Виды оплаты при<br/> работе со сложными<br/> заказчиками</h3>
<div class="news-body"><p>Профессия дизайнер на фрилансе с одной стороны классная тем, что работа творческая, можно включить музычку рисовать себе и вроде как радоваться жизни, занимаясь любимым делом, а не грузнуть в цифрах, бумажках и бухгалтерии.</p></div>
<div class="btn"><a href="#" title="#"><i><b>Читать далее</b></i></a></div>
</div>
</div>
</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>