<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<title>{% block title %}{{ pageTitle ?? "Alvadi Page Title" }}{% endblock %}</title>

	<link rel="shortcut icon" sizes="16x16 24x24 32x32 48x48 64x64 152x152 192x192" href="/images/favicon/favicon.ico" />
	<!-- Mobile (Android, iOS & others) -->
	<link rel="apple-touch-icon" sizes="57x57" href="/images/favicon/favicon-57.png" />
	<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/images/favicon/favicon-57.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="/images/favicon/favicon-72.png" />
	<link rel="apple-touch-icon" sizes="114x114" href="/images/favicon/favicon-114.png" />
	<link rel="apple-touch-icon" sizes="120x120" href="/images/favicon/favicon-120.png" />
	<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon/favicon-144.png" />
	<link rel="apple-touch-icon" sizes="152x152" href="/images/favicon/favicon-152.png" />
	<!-- Windows 8 Tiles -->
	<meta name="application-name" content="Autovaruosad ALVADI" />
	<meta name="msapplication-TileImage" content="/images/favicon/favicon-144.png" />
	<meta name="msapplication-TileColor" content="#2A2A2A" />
	<!-- iOS Settings -->
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
	<!-- manifest.json -->
	<link rel="manifest" href="/manifest.json" />

	{% block headerCss %}
	<link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&amp;subset=cyrillic-ext,latin-ext" rel="stylesheet" />
	<link rel="stylesheet" href="/fonts/awesome/font-awesome.css" type="text/css" media="all" />

	<link rel="stylesheet" href="/css/style.css" type="text/css" media="all" />
	<link rel="stylesheet" href="/dev/assets/dev.css" type="text/css" media="all" />
	<!--JS files at the bottom-->
	{% endblock %}
	{% block headerOG %}
	<meta property="og:title" content="Alvadi - Page Title" />
	<meta property="og:image" content="http://uxleo.com/projects/alvadi/responsive/src/images/alvadi_face.png" />
	<meta property="og:type" content="website" />
	<meta property="og:url" content="http://uxleo.com/projects/alvadi/responsive/src/html/index.html" />
	{% endblock %}
</head>
<body>
<div id="desys">
	<div class="desys-side">
		<div class="desys-side__logo">
			<a href="/">ALVADI</a>
			<span>DESIGN SYSTEM</span>
		</div>
		<form class="desys-side__search">
			<div class="form-group">
				<div class="form-field">
					<input class="form-control" type="text" value="" placeholder="найти компонент" />
				</div>
				<div class="form-button">
					<button class="btn"><i class="fa fa-search"></i></button>
				</div>
			</div>
		</form>
		{% include '../_parts/_menu.twig' %}
	</div>
	<div class="desys-container">
		{% include '../_parts/_header.twig' %}
		<div class="desys-content">
			{% block beforeContent %}{% endblock %}
			{% block content %}content...{% endblock %}
			{% block afterContent %}{% endblock %}
		</div>
		{#{% include '../_parts/_footer.twig' %}#}
	</div>
</div><!--#desys-->
{% block modals %}{% endblock %}

{% block footerJS %}
<script type="text/javascript" src="/lib/jquery/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/lib/bootstrap/3.4.1/bootstrap.min.js"></script>
<script type="text/javascript" src="/lib/bootstrap-select/bootstrap-select.js"></script>
<link rel="stylesheet" href="/lib/bootstrap-select/bootstrap-select.css" type="text/css" media="all" />
{#TODO: CHECK mCustomScrollbar#}
<link rel="stylesheet" href="/lib/scrollbar/jquery.mCustomScrollbar.css" type="text/css" media="all" />
<script type="text/javascript" src="/lib/scrollbar/jquery.mCustomScrollbar.js"></script>
<!--must be the last-->
<script type="text/javascript" src="/js/scripts.js"></script>
<script type="text/javascript" src="/lib/svg4everybody/svg4everybody.js"></script>
<script type="text/javascript">svg4everybody();</script>
<script type="text/javascript" src="/dev/assets/dev.js"></script>
{% endblock %}
{% block afterFooterJS %}{% endblock %}
</body>
</html>