<?php
/**
 * The header.
 *
 * This is the template that displays all of the <head> section and everything up until main.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_One
 * @since Twenty Twenty-One 1.0
 */

?>
<!doctype html>
<html <?php language_attributes(); ?> <?php twentytwentyone_the_html_classes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
	<!-- Stylesheet -->
	<link href="<?php echo get_template_directory_uri()?>/myassets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
	<link href="<?php echo get_template_directory_uri()?>/myassets/css/jquery-ui.min.css" rel="stylesheet" type="text/css">
	<link href="<?php echo get_template_directory_uri()?>/myassets/css/animate.css" rel="stylesheet" type="text/css">
	<link href="<?php echo get_template_directory_uri()?>/myassets/css/css-plugin-collections.css" rel="stylesheet"/>
	<!-- CSS | menuzord megamenu skins -->
	<link id="menuzord-menu-skins" href="<?php echo get_template_directory_uri()?>/myassets/css/menuzord-skins/menuzord-rounded-boxed.css" rel="stylesheet"/>
	<!-- CSS | Main style file -->
	<link href="<?php echo get_template_directory_uri()?>/myassets/css/style-main.css" rel="stylesheet" type="text/css">
	<!-- CSS | Preloader Styles -->
	<link href="<?php echo get_template_directory_uri()?>/myassets/css/preloader.css" rel="stylesheet" type="text/css">
	<!-- CSS | Custom Margin Padding Collection -->
	<link href="<?php echo get_template_directory_uri()?>/myassets/css/custom-bootstrap-margin-padding.css" rel="stylesheet" type="text/css">
	<!-- CSS | Responsive media queries -->
	<link href="<?php echo get_template_directory_uri()?>/myassets/css/responsive.css" rel="stylesheet" type="text/css">
	<!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it and use it. -->
	<!-- <link href="<?php echo get_template_directory_uri()?>/myassets/css/style.css" rel="stylesheet" type="text/css"> -->

	<!-- CSS | Theme Color -->
	<link href="<?php echo get_template_directory_uri()?>/myassets/css/colors/theme-skin-green.css" rel="stylesheet" type="text/css">

	<!-- external javascripts -->
	<script src="<?php echo get_template_directory_uri()?>/myassets/js/jquery-2.2.4.min.js"></script>
	<script src="<?php echo get_template_directory_uri()?>/myassets/js/jquery-ui.min.js"></script>
	<script src="<?php echo get_template_directory_uri()?>/myassets/js/bootstrap.min.js"></script>
	<!-- JS | jquery plugin collection for this theme -->
	<script src="<?php echo get_template_directory_uri()?>/myassets/js/jquery-plugin-collection.js"></script>	
	<?php wp_head(); ?>
</head>
<body class="">
<div id="wrapper" class="clearfix">

  <!-- Header -->
  <header id="header" class="header">
    <div class="header-top bg-black-333 sm-text-center border-top-theme-color-3px p-0">
      <div class="container">
        <div class="row">
          <div class="col-md-6">
            <div class="widget no-border m-0">
              <ul class="list-inline xs-text-center text-white mt-5">
                <li class="m-0 pl-10 pr-10"> <a href="#" class="text-white"><i class="fa fa-phone text-theme-colored"></i> 123-456-789</a> </li>
                <li class="m-0 pl-10 pr-10"> 
                  <a href="#" class="text-white"><i class="fa fa-envelope-o text-theme-colored"></i> info@myperthapp.com.au</a> 
                </li>
              </ul>
            </div>
          </div>
          <div class="col-md-4 pr-0">
            <div class="widget no-border m-0">
              <ul class="styled-icons icon-dark icon-flat icon-sm pull-right flip sm-pull-none sm-text-center mt-sm-15">
                <li><a href="#"><i class="fa fa-facebook text-white"></i></a></li>
                <li><a href="#"><i class="fa fa-twitter text-white"></i></a></li>
                <li><a href="#"><i class="fa fa-google-plus text-white"></i></a></li>
                <li><a href="#"><i class="fa fa-instagram text-white"></i></a></li>
                <li><a href="#"><i class="fa fa-linkedin text-white"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="header-nav">
      <div class="header-nav-wrapper navbar-scrolltofixed bg-white">
        <div class="container">
          <nav id="menuzord-right" class="menuzord default">
            <a class="menuzord-brand pull-left flip xs-pull-center mt-20" href="<?php echo home_url() ; ?>">
              <img src="<?php echo get_template_directory_uri()?>/myassets/images/logo-wide.png" alt="">
            </a>
				<?php			
					$defaults = array(
					'menu'            => 'main-menu',
					'menu_class'      => 'menuzord-menu onepage-nav',
					'menu_id'         => '',
					'container'       => '',
					'echo'             => true,
					'fallback_cb'     => 'wp_page_menu',
					'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
					'depth'           => 0,
					'after'            => '',
					'walker'          => ''
					);	
					echo wp_nav_menu( $defaults );	
				?>
          </nav>
        </div>
      </div>
    </div>
  </header>
