<!DOCTYPE HTML>
<html lang="{L_LANG_HTML}">
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
<!-- END switch_canonical_url -->
{META}
{META_FAVICO}
{T_HEAD_STYLESHEET}
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="{GG_THEME_COLOR}" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,400italic,500,700,700italic,900&subset=greek,greek-ext,latin,vietnamese,cyrillic-ext,latin-ext,cyrillic" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="//code.jquery.com/jquery-2.2.3.min.js" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(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>
<!-- END google_analytics_code -->
{HOSTING_JS}
<style type="text/css">
header {
color: #fff;
background: RGBA(12,72,143,0.9);
height: 44px;
width: 100%;
padding: 0 10px;
position: fixed;
top: 0;
transition: top 0.2s ease-in-out;
z-index: 11;
}
.nav-hide {
top: -44px;
}
.float-left { float: left; }
.float-right { float: right; }
footer {
color: #f5f5f5;
background: #3c3c3c;
}
ul, li {
display: block;
list-style: none;
}
ul {
margin: 10px 5px 15px;
padding: 5px;
}
li {
margin: 2px 0;
padding: 6px 8px;
}
h1, h2, h3, h4, h5, h6 {
color: #555;
padding: 5px 10px 10px;
}
header [class*="menu-"] {
cursor: pointer;
font-size: 22px;
height: initial;
padding: 5px;
width: initial;
float: left;
}
[id*="menu-"] {
background: #252525;
bottom: 0;
color: #858585;
height: 100%;
position: fixed;
top: 0;
width: 205px;
z-index: 99;
}
[id*="menu-"] .box {
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
}
[id*="menu-"] .box::-webkit-scrollbar {
height: 4px;
width: 4px;
}
[id*="menu-"] ul {
margin: 0;
padding: 0;
}
[id*="menu-"] li {
border-bottom: 1px solid #1F1F1F;
font-size: 12px;
line-height: 28px;
margin: 0;
overflow: hidden;
padding: 5px;
position: relative;
}
[id*="menu-"] li:last-child {
border: 0;
}
#menu-left {
border-right: 1px solid #161616;
left: -205px;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#menu-left .profile {
background: #222;
border-bottom: 5px solid #151515;
padding: 8px 5px;
}
#menu-left .profile img {
border: 1px solid #111;
border-radius: 5px;
display: inline-block;
height: 32px;
vertical-align: middle;
width: 32px;
}
#menu-left .content {
position: relative;
height: initial;
width: 100%;
}
#menu-left .content h5 {
background: #353535;
color: #CCC;
font-weight: 400;
}
#menu-left .content .fa {
padding: 0 8px 0 4px;
}
#menu-left .content ul:last-child {
color: #656565;
}
#menu-left .content ul:last-child .fa {
color: #151515;
}
#menu-left .profile span, #menu-right li span {
*font-weight: bold;
padding-left: 8px;
}
header.active, #menu-left.active {
-webkit-transform: translate3d(205px,0,0);
-moz-transform: translate3d(205px,0,0);
transform: translate3d(205px,0,0);
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
</style>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
</head>
<body>
<header class="">
<span class="menu-left"><i class="fa fa-navicon"></i></span>
<div class="ks-mob">
<a href="/">
<img title="koutstore" src="http://i35.servimg.com/u/f35/13/76/93/58/mob11.png" />
</a>
</div>
</header>
<script type="text/javascript">
(function(){
$('.menu-left').click(function(){
$('header').toggleClass('active'),
$('#menu-left').toggleClass('active'),
$('footer').toggleClass('active')
});
$('.menu-right').click(function(){$('#menu-right').toggleClass('active')});
})();
</script>
<div id="menu-left">
<div class="box">
<div class="profile">
<img src="http://goo.gl/yP1jzp" alt="" /><span>Parian Developers</span>
</div>
<div class="content">
<h5>Favorite</h5>
<ul>
<li><a href=""><i class="fa fa-newspaper-o"></i> Newspaper</a></li>
<li><a href=""><i class="fa fa-calendar"></i> Events</a></li>
<li><a href=""><i class="fa fa-users"></i> Friends</a></li>
<li><a href=""><i class="fa fa-comment"></i> Messages</a></li>
</ul>
<h5>App</h5>
<ul>
<li><a href=""><i class="fa fa-search"></i> Search Friend</a></li>
<li><a href=""><i class="fa fa-image"></i> Images</a></li>
<li><a href=""><i class="fa fa-music"></i> Music</a></li>
<li><a href=""><i class="fa fa-film"></i> Videos</a></li>
</ul>
<h5>Set & Help</h5>
<ul>
<li><a href=""><i class="fa fa-info-circle"></i> Help</a></li>
<li><a href=""><i class="fa fa-list"></i> Activity Register</a></li>
<li><a href=""><i class="fa fa-cog"></i> Configure Count</a></li>
<li><a href=""><i class="fa fa-lock"></i> Access Private</a></li>
<li><a href=""><i class="fa fa-bug"></i> Problem Report</a></li>
<li><a href=""><i class="fa fa-power-off"></i> Sign Out</a></li>
</ul>
</div>
</div>
</div>
<div id="wrap">
<div id="header" class="mobile_title">
{NAV_CAT_DESC}
</div>
<main>
<!-- BEGIN html_validation -->
</main>
</div>
</body>
</html>
<!-- END html_validation -->
Facebook
Twitter
Youtube
