Your IP : 172.70.80.239
<!DOCTYPE html>
<html lang="en">
<head>
<title>Element Group – комплексный маркетинг в интернете</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta property="og:image" content="images/logo_e_g.png"/>
<link rel="icon" type="image/ico" href="images/favicon.ico" />
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" />
<link href="css/jquery.bxslider.css" rel="stylesheet" />
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<?
function mobile_detect()
{
$user_agent = $_SERVER['HTTP_USER_AGENT'];
$ipod = strpos($user_agent,"iPod");
$iphone = strpos($user_agent,"iPhone");
$android = strpos($user_agent,"Android");
$symb = strpos($user_agent,"Symbian");
$winphone = strpos($user_agent,"WindowsPhone");
$wp7 = strpos($user_agent,"WP7");
$wp8 = strpos($user_agent,"WP8");
$operam = strpos($user_agent,"Opera M");
$palm = strpos($user_agent,"webOS");
$berry = strpos($user_agent,"BlackBerry");
$mobile = strpos($user_agent,"Mobile");
$htc = strpos($user_agent,"HTC_");
$fennec = strpos($user_agent,"Fennec/");
if ($ipod || $iphone || $android || $symb || $winphone || $wp7 || $wp8 || $operam || $palm || $berry || $mobile || $htc || $fennec)
{
return true;
}
else
{
return false;
}
}
?>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-4381944-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="75">
<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-NFX85G"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NFX85G');</script>
<!-- End Google Tag Manager -->
<!-- Preloader -->
<div class="mask"><div id="loader"></div></div>
<!--/Preloader -->
<!-- Home Section -->
<div id="home">
<div class="home-pattern">
<div class="container clearfix">
<div id="home-center" class="element_fade_in">
<div class="div-align-center">
<img src="images/logo_e_g_w.png">
<ul class="text-slide-vertical">
<!--<li>МЫ СОЗДАЕМ НОВОЕ КАЧЕСТВО DIGITAL</li>-->
<li>Ключевой элемент маркетинга</li>
</ul>
<p class="light">Стратегия <span class="bullet">•</span> Продвижение <span class="bullet">•</span> Реклама <span class="bullet">•</span> Разработка <span class="bullet">•</span> Креатив</p>
<a href="#we-are-newave" class="newave-button medium outline white">Что мы делаем</a>
</div>
</div>
</div>
</div>
</div>
<!-- End Home Section -->
<!-- Navigation -->
<div id="navigation" class="navbar navbar-fixed-top">
<div class="navbar-inner ">
<div class="container no-padding">
<a class="show-menu" data-toggle="collapse" data-target=".nav-collapse">
<span class="show-menu-bar"></span>
</a>
<div id="logo"><a class="colapse-menu1" href="#we-are-newave"><img src="images/logo_e_g_b.png"></a></div>
<div class="phone_top_min">
<?php
if (mobile_detect())
{
echo('<a href="tel:+7 (495) 225-54-72">+7 (495) 225-54-72</a>');
}
else
{
echo('+7 (495) 225-54-72');
}
?>
</div>
<div class="feedback_min"><a class="link_form_popup"></a></div>
<div class="nav-collapse collapse">
<ul class="nav">
<!--<li class="menu-1"><a class="colapse-menu1" href="#home">Home</a></li>-->
<li class="menu-2"><a class="colapse-menu1" href="#we-are-newave">О нас</a></li>
<li class="menu-3"><a class="colapse-menu1" href="#services">Услуги</a></li>
<li class="menu-4"><a class="colapse-menu1" href="#clients">Клиенты</a></li>
<li class="menu-5"><a class="colapse-menu1" href="#portfolio">Портфолио</a></li>
<li class="menu-6"><a class="colapse-menu1" href="#contact-parallax">Контакты</a></li>
<!--<li class="dropdown menu-7"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Blog</a>
<ul class="dropdown-menu">
<li><a class="external" href="blog.html">Blog standard</a></li>
<li><a class="external" href="blog-masonry.html">Blog Masonry</a></li>
<li><a class="external" href="blog-post.html">Blog post page </a></li>
</ul>
</li>
<li class="menu-8"><a class="external" href="shortcodes.html">Shortcodes</a></li>-->
<li class="menu-7"><a class="link_form_popup">Обратный звонок</a></li>
<li class="phone_top">+7 (495) 225-54-72</li>
</ul>
</div>
</div>
</div>
</div>
<!--/Navigation -->
<!-- We Are Newave -->
<section id="we-are-newave">
<!-- Container -->
<div class="container">
<!-- Section Title -->
<div class="section-title">
<h1>15 лет экспертизы</h1>
<span class="border"></span>
<p>Мы слаженная команда креаторов, разработчиков, специалистов по маркетингу и информационным технологиям. Мы группа маркетинговых агентств и сервисов, каждый элемент которой занимает особое положение в своём сегменте.</p>
</div>
<!--/Section Title -->
<div class="screens">
<div class="small-screen-left"><img class="element_from_left" src="images/small_left_screen3.png" alt="" /></div>
<div class="small-screen-right"><img class="element_from_right" src="images/small_right_screen3.png" alt="" /></div>
<div class="big-screen"><img class="element_fade_in" src="images/big_screen.png" alt="" />
<video class="video_block" controls="" poster="images/video.jpg">
<source src="Element_group_HD_long_rus_new_3.webm" type="video/webm; codecs="vp8, vorbis"">
<source src="Element_group_HD_long_rus_new_3_1.mp4">
<source src="Element_group_HD_long_rus_new_3.ogv" type='video/ogg; codecs="theora, vorbis"'>
<embed class="video-row" controls="" src="Element_group_HD_long_rus_new_3_1.mp4">
</video>
<!--video class="video_block" controls="controls" name="media" poster="images/video.jpg" src="http://mebel.element.ru/Element_group_HD_long_rus_new_3.mp4"></video-->
</div>
</div>
</div>
<!--/Container -->
</section>
<!--/We Are Newave -->
<!-- We are good at -->
<section id="we-are-good-at">
<!-- Container -->
<div class="container small-width">
<!-- Section Title -->
<div class="section-title">
<h1>Наши компетенции</h1>
<span class="border"></span>
</div>
<!--/Section Title -->
<ul class="technology">
<li class="element_fade_in">
<p>Комплексный маркетинг</p>
<img src="/images/logo_e_g.png"/>
</li>
<li class="element_fade_in">
<p>Поисковый маркетинг и реклама</p>
<img src="/images/op-logo.png" style="padding-top:25px"/>
</li>
<li class="element_fade_in">
<p>Онлайн аудит сайтов</p>
<img src="/images/row_sitereport.png"/>
</li>
<li class="element_fade_in">
<p>Рекламные кампании в блогосфере</p>
<img src="/images/row_blog.png"/>
</li>
<li class="element_fade_in">
<p>Креатив и социальные медиа</p>
<img src="/images/g-pr-logo.png"/>
</li>
<li class="element_fade_in">
<p>Размещение пресс-релизов</p>
<img src="/images/row_press.png"/>
</li>
<li class="element_fade_in">
<p>Веб-разработка и брендинг</p>
<img src="/images/virtuos.png"/>
</li>
<li class="element_fade_in">
<p>Информационная поддержка</p>
<img src="/images/row_opt.png"/>
</li>
</ul>
</div>
<!--/Container -->
</section>
<!--/We are good at -->
<!-- Our Team -->
<section id="our-team">
<!-- Container -->
<div class="container">
<!-- Section Title -->
<div class="section-title">
<h1>Наши лидеры</h1>
<span class="border"></span>
</div>
<!--/Section Title -->
<ul class="our-team">
<li class="team-person element_from_left">
<img src="images/roman.jpg" alt="" />
<div class="team-profile">
<h5>Роман Клевцов</h5>
<p>Хедлайнер рынка поискового маркетинга</p>
<!--<p class="about-team">Хедлайнер рынка поискового маркетинга</p> -->
<ul class="socials-icons">
<li><a href="https://www.facebook.com/roman.klevtsov?fref=ts"><img src="images/facebook.png" alt="" /></a></li>
<li><a href="https://twitter.com/romkaru"><img src="images/twitter.png" alt="" /></a></li>
<li><a href="https://www.linkedin.com/in/romanklevtsov"><img src="images/linkedin.png" alt="" /></a></li>
<li><a href="http://www.slideshare.net/romanklevtsov"><img src="images/ss.png" alt="" /></a></li>
<li><a href="http://vk.com/roman.klevtsov"><img src="images/vk.png" alt="" /></a></li>
<!--li><a href="#"><img src="images/google.png" alt="" /></a></li-->
</ul>
</div>
</li>
<li class="team-person">
<img src="images/damir.jpg" alt="" />
<div class="team-profile">
<h5>Дамир Халилов</h5>
<p>Евангелист Social Media Marketing (SMM) в России</p>
<!--<p class="about-team">Эвангелист SMM в России</p> -->
<ul class="socials-icons">
<li><a href="https://www.facebook.com/halilov?fref=ts"><img src="images/facebook.png" alt="" /></a></li>
<li><a href="https://twitter.com/damirkhalilov"><img src="images/twitter.png" alt="" /></a></li>
<!--li><a href="#"><img src="images/google.png" alt="" /></a></li-->
</ul>
</div>
</li>
<li class="team-person element_from_right">
<img src="images/sergey.jpg" alt="" />
<div class="team-profile">
<h5>Сергей Семидьянов</h5>
<p>Мультизадачный технологический эксперт</p>
<!--<p class="about-team">Мультизадачный технологический эксперт</p> -->
<ul class="socials-icons">
<li><a href="https://www.facebook.com/s.semidyanov?fref=ts"><img src="images/facebook.png" alt="" /></a></li>
<li><a href="https://twitter.com/blogun"><img src="images/twitter.png" alt="" /></a></li>
<!--li><a href="#"><img src="images/google.png" alt="" /></a></li-->
</ul>
</div>
</li>
</ul>
</div>
<!--/Container -->
</section>
<!--/Our Team -->
<!-- Twitter Parallax -->
<div id="twitter-parallax" class="parallax" style="background-image: url('images/separator1.jpg');" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
<div class="parallax-overlay">
<div class="container">
<div class="blog-feed">
<a href="http://feeds.feedburner.com/optimism/go"><img src="images/rss2.png" alt="РСС" title="РСС" border="0"></a>
<?
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, 'http://feeds.feedburner.com/optimism/go');
// curl_setopt($ch, CURLOPT_HEADER, 1);
// curl_setopt($ch, CURLINFO_HEADER_OUT, 1);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_ENCODING, 'utf-8');
$data = curl_exec($ch);
curl_close($ch);
$xml = new SimpleXMLElement($data);
$count = 4;
?>
<ul class="blog-feed-slider">
<?
foreach($xml as $item){
foreach($item->item as $key => $it){?>
<?if($count != 0){?>
<?
//convert date
$month = array("Jan" => "Января", "Feb" => "Февраля", "Mar" => "Марта", "Apr" => "Апреля", "May" => "Мая", "Jun" => "Июня", "Jul" => "Июля", "Aug" => "Августа", "Sep" => "Сентября", "Oct" => "Октября", "Nov" => "Ноября", "Dec" => "Декабря");
preg_match('/\,\ (\d{1,2} ([a-zA-Z]+)\ \d{1,4})/', $it->pubDate, $match);
$date = preg_replace('/([a-zA-Z]+)/', $month[$match[2]], $match[1])
?>
<li> <time datetime="<?=$date?>"><?=$date?></time> <a href="<?=$it->link?>"><?=$it->title;?></a> </li>
<?$count--;}?>
<?}}?>
</ul>
</div>
<!--div class="twitter-feed">
<a class="twitter-feed-icon" href="https://twitter.com/romkaru" target="_blank"><img src="images/twitter_white_big.png" alt="" /></a>
<div id="twitter-feed">
</div>
<p>@envato</p>
</div-->
</div>
</div>
</div>
<!--/Twitter Parallax -->
<!-- Newsletter -->
<section id="newsletter">
<!-- Container -->
<div class="container small-width">
<form accept-charset="UTF-8" action="http://clicks.optimism.ru/Subscription/Add/10159/2" method="post" class="es subscribers">
<div class="newsletter-left">
<input type="text" value="Введите свой e-mail" onblur="if(this.value == '') { this.value = 'Введите свой e-mail'; }" onfocus="if(this.value == 'Введите свой e-mail') { this.value = ''; }" name="Email" size="30" class="es_input">
</div>
<div class="newsletter-right">
<input type="submit" value="Подписаться" class="es_sub" onclick="ga('send', 'event', 'email', 'subscribe');yaCounter26337174.reachGoal('subscribe'); return true">
</div>
</form>
</div>
<!--/Container -->
</section>
<!-- /Newsletter -->
<!-- Services-->
<section id="services" class="content">
<!-- Container -->
<div class="container">
<!-- Section Title -->
<div class="section-title">
<h1>Услуги</h1>
<span class="border"></span>
</div>
<!--/Section Title -->
<div class="one_half">
<div class="service-item text-right element_from_left">
<span class="fa-stack fa-3x right">
<i class="fa fa-circle fa-2x fa-stack-2x"></i>
<i class="fa services_icon_1 fa-stack-1x fa-inverse service-icon"></i>
</span>
<h5>Комплексные решения</h5>
<p>Сложные мульти- и кросс-канальные решения для тех, кто ценит эффективность и оригинальные идеи</p>
</div>
<div class="service-item text-right element_from_left">
<span class="fa-stack fa-3x right">
<i class="fa fa-circle fa-2x fa-stack-2x"></i>
<i class="fa services_icon_2 fa-stack-1x fa-inverse service-icon"></i>
</span>
<h5>Поисковый маркетинг</h5>
<p>Канал для тех, кто заинтересован в обработке активного спроса целевой аудитории</p>
</div>
<div class="service-item text-right element_from_left">
<span class="fa-stack fa-3x right">
<i class="fa fa-circle fa-2x fa-stack-2x"></i>
<i class="fa services_icon_3 fa-stack-1x fa-inverse service-icon"></i>
</span>
<h5>Реклама, в том числе CPA, CPS</h5>
<p>Для тех, кто хочет сформировать спрос потребителя раньше конкурентов, в том числе с оплатой за результат</p>
</div>
</div>
<div class="one_half last">
<div class="service-item text-left element_from_right">
<span class="fa-stack fa-3x left">
<i class="fa fa-circle fa-2x fa-stack-2x"></i>
<i class="fa services_icon_4 fa-stack-1x fa-inverse service-icon"></i>
</span>
<h5>Мобильные и веб-разработки</h5>
<p>Технологичные решения для любых коммуникационных и бизнес-задач в сети</p>
</div>
<div class="service-item text-left element_from_right">
<span class="fa-stack fa-3x left">
<i class="fa fa-circle fa-2x fa-stack-2x"></i>
<i class="fa services_icon_5 fa-stack-1x fa-inverse service-icon"></i>
</span>
<h5>Маркетинг в социальных медиа</h5>
<p>Креативные решения по повышению уровня знания и лояльности к бренду в точках неформального общения</p>
</div>
<div class="service-item text-left element_from_right">
<span class="fa-stack fa-3x left">
<i class="fa fa-circle fa-2x fa-stack-2x"></i>
<i class="fa services_icon_6 fa-stack-1x fa-inverse service-icon"></i>
</span>
<h5>PR в СМИ и блогосфере</h5>
<p>Контент-решения по формированию у аудитории необходимого вам формата и качества отношения</p>
</div>
</div>
<div class="clear"></div>
<div class="tasks_block">
<div class="task_2 element_task_top">Повышение<br>знания</div>
<div class="task_4 element_task_top">Вовлечение<br>и лояльность</div>
<img src="/images/tasks.png"></td></tr>
<div class="task_1 element_task_bottom">Подготовка<br>проектов</div>
<div class="task_3 element_task_bottom">Повышение<br>продаж</div>
<div class="task_5 element_task_bottom">Повышение<br>эффективности</div>
</div>
</div>
<!--/Container -->
</section>
<!--/Services-->
<!-- Clients-->
<section id="clients" class="content">
<!-- Container -->
<div class="container">
<!-- Section Title -->
<div class="section-title">
<h1>Клиенты</h1>
<span class="border"></span>
<p>Коллекционируем лидеров</p>
</div>
<!--/Section Title -->
<!-- Clients Slider -->
<!--<div id="bx-pager">
<a data-slide-index="0" href=""><img src="images/client1.png" alt="" /></a>
<a data-slide-index="1" href=""><img src="images/client2.png" alt="" /></a>
<a data-slide-index="2" href=""><img src="images/client3.png" alt="" /></a>
<a data-slide-index="3" href=""><img src="images/client4.png" alt="" /></a>
</div>-->
<div class="clients">
<ul class="clients_ui">
<li class="element_fade_in">
<img src="/images/ulmart.png"/>
<p>Интернет-магазин №1<br> в Рунете по обороту</p>
</li>
<li class="element_fade_in">
<img src="/images/sberbank.png"/>
<p>Банк №1 в России<br> по активам</p>
</li>
<li class="element_fade_in">
<img src="/images/euroset.png"/>
<p>Продавец электроники №1<br> в России по размеру сети</p>
</li>
<li class="element_fade_in">
<img src="/images/baltika.png"/>
<p>Пивоваренная компания №1<br> в России</p>
</li>
</ul>
<h3>А ТАКЖЕ ДЕСЯТКИ ЛИДЕРОВ ДРУГИХ СЕГМЕНТОВ</h3>
</div>
<!--/Clients Slider -->
</div>
<!--/Container -->
</section>
<!--/Clients-->
<!-- We love technology-->
<section id="we-love-technology" class="content">
<!-- Container -->
<div class="container">
<!-- Section Title -->
<div class="section-title">
<h1>МЫ ОБОЖАЕМ ТЕХНОЛОГИИ</h1>
<span class="border"></span>
<p>Так уж сложилось, что мы испытываем непреодолимую страсть к новым технологическим решениям. Как следствие, у нас около десятка собственных патентов и сервисов.</p>
</div>
<!--/Section Title -->
<ul class="technology technology-2">
<li class="element_fade_in">
<a target="_blank" href="https://blogun.ru/"><img src="/images/blogun2.png"></a>
<p>Сервис PR в социальных медиа и СМИ. Блогун – это рекламная пауза в блогосфере.</p>
</li>
<li class="element_fade_in">
<a target="_blank" href="http://tradetracker-russia.ru/"><img src="/images/tt-logo.png"> </a>
<p>Партнёрская сеть с возможностью оплаты результата: действия (СРА), лидов (CPL), покупок (CPS).</p>
</li>
<li class="element_fade_in">
<a target="_blank" href="http://saitreport.ru/"><img src="/images/sitereport.png"> </a>
<p>Сервис-детектив: узнает всё о слабостях вашего сайта и расскажет о существующих решениях.</p>
</li>
<li class="element_fade_in">
<a target="_blank" href="http://pressme.ru/"><img src="/images/pressme.png"> </a>
<p>Размещать контент в СМИ никогда не было проще. Накликайте известность сами или через нашего менеджера.</p>
</li>
</ul>
<!-- <ul class="technology">
<li class="element_fade_in">
<i class="fa fa-comments"></i>
<h5>Consultation</h5>
<p>We tackle business problems with intelligence. We use cutting-edge tech and cutting-edge thinking to bring.</p>
</li>
<li class="element_fade_in">
<i class="fa fa-magic"></i>
<h5>Design</h5>
<p>We tackle business problems with intelligence. We use cutting-edge tech and cutting-edge thinking to bring.</p>
</li>
<li class="element_fade_in">
<i class="fa fa-laptop"></i>
<h5>User Experience</h5>
<p>We tackle business problems with intelligence. We use cutting-edge tech and cutting-edge thinking to bring.</p>
</li>
<li class="element_fade_in">
<i class="fa fa-cog"></i>
<h5>Development</h5>
<p>We tackle business problems with intelligence. We use cutting-edge tech and cutting-edge thinking to bring.</p>
</li>
</ul>-->
</div>
<!--/Container -->
</section>
<!--/We love technology-->
<!-- Quote Parallax -->
<div id="quote-parallax" class="parallax" style="background-image: url('images/separator2.jpg');" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
<div class="parallax-overlay parallax-background-color">
<div class="container quote">
<h1><span class="quote-img"><img src="images/quote1.png" alt="" /></span>Генералы-победители обычно строят военные планы, которые будут работать независимо от того, что делает враг – это суть хорошей стратегии<span class="quote-img"><img src="images/quote2.png" alt="" /></span></h1>
<p>- (с) Джек Траут -</p>
</div>
</div>
</div>
<!--/Quote Parallax -->
<!-- Portfolio -->
<section id="portfolio" class="content">
<!-- Container -->
<div class="container portfolio-title">
<!-- Section Title -->
<div class="section-title">
<h1>ПОРТФОЛИО</h1>
<span class="border"></span>
<p>На каком бы этапе жизненного цикла ни находился ваш бренд – нам есть, что предложить.</p>
</div>
<!--/Section Title -->
</div>
<!-- Container -->
<div class="portfolio-top"></div>
<!-- Portfolio Plus Filters -->
<div class="portfolio">
<!-- Portfolio Filters -->
<div id="filters" class="sixteen columns" style="display:none">
<ul class="clearfix">
<li><a id="all" href="#" data-filter="*" class="active"><h5>All</h5></a></li>
<li><a href="#" data-filter=".branding"><h5>Branding</h5></a></li>
<li><a href="#" data-filter=".design"><h5>Design</h5></a></li>
<li><a href="#" data-filter=".photography"><h5>Photography</h5></a></li>
<li><a href="#" data-filter=".videography"><h5>Videography</h5></a></li>
<li><a href="#" data-filter=".web"><h5>Web</h5></a></li>
</ul>
</div>
<!--/Portfolio Filters -->
<!-- Portfolio Wrap -->
<div id="portfolio-wrap">
<!-- Portfolio Item With PrettyPhoto -->
<div class="portfolio-item one-four branding web">
<div class="portfolio-image">
<img src="images/portfolio/intouch.jpg" alt="INTOUCH"/>
</div>
<div class="project-overlay">
<div class="open-project-link">
<a class="open-project" href="project-intouch.html" title="INTOUCH"></a>
</div>
<div class="project-info">
<div class="zoom-icon"></div>
<h4 class="project-name">INTOUCH</h4>
<p class="project-categories">Разработка сайта и интранета</p>
<p class="project-categories">Поисковый маркетинг</p>
</div>
</div>
</a>
</div>
<!--/Portfolio Item With PrettyPhoto -->
<!-- Portfolio Item Video Expander -->
<div class="portfolio-item one-four design photography web">
<div class="portfolio-image">
<img src="images/portfolio/ulmarta.jpg" alt="ЮЛМАРТ"/>
</div>
<div class="project-overlay">
<div class="open-project-link">
<a class="open-project" href="project-ulmart.html" title="ЮЛМАРТ"></a>
</div>
<div class="project-info">
<div class="zoom-icon"></div>
<h4 class="project-name">ЮЛМАРТ</h4>
<p class="project-categories">Поисковый маркетинг</p>
<p class="project-categories">Веб-аналитика</p>
<p class="project-categories">Техническая поддержка</p>
</div>
</div>
</div>
<!--/Portfolio Item Video Expander -->
<!-- Portfolio Item Normal Expander -->
<div class="portfolio-item one-four design videography ">
<div class="portfolio-image">
<img src="images/portfolio/miel.jpg" alt="МИЭЛЬ"/>
</div>
<div class="project-overlay">
<div class="open-project-link">
<a class="open-project" href="project-miel.html" title="МИЭЛЬ"></a>
</div>
<div class="project-info">
<div class="zoom-icon"></div>
<h4 class="project-name">МИЭЛЬ</h4>
<p class="project-categories">Репутационный менеджмент</p>
<p class="project-categories">SMM, PR</p>
</div>
</div>
</div>
<!--/Portfolio Item Normal Expander -->
<!-- Portfolio Item FullScreen Expander -->
<div class="portfolio-item one-four photography branding web">
<div class="portfolio-image">
<img src="images/portfolio/adamast.jpg" alt="ADAMAST"/>
</div>
<a href="project-adamast.html" class="external">
<div class="project-overlay">
<div class="project-info">
<div class="zoom-icon"></div>
<h4 class="project-name">ADAMAST</h4>
<p class="project-categories">Брендинг и разработка сайта</p>
</div>
</div>
</a>
</div>
<!-- Portfolio Item FullScreen Expander -->
<!-- Portfolio Item FullScreen Expander -->
<div class="portfolio-item one-four design photography branding web">
<div class="portfolio-image">
<img src="images/portfolio/sviaznoy.jpg" alt="СВЯЗНОЙ"/>
</div>
<a href="project-sviaznoy.html" class="external">
<div class="project-overlay">
<div class="project-info">
<div class="zoom-icon"></div>
<h4 class="project-name">СВЯЗНОЙ</h4>
<p class="project-categories">Дизайн интернет-магазина</p>
</div>
</div>
</a>
</div>
<!--/Portfolio Item FullScreen Expander -->
<!-- Portfolio Item Normal Expander -->
<div class="portfolio-item one-four design branding videography ">
<div class="portfolio-image">
<img src="images/portfolio/ge_oil_gas.jpg" alt="GEMONEY"/>
</div>
<div class="project-overlay">
<div class="open-project-link">
<a class="open-project" href="project-gemoney.html" title="GEMONEY"></a>
</div>
<div class="project-info">
<div class="zoom-icon"></div>
<h4 class="project-name">GEMONEY</h4>
<p class="project-categories">Разработка сайта банка</p>
</div>
</div>
</div>
<!--/Portfolio Item Normal Expander -->
<!-- Portfolio Item External Project -->
<div class="portfolio-item one-four design videography web">
<div class="portfolio-image">
<img src="images/portfolio/stancia.jpg" alt="ПИРАТСКАЯ СТАНЦИЯ"/>
</div>
<div class="project-overlay">
<div class="open-project-link">
<a class="open-project" href="project-pirate-station.html" title="ПИРАТСКАЯ СТАНЦИЯ"></a>
</div>
<div class="project-info">
<div class="zoom-icon"></div>
<h4 class="project-name">ПИРАТСКАЯ СТАНЦИЯ</h4>
<p class="project-categories">SMM</p>
<p class="project-categories">Скрытый маркетинг</p>
<p class="project-categories">Офлайн</p>
</div>
</div>
</div>
<!--/Portfolio Item External Project -->
<!-- Portfolio Item With PrettyPhoto -->
<div class="portfolio-item one-four photography design web">
<div class="portfolio-image">
<img src="images/portfolio/evroset.jpg" alt="ЕВРОСЕТЬ"/>
</div>
<div class="project-overlay">
<div class="open-project-link">
<a class="open-project" href="project-evroset.html" title="ЕВРОСЕТЬ"></a>
</div>
<div class="project-info">
<div class="zoom-icon"></div>
<h4 class="project-name">ЕВРОСЕТЬ</h4>
<p class="project-categories">SMM</p>
<p class="project-categories">Вирусный маркетинг</p>
</div>
</div>
</a>
</div>
<!--/Portfolio Item With PrettyPhoto -->
</div>
<!--/Portfolio Wrap -->
</div>
<!--/Portfolio Plus Filters -->
<div class="portfolio-bottom"></div>
<!-- Project Page Holder-->
<div id="project-page-holder">
<div class="clear"></div>
<div id="project-page-data"></div>
</div>
<!--/Project Page Holder-->
</section>
<!--/Portfolio -->
<!-- Shortcode Call To Action -->
<section id="shortcode" class="content">
<!-- Container -->
<div class="container no-padding">
<h4 class="call-action">ВАМ НАВЕРНЯКА ПОНРАВИТСЯ<a href="#contact" class="newave-button medium grey move">контакты</a></h4>
</div>
<!-- Container -->
</section>
<!-- Shortcode Call To Action -->
<!-- Contact Parralax -->
<div id="contact-parallax" class="parallax" style="background-image: url('images/separator3.jpg');" data-stellar-background-ratio="0.6" data-stellar-vertical-offset="20">
<div class="parallax-overlay">
<div class="container">
<div class="contact-details">
<div class="phone-icon"><img src="images/phone_white_big.png" alt="" /></div>
<div class="company-phone">
<?php
if (mobile_detect())
{
echo('<a href="tel:+7 (495) 225-54-72">+7 (495) 225-54-72</a>');
}
else
{
echo('<a>+7 (495) 225-54-72</a>');
}
?>
</div>
<i class="fa fa-envelope-o fa-inverse fa-2x"></i>
<h5 class="company-email">go@element.ru</h5>
<i class="fa fa-map-marker fa-inverse fa-2x"></i>
<h5 class="company-address">Москва, ул. Делегатская, 5</h5>
</div>
</div>
</div>
</div>
<!--/Contact Parralax -->
<style>
#email{display:none;}
</style>
<!-- Contact Section -->
<section id="contact">
<!-- Container -->
<div class="container small-width">
<!-- Section Title -->
<div class="section-title">
<h1>КОНТАКТЫ</h1>
<span class="border"></span>
<p></p>
</div>
<!--/Section Title -->
<!-- Contact Formular -->
<div id="contact-formular">
<div id="message"></div>
<form method="post" action="contact.php" name="contactform" id="contactform">
<div class="one_half element_from_left">
<input name="name" type="text" id="name" size="30" onfocus="if(this.value == 'ИМЯ ФАМИЛИЯ') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'ИМЯ ФАМИЛИЯ'; }" value="ИМЯ ФАМИЛИЯ" >
<input name="email" type="text" id="email" size="30" onfocus="if(this.value == 'E-mail') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'E-mail'; }" value="E-mail" >
<input name="emails" type="hidden" value="" >
</div>
<div class="one_half last element_from_right">
<textarea name="comments" cols="40" rows="4" id="comments" onfocus="if(this.value == 'Форма обращения') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Форма обращения'; }" >Форма обращения</textarea>
</div>
<input type="submit" class="send_message" id="submit" value="Отправить" onclick="ga('send', 'event', 'request', 'send');yaCounter26337174.reachGoal('request'); return true" />
</form>
</div>
<!--/Contact Formular -->
</div>
<!--/Container -->
<!-- Map-->
<div id="map_canvas"></div>
<!--End Map-->
</section>
<!--/Contact Section -->
<!-- Footer -->
<footer>
<div class="container no-padding">
<a id="back-top"><div id="menu_top"><div id="menu_top_inside"></div></div></a>
<ul class="socials-icons">
<li><a href="https://www.facebook.com/ElementRussia?fref=ts"><img src="images/facebook.png" alt="" /></a></li>
<li><a href="https://twitter.com/romkaru"><img src="images/twitter.png" alt="" /></a></li>
<li><a href="https://plus.google.com/116201824292942728029/posts"><img src="images/google.png" alt="" /></a></li>
<li><a href="http://www.optimism.ru/blog/"><img src="images/blog.png" alt="" /></a></li>
<li><a href="https://www.linkedin.com/company/element-group?trk=company_logo"><img src="images/linkedin.png" alt="" /></a></li>
<li><a href="https://vk.com/optimismru"><img src="images/vk.png" alt="" /></a></li>
</ul>
<p class="copyright">© Группа Элемент, 2000-2015</p>
</div>
</footer>
<!--/Footer -->
<div style="opacity:0; height:0px!important; position:fixed; ">
<img src="images/projects/3.png" alt="" />
<img src="images/projects/4.jpg" alt="" />
<img src="images/projects/5.jpg" alt="" />
<img src="images/projects/6.png" alt="" />
</div>
<?include($_SERVER['DOCUMENT_ROOT'].'/feedbackform_popup.php');?>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.js'></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/jquery.easing-1.3.pack.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.parallax-1.1.3.js" type="text/javascript"></script>
<script src="js/appear.js" type="text/javascript" ></script>
<script src="js/modernizr.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="js/isotope.js" type="text/javascript"></script>
<script src="js/jquery.bxslider.min.js"></script>
<script type="text/javascript" src="js/jquery.tweet.js"></script>
<script src="js/jquery.cycle.all.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.maximage.js" type="text/javascript" charset="utf-8"></script>
<script src="js/sscr.js"></script>
<script src="js/skrollr.js"></script>
<script src="js/jquery.jigowatt.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script src="js/scripts.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery.reveal.js"></script>
</body>
</html>