/home/websdxuk/www/header.php
<?php if ($_SERVER['HTTP_HOST'] == 'localhost' || $_SERVER['HTTP_HOST'] == '127.0.0.1') { $baseUrl = './'; } else { $baseUrl = 'https://websitebuildersofficial.com/'; } ?>

<!doctype html>
<html lang="en">


<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="assets/images/favicon.webp" type="image/x-icon" />

<head>
    <title>
        <?php echo $pageTitle; ?>
    </title>
    <meta name="description" content="<?php echo $description; ?>" />
    <meta name="author" content="<?php echo $author; ?>" />
    <meta name="keywords" content="<?php echo $keywords; ?>" />
    <link rel="canonical" href="<?php echo $canonicalUrl; ?>" />

    <!-- Open Graph Meta Tags -->
    <meta property="og:url" content="<?php echo $canonicalUrl; ?>" />
    <meta property="og:type" content="website">
    <meta property="og:title" content="<?php echo $pageTitle; ?>" />
    <meta property="og:description" content="<?php echo $description; ?>" />
    <meta property="og:image" content="<?php echo $ogImageUrl; ?>" />

    <!-- Twitter Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="website">
    <meta property="twitter:url" content="<?php echo $canonicalUrl; ?>" />
    <meta name="twitter:title" content="<?php echo $pageTitle; ?>" />
    <meta name="twitter:description" content="<?php echo $description; ?>" />
    <meta name="twitter:image" content="<?php echo $ogImageUrl; ?>" />
    <meta name="keywords" content="">





    <link rel="apple-touch-icon" sizes="57x57" href="./assets/icon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="./assets/icon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="./assets/icon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="./assets/icon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="./assets/icon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="./assets/icon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="./assets/icon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="./assets/icon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="./assets/icon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="./assets/icon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="./assets/icon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="./assets/icon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="./assets/icon/favicon-16x16.png">
    <link rel="manifest" href="./assets/icon/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="./assets/icon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">


    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" />
    <link href="assets/css/slick-theme.css" rel="stylesheet" type="text/css">
    <link href="assets/css/slick.css" rel="stylesheet" type="text/css">
    <link href="assets/css/slicknav.css" rel="stylesheet" type="text/css">
    <link href="assets/css/fancybox.css" rel="stylesheet" type="text/css">
    <link href="assets/css/bootstrap.css" rel="stylesheet">
    <link href="assets/css/custom.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet">
    <!--[if IE]>
  <script src="assets/js/html5.js"></script>
<![endif]-->



    <!-- Google Tag Manager -->
    <script>(function (w, d, s, l, i) {
            w[l] = w[l] || []; w[l].push({
                'gtm.start':
                    new Date().getTime(), event: 'gtm.js'
            }); var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-NC5SFKH3');</script>
    <!-- End Google Tag Manager -->
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-17096629500"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'AW-17096629500');
    </script>
    <!-- Google tag (gtag.js) -->
</head>

<body class="hompg">
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NC5SFKH3" height="0" width="0"
            style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->



    <!-- header -->
    <header>
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <a href="./" class="logo_here">
                        <img src="assets/images/logo.svg" alt="websitebuildersofficial16" class="logow">
                        <img src="assets/images/logo.svg" alt="websitebuildersofficial17" class="logob">
                    </a>
                </div>
                <div class="col-lg-8">
                    <div class="d-flex gap-4 align-items-center justify-content-end">
                        <ul id="menu">
                            <li><a href="./">Home</a></li>
                            <li><a href="about-us">About</a></li>
                            <li><a href="javascript:;">Services <i class="fa-solid fa-caret-down"></i></a>
                                <ul>
                                    <li><a href="custom-website-development">Web Design Development</a></li>
                                    <li><a href="wordpress-development">WordPress Development</a></li>
                                    <li><a href="shopify-development">Shopify Development</a></li>
                                    <li><a href="web-portal">Web Portal</a></li>
                                    <li><a href="ecommerce-development">Ecommerce Development</a></li>
                                    <li><a href="digital-marketing">Digital Marketing</a></li>
                                    <li><a href="seo">Seo Marketing</a></li>
                                    <li><a href="social-media-marketing">Social Media Marketing</a></li>
                                    <li><a href="amazon-automation">Amazon Automation</a></li>
                                    <li><a href="tiktok-automation">Tiktok Automation</a></li>
                                    <li><a href="learning-management-system">Learning Management System</a></li>
                                </ul>
                            </li>
                            <li><a href="showcase">Portfolio</a></li>


                            <li>
                                <a href="javascript:;">Packages <i class="fa-solid fa-caret-down"></i></a>
                                <ul class="resc_dropdown">
                                    <li><a href="custom-web-packages">Custom Web Packages</a></li>
                                    <li><a href="combo-packages">Combo Packages</a></li>

                                </ul>
                            </li>


                            <li>
                                <a href="javascript:;">Industries <i class="fa-solid fa-caret-down"></i></a>
                                <ul class="resc_dropdown">
                                    <li><a href="education">Education</a></li>
                                    <li><a href="gaming">Gaming</a></li>
                                    <li><a href="agriculture">Agriculture</a></li>
                                    <li><a href="construction">Construction</a></li>
                                    <li><a href="automotive">Automotive</a></li>
                                    <li><a href="corporate">Corporate</a></li>
                                    <li><a href="dental">Dental</a></li>
                                    <li><a href="fashion">Fashion</a></li>
                                    <li><a href="fitness">Fitness</a></li>
                                    <li><a href="health-care">Health Care</a></li>
                                    <li><a href="non-profit">Non Profit</a></li>
                                    <li><a href="real-estate">Real Estate</a></li>
                                </ul>
                            </li>
                            <li><a href="contact-us">Contact</a></li>
                        </ul>
                        <div class="header_btn">
                            <a href="tel:+17372044979">
                               <div class="header_btnStyle">
                                <i class="fa-solid fa-mobile-screen-button"></i>
                                <span>Need Help</span>
                               </div>
                            


                            +1 (737) 204-4979</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- header -->