Class 41

<?php
/**
 * The header for our theme
 *
 * This is the template that displays all of the <head> section and everything up until <div id="content">
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package Practic
 */
 $header_top_bg_color = cs_get_option('header_top_bg_color');
 $practic_phone_number = cs_get_option('practic_phone_number');
 $practic_email_number = cs_get_option('practic_email_number');
 $social_links = cs_get_option('social_links');
 $enable_logo_image = cs_get_option('enable_logo_image');
 $logo_image = cs_get_option('logo_image');
 $logo_text = cs_get_option('logo_text');

?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">

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

<body <?php body_class(); ?>>
<div id="page" class="site">
 <div class="header-top-area" style="background-color:<?php echo $header_top_bg_color; ?>">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
            <?php if(!empty($social_links)) : ?>
               <div class="practic-social-links">
                   <ul>
                   <?php foreach($social_links as $social_link) : ?>
                    <li><a target="_blank" href="<?php echo $social_link['link']; ?>"><i class="<?php echo $social_link['icon']; ?>"></i></a></li>
                   <?php endforeach; ?>
                   </ul>
               </div>
            <?php endif; ?>
            </div>
            <div class="col-md-9">
              <div class="practic-phone-emal-number">
                  <?php if(!empty($practic_phone_number)) : ?>
                  <div class="practic-conatct-number">
                     <i class="fa fa-phone"></i>
                     <?php echo $practic_phone_number; ?>
                  </div>
                  <?php endif; ?>
                  <?php if(!empty($practic_email_number)) : ?>
                  <div class="practic-conatct-number">
                     <i class="fa fa-envelope"></i>
                     <?php echo $practic_email_number; ?>
                  </div>
                  <?php endif; ?>
              </div>
            </div>
        </div>
    </div>
 </div>
 <div class="header-bottom-area">
    <div class="container">
        <div class="row">
            <div class="col-md-2">
                <div class="logo">
                  <h2>
                    <a href="<?php echo esc_url( home_url( '/' ) ); ?>">
                      <?php if($enable_logo_image == true && !empty($logo_image)) : $logo_image_src = wp_get_attachment_image_src($logo_image,'large',false); ?>
                       <img src="<?php echo $logo_image_src[0]; ?>" alt="<?php bloginfo('name'); ?>" />
                      <?php else : ?>
                        <?php if(!empty($logo_text)){ echo $logo_text; } else{ bloginfo('name');  } ?>
                      <?php endif; ?>
                    </a>
                  </h2>
                </div>
            </div>
            <div class="col-md-8 col-md-offset-2">
                <div class="main-menu">
                   <div class="navbar-header">
                       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                       </button>
                   </div>
                   <div class="navbar-collapse collapse">
                       <?php wp_nav_menu( array( 'theme_location' => 'menu-1', 'menu_id' => 'primary-menu' ) ); ?>
                  </div>
                </div>
            </div>
        </div>
    </div>
 </div>