Your IP : 172.71.120.4
<!DOCTYPE html>
<html lang="en">
<head>
<title>Newave - Responsive One Page Parallax Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Responsive One Page Parallax Template" />
<meta name="author" content="ClaPat Studio">
<meta charset="UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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'>
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="75">
<!-- 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>
<!--<li>we Make <span class="text-color">outstanding</span> design </li> -->
</ul>
<p>Стратегия<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="external" href="index.html"><img src="images/logo.png"></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>-->
</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="controls" name="media" poster="images/video.jpg" src="http://mebel.element.ru/Element_group_HD_long_2 (1).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 -->
<div style="padding-left: 100px;">
<table cellspacing="10" cellpadding="10">
<tbody>
<tr style="font-size: 15px;text-align: center;">
<td>Комлексный маркетинг</td>
<td>Поисковый маркетинг и реклама</td>
<td>Креатив и социал медиа</td>
<td>PR и скрытое продвижение</td>
<td>Веб-разработка и брендинг</td>
</tr>
<tr>
<td><img src="/images/eg.png"/></td>
<td><img src="/images/optimism.png"/></td>
<td><img src="/images/gp.png"/></td>
<td><img src="/images/blogun.png"/></td>
<td><img src="/images/virtuos.png"/></td>
</tr>
</tbody>
</table>
</div>
</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="#"><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 -->
<!-- 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">
</div>
</form>
</div>
<!--/Container -->
</section>
<!-- /Newsletter -->
<!-- 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="wrap_public">
<div id="public_head">
<a href="http://www.optimism.ru/blog/">Публикации в блоге</a>
<a style="background-color:#ffffff; padding:0;" href="http://feeds.feedburner.com/optimism/go">
<img src="http://www.optimism.ru/img/icon_rss.jpg" alt="РСС" title="РСС" border="0">
</a>
</div>
<script>
</script>
<div id="lists_pub"></div>
</div>
<!-- Project Slider -->
<div class="project-image-slider">
<ul class="project-slider">
<li><img src="images/projects/7c.png" alt="" /></li>
<li><img src="images/projects/7d.png" alt="" /></li>
</ul>
</div>
<!--/Project Slider -->
<!--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 -->
<!-- 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 fa-cog 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 fa-user 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 fa-camera 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 fa-desktop 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 fa-apple 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 fa-play-circle fa-stack-1x fa-inverse service-icon"></i>
</span>
<h5>PR в СМИ и блогосфере</h5>
<p>Контент-решения по формированию у аудитории необходимого вам формата и качества отношения</p>
</div>
</div>
<div style="padding-left: 150px;">
<table>
<tbody>
<tr><td colspan="5"><img src="/images/tasks.png"></td></tr>
</tbody>
</table>
<div style="float:left;padding-left: 30px;">Подготовка<br>
проектов</div>
<div style="float:left;padding-left: 120px;">Повышение<br>
знания</div>
<div style="float:left;padding-left: 120px;">Повышение<br>
продаж</div>
<div style="float:left;padding-left: 130px;">Вовлечение<br>
и лояльность</div>
<div style="float:left;padding-left: 100px;">Повышение<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 style="padding-left: 250px;">
<table cellspacing="10" cellpadding="10">
<tbody>
<tr>
<td><img style="width: 150px;" src="/images/ulmart.png"/></td>
<td><img style="width: 150px;" src="/images/sberbank.png"/></td>
<td><img style="width: 120px;" src="/images/euroset.png"/></td>
<td><img style="width: 180px;" src="/images/baltika.png"/></td>
</tr>
<tr style="text-align: center;">
<td>Интернет-магазин №1<br> в Рунете по обороту</td>
<td>Банк №1 в России<br> по активам</td>
<td>Продавец электроники №1<br> в России по размеру сети</td>
<td>Пивоваренная компания №1<br> в России</td>
</tr>
</tbody>
</table>
</div>
<ul class="clients-slider">
<li><h3>А ТАКЖЕ ДЕСЯТКИ ЛИДЕРОВ ДРУГИХ СЕГМЕНТОВ</h3>
</li>
</ul>
<!--/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 -->
<div style="padding-left: 100px;">
<img style="width: 220px;height: 40px;" src="/images/blogun.png">
<img style="width: 200px;padding-left: 40px;height: 70px;" src="/images/TTDE_Logo.jpg">
<img style="width: 270px;height: 100px;" src="/images/sitereport-logo.gif">
<img style="width: 220px;height: 30px;" src="/images/pressme.png">
</div>
<div style="float:left;width: 120px;padding-left: 160px;text-align: center;">Сервис PR в социальных медиа и СМИ. Блогун – это рекламная пауза в блогосфере.</div>
<div style="float:left;width: 120px;padding-left: 140px;text-align: center;">Партнёрская сеть с возможность оплаты результата: действия пользователей (СРА), лидов (CPL), покупок (CPS).</div>
<div style="float:left;width: 120px;padding-left: 120px;text-align: center;">Сервис-детектив: узнает всё о слабостях вашего сайта и расскажет всё существующих решениях.</div>
<div style="float:left;width: 120px;padding-left: 120px;text-align: center;">Размещать релизы и статьи в серьёзных СМИ никогда не было проще. Накликайте известность сами или через нашего менеджера.</div>
<!-- <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">
<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"><a>+7 (495) 225-54-72</a></div>
<i class="fa fa-envelope-o fa-inverse fa-2x"></i>
<h5 class="company-email">info@element.ru </h5>
<i class="fa fa-map-marker fa-inverse fa-2x"></i>
<h5 class="company-address">Москва, 2-й Спасоналивковский переулок, 6</h5>
</div>
</div>
</div>
</div>
<!--/Contact Parralax -->
<!-- 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="phone" type="text" id="phone" size="30" onfocus="if(this.value == 'Телефон') { this.value = ''; }" onblur="if(this.value == '') { this.value = 'Телефон'; }" 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="Отправить" />
</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/optimism.ru"><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="http://www.optimism.ru/blog/"><img src="images/google.png" alt="" /></a></li>
</ul>
<p class="copyright">© Группа Элемент, 2000-2014</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>
<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">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'YOUR GOOGLE ANALYTICS CODE']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>