<!DOCTYPE html>

<!--[if IE 8 ]><html class="ie ie8" lang="<?php print $language->language; ?>" dir="<?php print $language->dir; ?>"<?php print $rdf_namespaces; ?>><![endif]-->

<!--[if (gte IE 9)|!(IE)]><!--><html lang="<?php print $language->language; ?>" dir="<?php print $language->dir; ?>"<?php print $rdf_namespaces; ?>> <!--<![endif]-->

  <head>

    <?php print $head; ?>

<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">

<link rel="icon" type="image/png" sizes="144x144"  href="/android-icon-144x144.png">

   <title><?php print $head_title; ?></title>

    <?php print $styles; ?>

    <?php $switcher = theme_get_setting('use_theme_switcher'); ?>

    <?php if($switcher):?>

    <link rel="stylesheet" href="<?php print base_path() . path_to_theme(); ?>/css/empty.css" id="colors">

    <?php endif; ?>

    <!--[if lt IE 9]>

          <script src="<?php print base_path() . path_to_theme(); ?>/js/html5shiv.js"></script>

      <script src="<?php print base_path() . path_to_theme(); ?>/js/respond.min.js"></script>

      <![endif]-->

    <?php print $scripts; ?>



  </head>

 <body class="<?php print $classes; ?>" <?php print $attributes; ?>>
 

    <div id="skip-link">

      <a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a>

    </div>

    <?php print $page_top; ?>

    <?php print $page; ?>

    <?php print $page_bottom; ?>

    

    <?php if ($switcher): ?>



      <div id="style-switcher">

        <h2><?php print t('Style Switcher');?> <a href="#"></a></h2>



        <div><h3><?php print t('Predefined Colors');?></h3>

          <ul class="colors" id="color1">

            <li><a href="#" class="green" title="Green"></a></li>

            <li><a href="#" class="blue" title="Blue"></a></li>

            <li><a href="#" class="orange" title="Orange"></a></li>

            <li><a href="#" class="navy" title="Navy"></a></li>

            <li><a href="#" class="yellow" title="Yellow"></a></li>

            <li><a href="#" class="peach" title="Peach"></a></li>

            <li><a href="#" class="beige" title="Beige"></a></li>

            <li><a href="#" class="purple" title="Purple"></a></li>

            <li><a href="#" class="celadon" title="Celadon"></a></li>

            <li><a href="#" class="pink" title="Pink"></a></li>

            <li><a href="#" class="red" title="Red"></a></li>

            <li><a href="#" class="brown" title="Brown"></a></li>

            <li><a href="#" class="cherry" title="Cherry"></a></li>

            <li><a href="#" class="cyan" title="Cyan"></a></li>

            <li><a href="#" class="gray" title="Gray"></a></li>

            <li><a href="#" class="darkcol" title="Dark"></a></li>

          </ul>



          <h3><?php print t('Layout Style');?></h3>

          <div class="layout-style">

            <select id="layout-style"> 

              <option value="1"><?php print t('Boxed');?></option>

              <option value="2"><?php print t('Wide');?></option>

            </select>

          </div>

          <h3><?php print t('Menu style');?></h3>

          <div class="menu-style">

            <select id="menu-style"> 

              <option value="1"><?php print t('Dark');?></option>

              <option value="2"><?php print t('Light');?></option>

            </select>

          </div>



          <h3><?php print t('Background Image');?></h3>

          <ul class="colors bg" id="bg">

            <li><a href="#" class="bg1"></a></li>

            <li><a href="#" class="bg2"></a></li>

            <li><a href="#" class="bg3"></a></li>

            <li><a href="#" class="bg4"></a></li>

            <li><a href="#" class="bg5"></a></li>

            <li><a href="#" class="bg6"></a></li>

            <li><a href="#" class="bg7"></a></li>

            <li><a href="#" class="bg8"></a></li>

            <li><a href="#" class="bg9"></a></li>

            <li><a href="#" class="bg10"></a></li>

            <li><a href="#" class="bg11"></a></li>

            <li><a href="#" class="bg12"></a></li>

            <li><a href="#" class="bg13"></a></li>

            <li><a href="#" class="bg14"></a></li>

            <li><a href="#" class="bg15"></a></li>

            <li><a href="#" class="bg16"></a></li>

          </ul>



          <h3><?php print t('Background Color');?></h3>

          <ul class="colors bgsolid" id="bgsolid">

            <li><a href="#" class="green-bg" title="Green"></a></li>

            <li><a href="#" class="blue-bg" title="Blue"></a></li>

            <li><a href="#" class="orange-bg" title="Orange"></a></li>

            <li><a href="#" class="navy-bg" title="Navy"></a></li>

            <li><a href="#" class="yellow-bg" title="Yellow"></a></li>

            <li><a href="#" class="peach-bg" title="Peach"></a></li>

            <li><a href="#" class="beige-bg" title="Beige"></a></li>

            <li><a href="#" class="purple-bg" title="Purple"></a></li>

            <li><a href="#" class="red-bg" title="Red"></a></li>

            <li><a href="#" class="pink-bg" title="Pink"></a></li>

            <li><a href="#" class="celadon-bg" title="Celadon"></a></li>

            <li><a href="#" class="brown-bg" title="Brown"></a></li>

            <li><a href="#" class="cherry-bg" title="Cherry"></a></li>

            <li><a href="#" class="cyan-bg" title="Cyan"></a></li>

            <li><a href="#" class="gray-bg" title="Gray"></a></li>

            <li><a href="#" class="dark-bg" title="Dark"></a></li>

          </ul>

        </div>



        <div id="reset"><a href="#" class="button color"><?php print t('Reset');?></a></div>



      </div>

    <?php endif; ?>



  </body>

</html>

