<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title><?php echo MAIN_NAME; ?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />

    <!-- css -->
    <link href="https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet" />
    <link href="css/bootstrap-responsive.css" rel="stylesheet" />
    <link href="css/fancybox/jquery.fancybox.css" rel="stylesheet">
    <link href="css/jcarousel.css" rel="stylesheet" />
    <link href="css/flexslider.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <!-- Theme skin -->
    <link href="skins/<?php echo SYS_SKIN; ?>.css" rel="stylesheet" />
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon" sizes="57x57" href="ico/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="ico/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="ico/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="ico/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="ico/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="ico/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="ico/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="ico/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="ico/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="ico/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="ico/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="ico/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="ico/favicon-16x16.png">
    <link rel="manifest" href="ico/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="ico/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
</head>

<body data-spy="scroll">
    <div id="wrapper">
        <!-- start header -->
        <header>
            <div class="container">
                <div class="row nomargin">
                    <div class="span2">
                        <div class="logo">
                            <a href="/"><img src="img/logo.png" alt="" class="logo" /></a>
                        </div>
                    </div>
                    <div class="span10">
                        <div class="row nomargin">
                            <div class="span10">
                                <div class="description">
                                    <h1><?php echo MAIN_SLOGAN; ?></h1>
                                </div>
                            </div>
                        </div>
                        <div class="row nomargin">
                            <div class="span10">
                                <div class="navbar navbar-static-top">
                                    <div class="navigation">
                                        <nav>
                                            <ul class="nav topnav">
                                                <?php foreach ($sys_menu as $menu) { ?>
                                                    <li class="<?php echo ((isset($_GET["page"]) && strcasecmp($menu->page, $_GET["page"]) == 0) || (!isset($_GET["page"]) && strcasecmp($menu->page, "home") == 0) ? "nav-active" : ""); ?>">
                                                        <a href="<?php echo strtolower($menu->page); ?>"><?php echo $menu->page; ?></a>
                                                    </li>
                                                <?php } ?>
                                            </ul>
                                        </nav>
                                    </div>
                                    <!-- end navigation -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- end header -->