3 * The Header for our theme
5 * Displays all of the <head> section and everything up till <div id="main">
8 * @subpackage Twenty_Fourteen
9 * @since Twenty Fourteen 1.0
13 <html class="ie ie7" <?php language_attributes(); ?>>
16 <html class="ie ie8" <?php language_attributes(); ?>>
18 <!--[if !(IE 7) & !(IE 8)]><!-->
19 <html <?php language_attributes(); ?>>
22 <meta charset="<?php bloginfo( 'charset' ); ?>">
23 <meta name="viewport" content="width=device-width">
24 <title><?php wp_title( '|', true, 'right' ); ?></title>
25 <link rel="profile" href="http://gmpg.org/xfn/11">
26 <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
28 <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
33 <body <?php body_class(); ?>>
34 <div id="page" class="hfeed site">
35 <?php if ( get_header_image() ) : ?>
36 <div id="site-header">
37 <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
38 <img src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="">
43 <header id="masthead" class="site-header" role="banner">
44 <div class="header-main">
45 <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
47 <div class="search-toggle">
48 <a href="#search-container" class="screen-reader-text"><?php _e( 'Search', 'twentyfourteen' ); ?></a>
51 <nav id="primary-navigation" class="site-navigation primary-navigation" role="navigation">
52 <button class="menu-toggle"><?php _e( 'Primary Menu', 'twentyfourteen' ); ?></button>
53 <a class="screen-reader-text skip-link" href="#content"><?php _e( 'Skip to content', 'twentyfourteen' ); ?></a>
54 <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
58 <div id="search-container" class="search-box-wrapper hide">
59 <div class="search-box">
60 <?php get_search_form(); ?>
63 </header><!-- #masthead -->
65 <div id="main" class="site-main">