<html>
<head>
<title>$SITE_NAME$ - $MODULE_NAME$</title>
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" type="text/css" href="/_st/my.css" />
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="/css/settings.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/font-awesome.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/animate.css" media="screen" />
<link rel="stylesheet" type="text/css" href="/css/component.css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic|Roboto+Condensed:300italic,400italic,700italic,400,300,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
</head>
<body>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
$GLOBAL_AHEADER$
<?if($PAGE_ID$='sitePage1')?>
<div class="slider">
<div class="fullwidthbanner-container">
<div class="fullwidthbanner">
<ul>
<!-- SLIDEUP -->
<li data-transition="zoomin" data-slotamount="7" data-masterspeed="600" >
<img src="/images/slides/thumb2.jpg">
<div class="caption lft big_white" data-x="100" data-y="250" data-speed="400" data-start="1700" data-easing="easeOutExpo" style="margin-top:170px">ДЕМО-САЙТ ШАБЛОНА APOFISS</div>
<div class="caption lft big_orange" data-x="100" data-y="293" data-speed="400" data-start="1900" data-easing="easeOutExpo"style="margin-top:170px"><span style="font-weight:normal;">cтильная тема оформления для вашего сайта</span><em> работающего на платформе uCoz</em></div>
</li>
<!-- FADE -->
<li data-transition="zoomout" data-slotamount="7" data-masterspeed="1000">
<img src="/images/slides/thumb1.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
<div class="tp-caption customin fullscreenvideo"
data-x="0"
data-y="0"
data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:5;scaleY:5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
data-speed="700"
data-start="500"
data-easing="Power4.easeInOut"
data-endspeed="700"
data-autoplay="false"
data-autoplayonlyfirsttime="false"
style="z-index: 2"><iframe src='http://player.vimeo.com/video/50522981?title=0&byline=0&portrait=0;api=1' width='100%' height='100%' style='width:100%px;height:100%px;'></iframe>
</div>
</li>
<!-- SLIDEUP -->
<li data-transition="slideleft" data-slotamount="7" data-masterspeed="2000" >
<img src="/images/slides/thumb4.jpg">
<div class="caption sfb" data-x="0" data-y="10" data-speed="900" data-start="900" data-easing="easeOutSine"><img src="/images/slides/glare2.png"></div>
<div class="caption lft" data-x="250" data-y="50" data-speed="900" data-start="1700" data-easing="easeOutBack"><img src="/images/slides/strawberries.png"></div>
<div class="caption lfb big_white" data-x="120" data-y="330" data-speed="600" data-start="1800" data-easing="easeOutExpo">Strawberries are like a glimpse of summer.</div>
</li>
<!-- SLIDERIGHT -->
<li data-transition="slidedown" data-slotamount="7" data-masterspeed="1000" >
<img src="/images/slides/thumb3.jpg">
<div class="caption lft boxshadow" data-x="200" data-y="80" data-speed="900" data-start="1300" data-easing="easeOutExpo"><iframe src="http://player.vimeo.com/video/32001208?title=0&byline=0&portrait=0" width="460" height="259"></iframe></div>
<div class="caption lfb small_text" data-x="335" data-y="358" data-speed="300" data-start="1600" data-easing="easeOutExpo">Just an awesome Vimeo Video</div>
</li>
</ul>
<div class="tp-bannertimer"></div>
</div>
</div>
</div>
<div id="main">
<section class="welcome">
<h1>Welcome. We are <span class="text-color">Apofiss</span> Creative <span class="text-color">&</span> inovative team.</h1>
<p class="light">So let us introduce 'cause we are here to rock your world!</p>
</section>
<section class="services">
<div class="hi-icon-wrap hi-icon-effect-1 hi-icon-effect-1a">
<div class="grid_3"><div class="icon"><i class="hi-icon hi-icon-pencil">Mobile</i></div>
<li><div class="service-info clearfix"><h5>Уникальный дизайн</h5>
<img src="/images/line-service.png" class="line-service">
<p>Дизайн отлично впишется в бизнес тематику персональный блог или сайт-визитку (портфолио)</p>
</div></li>
</div>
<div class="grid_3"> <div class="icon"><i class="hi-icon hi-icon-mobile">Desktop</i></div>
<li><div class="service-info clearfix"><h5>Адаптивный дизайн</h5>
<img src="/images/line-service.png" class="line-service">
<p>Удобная работа с вашим сайтом на любом устройстве, будь то ПК, ноутбук, планшет или смартфон</p>
</div></li>
</div>
<div class="grid_3"> <div class="icon"><i class="hi-icon hi-icon-cog">Partners</i></div>
<li> <div class="service-info clearfix"><h5>HTML5/CSS3</h5>
<img src="/images/line-service.png" class="line-service">
<p>В шаблоне используются новейшие веб-технологии HTML5 разметка и интеграция CSS3</p>
</div></li>
</div>
<div class="grid_3"> <div class="icon"><i class="hi-icon hi-icon-bookmark">Support</i></div>
<li> <div class="service-info clearfix"><h5>Документация</h5>
<img src="/images/line-service.png" class="line-service">
<p>Подробная документация по установке и настройке</p>
</div></li>
</div>
</div>
</section>
</div>
<section class="work">
<div class="container">
<div class="worktitle"><h1><cite>Наши работы</cite></h1>
</div>
<div class="informgallery"> $MYINF_1$</div>
</div>
</section>
<section class="comment">
<div class="container">
<div class="bg-comment">
<img src="/images/comment.png">
<p>Нет смысла нанимать толковых людей, а затем указывать, что им делать. Мы нанимаем людей, чтобы они говорили, что делать нам.</p>
<cite>Стив Джобс CEO Apple</cite>
</div>
</div>
</section>
<section class="myblog">
<div class="container">
<span class="blogtitle"><cite>Наш блог</cite></span>
<div class="informblog"> $MYINF_2$</div>
</div>
</section>
<section class="company">
<div class="container">
<span class="companytitle"><cite>Наши клиенты</cite></span>
<div class="brand-icon">
<li>
<a href="#">
<img src="/images/brand/Ubisoft.png" alt="Ubisoft" title="Ubisoft" width="120"/>
</a>
</li>
<li>
<a href="#">
<img src="/images/brand/Crytek.png" alt="Crytek" title="Crytek" width="260px" style="padding-left: 30px;"/>
</a>
</li>
<li>
<a href="#">
<img src="/images/brand/Rockstar_Games.png" alt="Rockstar Games" title="Rockstar Games" style="width: 100px; padding-left: 30px;" />
</a>
</li>
<li>
<a href="#">
<img src="/images/brand/valve.png" alt="Valve" title="Valve" style="width: 130px; padding-top: 25px; padding-left: 80px;"/>
</a>
</li>
<li>
<a href="#">
<img src="/images/brand/ea.jpg" alt="EA" title="EA" style="width: 130px; padding-left: 80px;"/>
</a>
</li>
<li>
<a href="#">
<img src="/images/brand/remedy.jpg" alt="Remedy" title="Remedy" style="width: 110px;padding-left: 85px; margin-top: -10px;"/>
</a>
</li>
</div>
</section>
<?else?>
<div class="infomodule">
<div class="container">
<div class="fadeInLeft animated"><div class="infopage"><a href="/" class="icon-home" title="Перейти на главную"></a> / $MODULE_NAME$</div></div>
</div>
</div>
<section id="content">
<?if($PAGE_ID$='sitePage3')?>
<div class="google-map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d83998.91163207508!2d2.3470599!3d48.85885894999999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f06e2b70f%3A0x40b82c3688c9460!2z0J_QsNGA0LjQtg!5e0!3m2!1sru!2sua!4v1404944066873" width="1170" height="450" frameborder="0" style="border:0"></iframe>
</div>
<?endif?>
<!-- <middle> -->
<section>
<?if($PAGE_ID$='sitePage3')?>
<?else?>
<div class="grid_5">
<?endif?>
<div class="fadeInLeft animated">
<!-- <body> -->$CONTENT$<!-- </body> -->
</div>
</div>
</section>
</div>
</div>
<?if($PAGE_ID$='sitePage3')?>
<?else?>
<div class="grid_3right">
<div class="fadeInRight animated">
$GLOBAL_CLEFTER$ </div>
</div> <?endif?> <?endif?> <!-- </middle> -->
</section>
</div>
</div></div>
$GLOBAL_BFOOTER$
</body>
<script type="text/javascript" src="/js/jquery.nicescroll.js"></script>
<script>
$(document).ready(
function() {
$("html").niceScroll();
}
);
</script>
<script type="text/javascript" src="/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui.js"></script>
<script src="/js/superfish.js" type="text/javascript"></script>
<script src="/js/jquery.hoverIntent.js" type="text/javascript"></script>
<script src="/js/plugins.slider.js"></script>
<script src="/js/slider.js"></script>
<script src="/js/script.js"></script>
</html>
