<!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 http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<title>Документ без названия</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="js/my.js"></script>
</head>
<body>
<div class="main">
<div class="head_wr">
<div class="lang"><a class="active" href="#" title="#"><img src="images/rus.jpg" alt=""/>rus</a><a href="#" title="#"><img src="images/eng.jpg" alt=""/>Eng</a></div>
<div class="header">
<div class="logo"><a href="#" title="#">Новое лицо вашего бизнеса</a></div>
<div class="head_nav">
<ul>
<li><a href="#" title="#">Студия дизайна</a></li>
<li><a href="#" title="#">Порфолио</a></li>
<li><a href="#" title="#">Контакты</a></li>
</ul>
</div>
</div>
</div>
<div class="cont_wr">
<div class="breadcrumbs_wr">
<div class="breadcrumbs">
<ul>
<li><a href="#" title="#">2faces</a></li>
<li><a href="#" title="#">Портфолио</a></li>
<li>Все</li>
</ul>
</div>
</div>
<div class="wrapper modif">
<div class="cont">
<div class="container">
<div class="col01">
<h1 class="h101">RUSNAN <span>Имиджевый сайт</span></h1>
<div class="in_life">Сайт в жизни: <a href="#" title="#">www.takeithome.ru</a></div>
<div class="info_tx">Один из интереснейших проектов последних месяцев: статичные сайты уходят в прошлое, в тренде динамика, интерфейсы-трансформеры, при этом простые и неперегруженные лишними деталями. Всему этому нашлось место в данном проекте.</div>
</div>
<div class="col02">
<div class="group">
<h3 class="h201">Рабочая группа:</h3>
<div class="group_list">
<ul>
<li>Мария Борисова<span>Руководитель проекта</span><span>Разработка концепта</span></li>
<li>Софья Толпцева<span>Дизайнер</span></li>
<li>Александр Гривенков<span>Верстка</span></li>
<li>Иван Иванов<span>Программирование</span></li>
<li>Петр Петров<span>Копирайтер</span></li>
</ul>
</div>
</div>
<div class="other">
<h3 class="h202">другие наши проекты:</h3>
<div class="other_list">
<ul>
<li>
<div class="item_img"><a href="#" title="#"><img src="images/img02.png" alt=""/><span class="plashka"></span></a></div>
<h3 class="h301"><a href="#" title="#">RUSNAN</a></h3>
<div class="item_info">Имиджевый сайт</div>
</li>
<li>
<div class="item_img"><a href="#" title="#"><img src="images/img02.png" alt=""/><span class="plashka"></span></a></div>
<h3 class="h301"><a href="#" title="#">RUSNAN</a></h3>
<div class="item_info">Имиджевый сайт</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="img_l"><img src="images/side_img.png" alt=""/></div>
<div class="img_r"><img src="images/side_img.png" alt=""/></div>
</div>
</div>
<div class="foot_wr">
<div class="footer">
<div class="foot_c1">
<div class="foot_mail">
<h3 class="h302">Есть задача для нас? <span>напишите ее на почту:</span></h3>
<div class="mail_link"><a href="#" title="#">all@2-faces.ru</a></div>
</div>
</div>
<div class="foot_c2">
<div class="cop">© 2005-2014 Студия дизайна 2faces</div>
<div class="friend">Подружимся? ;) <a class="b_link" href="#" title="#"><img src="images/b.png" alt=""/></a><a class="f_link" href="#" title="#"><img
src="images/f.png" alt=""/></a></div>
</div>
<div class="foot_nav">
<ul>
<li><a href="#" title="#">Студия дизайна</a></li>
<li><a href="#" title="#">Порфолио</a></li>
<li><a href="#" title="#">Контакты</a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>