Browse Source

HC - add: Header, Nav and logo section

Mozahidur Rahman 1 year ago
parent
commit
3b3a2a263a
1 changed files with 60 additions and 37 deletions
  1. 60 37
      header.php

+ 60 - 37
header.php

@@ -1,4 +1,5 @@
 <?php
+
 /**
  * The header for our theme
  *
@@ -12,8 +13,9 @@
 ?>
 <!doctype html>
 <html <?php language_attributes(); ?>>
+
 <head>
-	<meta charset="<?php bloginfo( 'charset' ); ?>">
+	<meta charset="<?php bloginfo('charset'); ?>">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	<link rel="profile" href="https://gmpg.org/xfn/11">
 
@@ -21,39 +23,60 @@
 </head>
 
 <body <?php body_class(); ?>>
-<?php wp_body_open(); ?>
-<div id="page" class="site">
-	<a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e( 'Skip to content', 'uiu-cse' ); ?></a>
-
-	<header id="masthead" class="site-header">
-		<div class="site-branding">
-			<?php
-			the_custom_logo();
-			if ( is_front_page() && is_home() ) :
-				?>
-				<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
-				<?php
-			else :
-				?>
-				<p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
-				<?php
-			endif;
-			$uiu_cse_description = get_bloginfo( 'description', 'display' );
-			if ( $uiu_cse_description || is_customize_preview() ) :
-				?>
-				<p class="site-description"><?php echo $uiu_cse_description; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?></p>
-			<?php endif; ?>
-		</div><!-- .site-branding -->
-
-		<nav id="site-navigation" class="main-navigation">
-			<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', 'uiu-cse' ); ?></button>
-			<?php
-			wp_nav_menu(
-				array(
-					'theme_location' => 'menu-1',
-					'menu_id'        => 'primary-menu',
-				)
-			);
-			?>
-		</nav><!-- #site-navigation -->
-	</header><!-- #masthead -->
+	<?php wp_body_open(); ?>
+	<div id="page" class="site">
+		<a class="skip-link screen-reader-text" href="#primary"><?php esc_html_e('Skip to content', 'uiu-cse'); ?></a>
+
+		<header id="masthead" class="site-header">
+			<!-- <div class="site-branding">
+
+			</div> -->
+			<!-- .site-branding -->
+			<!-- <nav id="site-navigation" class="main-navigation">
+
+		</nav> -->
+			<!-- #site-navigation -->
+			<section id="first-nav-section">
+				<nav id="first-nav" class="container-fluid">
+					<ul>
+						<img src="<?php echo (get_header_image()); ?>" alt="<?php echo (get_bloginfo('title')); ?>" />
+						<li><a><span onclick="openNav()">About</span></a></li>
+						<li><a><span onclick="openNav()">Admission</span></a></li>
+
+						<li><a><span onclick="openNav()">Research</span></a></li>
+						<li><a><span onclick="openNav()">Media</span></a></li>
+						<li><a><span onclick="openNav()">Faculty</span></a></li>
+						<li><a><span onclick="openNav()">Contact</span></a></li>
+						<li>
+							<a>
+								<span onclick="openSearch()">Search </span>
+							</a>
+						</li>
+						<li>
+						<li class="color-picker"></li>
+
+						</li>
+					</ul>
+					<span onclick="openNav()" id="menu-bars" class="material-icons">
+						menu
+					</span>
+				</nav>
+			</section>
+
+			<section id="second-nav-section" class="primary-c">
+				<nav id="second-nav" class="container-fluid primary-c">
+					<ul>
+						<li><a href="#"><span onclick="openNav()">CSE Home</span></a></li>
+						<li><a href="#"><span onclick="openNav()">About</span></a></li>
+						<li><a href="#"><span onclick="openNav()">UG Program (B.Sc in CSE)</span></a></li>
+						<li><a href="#"><span onclick="openNav()">Graduate Program (M.Sc in CSE)</span></a></li>
+						<li><a href="#"><span onclick="openNav()">Research</span></a></li>
+						<li><a href="#"><span onclick="openNav()">CSE Faculty</span></a></li>
+						<li><a href="#"><span onclick="openNav()">Alumni</span></a></li>
+						<li><a href="#"><span onclick="openNav()">Contact</span></a></li>
+
+					</ul>
+				</nav>
+			</section>
+
+		</header><!-- #masthead -->