133 lines
3.8 KiB
PHP
133 lines
3.8 KiB
PHP
<?php
|
|
/**
|
|
* The header for your theme
|
|
*/
|
|
?><!DOCTYPE html>
|
|
<html <?php language_attributes(); ?>>
|
|
<?php wp_head(); ?>
|
|
<head>
|
|
<meta charset="<?php bloginfo('charset'); ?>">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<?php wp_head(); ?>
|
|
</head>
|
|
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
|
|
<style>
|
|
@font-face {
|
|
font-family: 'Cormorant';
|
|
src: url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/Cormorant/static/Cormorant-SemiBold.ttf') format('truetype');
|
|
font-weight: 600;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Cormorant';
|
|
src: url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/Cormorant/static/Cormorant-Medium.ttf') format('truetype');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Poppins';
|
|
src: url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
|
|
font-weight: 400;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Poppins';
|
|
src: url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/Poppins/Poppins-Medium.ttf') format('truetype');
|
|
font-weight: 500;
|
|
font-style: normal;
|
|
}
|
|
@font-face {
|
|
font-family: 'Poppins';
|
|
src: url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/Poppins/Poppins-Light.ttf') format('truetype');
|
|
font-weight: 300;
|
|
font-style: normal;
|
|
}
|
|
|
|
.banner{
|
|
background-color: #143D28;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
height: 50px;
|
|
}
|
|
.banner span {
|
|
font-family: 'Poppins', sans-serif;
|
|
font-weight:400;
|
|
font-size: 14px;
|
|
line-height: 26px;
|
|
letter-spacing: 0.7px;
|
|
color: #EFEBE4;
|
|
}
|
|
.header-menu{
|
|
display: flex;
|
|
list-style: none;
|
|
gap: 40px;
|
|
font-family: 'Poppins', sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
margin-top: 10px;
|
|
}
|
|
.header-menu li a{
|
|
text-decoration: none !important;
|
|
}
|
|
.header-actions{
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 28px;
|
|
}
|
|
.header-actions .sell-btn{
|
|
background-color: #143D28;
|
|
color: white;
|
|
padding: 8px 14px;
|
|
border-radius: 2px;
|
|
text-decoration: none;
|
|
font-family: 'Poppins', sans-serif;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
</style>
|
|
|
|
<body <?php body_class(); ?>>
|
|
<?php wp_body_open(); ?>
|
|
|
|
<header id="site-header" role="banner">
|
|
<!-- Top Bar -->
|
|
<div class="banner">
|
|
<span>SHOPPING FOR THE ECO-FORWARD EQUESTRIAN</span>
|
|
</div>
|
|
|
|
<!-- Main Header -->
|
|
<div style="width: 100%; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">
|
|
<div style="max-width: 1200px; margin: 0 auto; padding: 10px 0px; display: flex; align-items: center; justify-content: space-between;">
|
|
<!-- Logo -->
|
|
<div class="site-logo">
|
|
<a href="<?php echo esc_url(home_url('/')); ?>">
|
|
<img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/header_logo.png" alt="REEQUESTRIAN Logo" style="height: 40px;">
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Navigation Menu -->
|
|
<nav class="main-navigation" role="navigation" aria-label="<?php esc_attr_e('Main Menu', 'twentytwentyfive-child'); ?>">
|
|
<?php
|
|
wp_nav_menu(array(
|
|
'theme_location' => 'primary',
|
|
'menu_class' => 'header-menu',
|
|
'container' => false,
|
|
'fallback_cb' => false
|
|
));
|
|
?>
|
|
</nav>
|
|
|
|
<!-- Right Buttons -->
|
|
<div class="header-actions">
|
|
<a class="sell-btn" href="/sell-with-us">Sell with us</a>
|
|
<a href="/my-account" class="account-link">
|
|
<img src="<?php echo get_stylesheet_directory_uri(); ?>/assets/images/my-account.png" alt="My Account" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|