wp-saybers/header.php at master · umer2001/wp-saybers · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<?php
/*

*/
?>
<!doctype html>
<html <?php language_attributes(); ?> >
<head>
    <!--meta tags-->
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="one page business template based on HTML5">
    <meta name="keywords" content="multipage, business, agency, creative, corporate, responsive, clean, modern">
    <meta name="author" content="MouriTheme">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--template title-->
    <title><?php wp_title(); ?></title>
        <!--========== Theme Fonts ==========-->
    <link href="https://fonts.googleapis.com/css?family=Lora:400i,700i" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Poppins:400,700,800" rel="stylesheet">
    <!--Font Awesome css-->
    <link rel="stylesheet" href="<?php echo esc_url(get_stylesheet_directory_uri()) ?>/assets/css/font-awesome.min.css">
    <!--Bootstrap css-->
    <link rel="stylesheet" href="<?php echo esc_url(get_stylesheet_directory_uri()) ?>/assets/css/bootstrap.min.css">
    <!--Magnific popup css-->
    <link rel="stylesheet" href="<?php echo esc_url(get_stylesheet_directory_uri()) ?>/assets/css/magnific-popup.css">
    <!--Animate css-->
    <link rel="stylesheet" href="<?php echo esc_url(get_stylesheet_directory_uri()) ?>/assets/css/animate.css">
    <!--icon css-->
    <link rel="stylesheet" href="<?php echo esc_url(get_stylesheet_directory_uri()) ?>/assets/css/line-icons.min.css">
    <!--Owl carousel css-->
    <link rel="stylesheet" href="<?php echo esc_url(get_stylesheet_directory_uri()) ?>/assets/css/owl.carousel.css">
    <link rel="stylesheet" href="<?php echo esc_url(get_stylesheet_directory_uri()) ?>/assets/css/owl.theme.default.css">
    <!--responsive css-->
    <link rel="stylesheet" href="<?php echo esc_url(get_stylesheet_directory_uri()) ?>/assets/css/responsive.css">

    <?php wp_head() ?>
<style>
     /*HEADER */
    div.navbar-collapse.collapse.in,
    header.nav-area.navbar-fixed-top.sticky_navigation {
        background-color:<?php echo get_theme_mod( 'nav_bg_color', '#ffffff;' ) ?>
    }
    .sticky_navigation div.menu > ul li a,
    .sticky_navigation .navbar-brand {
        color:<?php echo get_theme_mod( 'nav_text_color', '#000000;' ) ?>
    }
    .navbar-brand:hover,
    .sticky_navigation .navbar-brand:hover,
    .sticky_navigation .navbar-brand:focus,
    .sticky_navigation .navbar-brand span,
    .sticky_navigation div.menu > ul li.current_page_item > a {
        color:<?php echo get_theme_mod( 'nav_text_active_color', '#bb8c4b;' ) ?>
    }
    .section-header h2 {
        color:<?php echo get_theme_mod( 'heading_color', '#333333;' ) ?>/*headings */
    }
    .section-header .line::before,
    .section-header .line::after {
        background:<?php echo get_theme_mod( 'line_color', '#333333') ?>/*underline*/
    }
    p.sub-head {
        color:<?php echo get_theme_mod( 'one_line_color', '#333333') ?>/*one line dec*/
    }
    /* all brown text */
    .services-icon i,
    .single-count h2,
    .overlay .overlay-inner h4,
    .single-pricing-box h3,
    .single-pricing-box h3.pricing-count,
    #testimonial-carousel .item h5 strong {
        color:<?php echo get_theme_mod( 'brown_text_color', '#bb8c4b') ?>
    }
    /* all black text */
    div.about-main,
    .about-main h2,
    div.single-about p,
    div.services-content p,
    div.services-content h3,
    .single-services h3,
    .single-services p,
    .single-services:hover i,
    h4,
    ul.port-nav-list li a,
    h3,
    body,
    .opening-hours-wrap h3 {
        color:<?php echo get_theme_mod( 'black_text_color', '#333333') ?>
    }
    /* all white text */
    .slide-btn a.active,
    .topcontrol,
    .about-video .single-video i,
    .about-main a,
    .single-services:hover h3,
    .single-services:hover p,
    .single-count i,
    .single-count p,
    .team-social-icons a,
    ul.port-nav-list li a.active,
    .overlay .overlay-inner p,
    .single-pricing-box,
    a.bordered-btn,
    .blog-content .btn,
    #testimonial-carousel .item p,
    #testimonial-carousel .item h6,
    .btn.btn-send,
    .footer-bottom p {
        color:<?php echo get_theme_mod( 'white_text_color','#ffffff') ?>
    }
    /* brown background */
    .slide-btn a.active,
    .topcontrol,
    .about-video .single-video i,
    .about-main a,
    .single-services:hover,
    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span,
    .team-social-icons,
    ul.port-nav-list li a.active,
    a.bordered-btn,
    .blog-content .btn:hover,
    .btn.btn-send {
        background:<?php echo get_theme_mod( 'brown_bg_color', '#bb8c4b;' ) ?>
    }
    ul.port-nav-list li a.active
    .border-t {
        border: 1px solid <?php echo get_theme_mod( 'brown_bg_color', '#bb8c4b;' ) ?>
    }
    /*Footer color*/
    div.block.side-widget h3 {
    color: <?php echo get_theme_mod( 'foot_hd_color', '#e64747' ) ?>
    }
    .side-widget li,
    div.block.side-widget p,
    .side-widget li a {
    color: <?php echo get_theme_mod( 'foot_link_color', '#ea9c2c' ) ?>;
    }
    /*Screen size*/
    @media only screen and (max-width: 767px) {
        div.menu > ul li a {
            color:<?php echo get_theme_mod( 'nav_text_color', '#000000;' ) ?>
        }
        div.menu > ul li.current_page_item > a {
            color:<?php echo get_theme_mod( 'nav_text_active_color', '#bb8c4b;' ) ?>
        }
    }
</style>
</head>
<body <?php body_class(); ?> >
    <!--preloader starts-->
    <div class="loader_bg"><div class="loader"></div></div>
    <!--preloader ends-->
    <!--navigation area starts-->
    <header class="nav-area navbar-fixed-top" <?php if( get_the_ID() != get_option('page_on_front') ) { echo 'style="background-color: rgba(0,0,0,0.8);"'; } ?>>
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-xs-12">
                    <div class="main-menu">
                        <div class="navbar navbar-cus">
                            <div class="navbar-header">
                                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="navbar-brand"><?php bloginfo('name'); ?><span><?php if ( function_exists('the_custom_logo' ) ) { the_custom_logo(); } ?></span></a> <!--change the logo here or brand name here-->
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                    <span class="sr-only"><?php esc_html_e('Toggle navigation', 'saybers'); ?></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="navbar-collapse collapse">
                                <nav>
                                    <?php
                                    wp_nav_menu( array(
                                        'theme_location'  => 'primary',
                                    ) );
                                    ?>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>