<!DOCTYPE html>
<!--[if IE 8]>         <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
<html <?php language_attributes(); ?> class="no-js">
<!--<![endif]-->
<head>
  <meta charset="utf-8">

  <title>
  <?php 
    wp_title( '|', true, 'right' ); // post title appear on right
    bloginfo( 'name' );

    $blog_description = get_bloginfo( 'description', 'display' );
    if ( $blog_description && ( is_home() || is_front_page() ) ) echo " | $blog_description"; 
  ?>
  </title>

  <meta name="author" content="<?php echo get_bloginfo( 'name '); ?>">
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->

  <!-- Favicon -->
  <link rel="shortcut icon" href="<?php echo esc_url( ot_get_option( 'eth_favicon' ) ); ?>">

  <?php wp_head(); ?>
</head>


<body <?php body_class(); ?>>
<!--[if lt IE 7]>
    <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->

<div id="site-container" class="site-container">
  
  <!-- jQuery .load() flicker fix (so that the site works even with JS disabled) -->
  <script type="text/javascript">
  // document.write('<style type="text/css">.site-container{display:none;}</style>');
  document.getElementById('site-container').className += ' opacity-zero';
  </script>



  <header class="header" id="header">
    <div class="container">
      
      <div class="sixteen columns">

        <div class="logo">
          <a href="<?php echo esc_url( home_url() ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
            <img src="<?php echo esc_url( ot_get_option('eth_logo') ); ?>" />
          </a>
        </div>
      
      
        <nav class="nav">
          <!-- Mobile Menu Toggle -->
          <a href="#" id="menu-toggle" class="menu-toggle">Menu <i class="fa fa-align-justify"></i></a>
          
          <?php wp_nav_menu( array(
            'theme_location'  => 'top-menu',
            'container'       => false,
            'menu_class'      => 'menu',
            'menu_id'         => 'menu',
          ) ); ?>
        </nav>
      
      </div> <!-- /.sixteen columns -->
    
    </div><!-- /.container -->
  </header>