<?php
/**
 * The Header for our theme
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) & !(IE 8)]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

	<title><?php wp_title( '|', true, 'right' ); ?></title>
   

	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
	<!--[if lt IE 9]>
	<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
	<![endif]-->
	<?php wp_head(); ?>
   
	
    <link rel="icon" href="<?=SITE_MAIN_URL; ?>images/favicon.png"/>
    <link href="<?=SITE_MAIN_URL; ?>css/styles.css" type="text/css" rel="stylesheet" />
	<link href="<?=SITE_MAIN_URL; ?>css/res-style.css" type="text/css" rel="stylesheet" />
    <link href="<?=SITE_MAIN_URL; ?>css/styles_new.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="/js/jquery-1.9.1.min.js"></script>

</head>

<body <?php body_class(); ?>>
<header class="<?= ($curr_page != '/index.php' && $curr_page != '/') ? 'inside-pages-header' : 'home'; ?>">
    <div class="container">
        <div id="header_wrap" class="wrapper <?= ($curr_page == '/index.php' || $curr_page == '/') ? 'animate' : ''; ?>">
            <h1 id="logo" class="pull-left no-margin <?= ($curr_page == '/web-design-development-branding-services.php'||$curr_page == '/web-design-development-branding-services'||$curr_page == '/web-design-development-branding-services/') ? 'white' : ''; ?>">
                <a href="<?=SITE_MAIN_URL; ?>" id="large">Code&amp;Co</a>
            </h1>
            <div id="showMenu" class="pull-left <?= ($curr_page == '/index.php' || $curr_page == '/') ? 'opened' : ''; ?> <?= ($curr_page == '/web-design-development-branding-services.php'||$curr_page == '/web-design-development-branding-services/'||$curr_page == '/web-design-development-branding-services') ? 'white' : ''; ?>" data-target="#navbar">
                <div class="table"><div class="table-cell text-center">
                    <img src="<?=SITE_MAIN_URL; ?>images/logo-icon-white.png" alt="codeandco logo" />
                </div></div>
            </div>
            <div id="mobile_menu" data-target="#navbar"><div>
                <span class="top"></span>
                <span class="mid"></span>
                <span class="bot"></span>
            </div></div>
            <div class="clearfix"></div>
            <nav id="navbar" class="hidden">
                <div class="table">
                    <div class="table-cell">
                        <ul class="container">
                            <li class=""><a href="<?=SITE_MAIN_URL; ?>web-design-development-portfolio-dubai">Work</a></li>
                            <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="<?=SITE_MAIN_URL; ?>web-design-development-branding-services">Services<span class="caret"><i class="fa fa-angle-down" aria-hidden="true"></i></span></a>
								<ul class="dropdown-menu">
									<li class="<?= ($curr_page == '/customized-website-development.php' || $curr_page == '/customized-website-development' || $curr_page == '/customized-website-development/') ? 'active' : ''; ?>"><a href="/customized-website-development">Tailored Websites</a></li>
									<li class="<?= ($curr_page == '/cms-development.php' || $curr_page == '/cms-development' || $curr_page == '/cms-development/') ? 'active' : ''; ?>"><a href="/cms-development">CMS Websites</a></li>
									<li class="<?= ($curr_page == '/ecommerce-website-development.php' || $curr_page == '/ecommerce-website-development' || $curr_page == '/ecommerce-website-development/') ? 'active' : ''; ?>"><a href="/ecommerce-website-development">Ecommerce</a></li>
									<li class="<?= ($curr_page == '/mobile-app-development.php' || $curr_page == '/mobile-app-development' || $curr_page == '/mobile-app-development/') ? 'active' : ''; ?>"><a href="/mobile-app-development">Mobile Apps</a></li>
									<li class="<?= ($curr_page == '/digital-marketing.php' || $curr_page == '/digital-marketing' || $curr_page == '/digital-marketing/') ? 'active' : ''; ?>"><a href="/digital-marketing">Digital Marketing</a></li>
									<li class="<?= ($curr_page == '/seo-services.php' || $curr_page == '/seo-services' || $curr_page == '/seo-services/') ? 'active' : ''; ?>"><a href="/seo-services">Search Engine Optimization</a></li>
									<li class="<?= ($curr_page == '/social-media-marketing-services.php' || $curr_page == '/social-media-marketing-services' || $curr_page == '/social-media-marketing-services/') ? 'active' : ''; ?>"><a href="/social-media-marketing-services">Social Media Marketing</a></li>
									<li class="<?= ($curr_page == '/web-and-domain-hosting-dubai.php' || $curr_page == '/web-and-domain-hosting-dubai' || $curr_page == '/web-and-domain-hosting-dubai/') ? 'active' : ''; ?>"><a href="/web-and-domain-hosting-dubai">Domain & Hosting</a></li>
									<li class="<?= ($curr_page == '/graphic-design.php' || $curr_page == '/graphic-design' || $curr_page == '/graphic-design/') ? 'active' : ''; ?>"><a href="/graphic-design">Graphic Design & Branding</a></li>
								  </ul>
							</li>
                            <li class=""><a href="<?=SITE_MAIN_URL; ?>web-development-and-branding-clients">Clients</a></li> 
                            <li class=""><a href="<?=SITE_MAIN_URL; ?>about">About Us</a></li>
                            <li class=""><a href="<?=SITE_MAIN_URL; ?>careers">Careers</a></li>
                            <li class="active"><a href="<?=SITE_MAIN_URL; ?>blog">Blog</a></li>
							<li class=""><a href="<?=SITE_MAIN_URL; ?>contact-web-design-branding-company">Contact</a></li>
                        </ul>
                    </div>
                </div>
                <div id="contact_info_wrap" class="<?= ($curr_page == '/web-design-development-branding-services.php' || $curr_page == '/web-design-development-branding-services'||$curr_page == '/web-design-development-branding-services/') ? 'services-page' : '';?>">
                	<div id="contact_info" class="container"><a href="mailto:inquiries@codeandco.ae" class="email">inquiries@codeandco.ae</a> <a href="tel:+97145516085"  class="phone">+9714 551 6085</a> 
                                <span class="social-media"><a href="https://www.facebook.com/codeandco.ae" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                                <a href="https://www.instagram.com/codeandcompany/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></span></div>
                </div>
            </nav>
        </div>
    </div>
</header>