<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- title -->
    <title>{$settings.site_name}</title>
        <!-- fav icon -->
    <link rel="icon" href="assets/images/logo/fav-icon.png">
    <meta name="keywords" content="consulting, digital consultancy, Multi-Purpose, html, shop, ecommerce, digital agency, finance, consult agency" />
    <meta name="description" content="Buconz - Multi-Purpose Consulting Business HTML5 Template">

        <!-- font icon -->
    <link rel="stylesheet" href="assets/css/all.min.css">
    <link rel="stylesheet" href="assets/css/fontawesome.min.css">
        <!-- flaticon -->
    <link rel="stylesheet" href="assets/webfonts/flaticon/flaticon.css">        
        <!-- bootstrap css -->
    <link rel="stylesheet" href="assets/vendors/css/bootstrap.min.css">  
            <!-- animate css -->
    <link rel="stylesheet" href="assets/animate/css/aos.css"> 
        <!-- slick slider  -->
    <link rel="stylesheet" href="assets/slick-slider/css/slick.css"> 
        <!-- popup-video -->
    <link rel="stylesheet" href="assets/popup-video/css/popup.css">  
        <!--  mobile menu css    -->
    <link rel="stylesheet" href="assets/css/menu.css"> 
        <!-- our own design  -->
    <link rel="stylesheet" href="assets/css/register.css">
    <link rel="stylesheet" href="assets/css/style.css">  
    <link rel="stylesheet" href="assets/css/responsive.css">

</head>
<body>
    <!-- preloader area start -->
    <div class="preloader" id="preloader">
        <div class="preloader-inner">
            <div class="spinner">
                <div class="dot1"></div>
                <div class="dot2"></div>
            </div>
        </div>
    </div>
    <!-- preloader area end -->
    <!-- Start Mobile Menu Area -->
    <div class="mobile-menu-area">
        <!--offcanvas menu area start-->
        <div class="off_canvars_overlay"></div>
        <div class="offcanvas_menu">
            <div class="offcanvas_menu_wrapper">
                <div class="canvas_close">
                    <a href="javascript:void(0)"><i class="far fa-times-circle"></i></a>  
                </div>
                <div class="mobile-logo text-center mb-30">
                    <a href="home-marketing.html">
                        <img src="assets/images/logo/fav-icon.png" alt="logo">
                    </a>
                </div>
                <div id="menu" class="text-left ">
                    <ul class="offcanvas_main_menu">
                         <li class="menu-item-has-children"><a class="nav-link" href="?a=home">Home</a></li>
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=about">About Us</a>
                        </li>
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=faq">Faq's</a>
                         
                        </li>
                        {if $userinfo.logged != 1}
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=login">Log In</a>
                          
                        </li>
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=signup">Sign Up</a>
                          
                        </li>
                        {else}
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=logout">Log Out</a>
                          
                        </li>
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=account">Account</a>
                          
                        </li>
                        {/if}
                        <li class="menu-item-has-children"><a class="nav-link" href="?a=support">Contact Us</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--offcanvas menu area end-->
    <!-- header area start -->
    <div class="header-area"> 
        <header>
            <div class="top-header">
                <div class="container">
                    <div class="top-header-inner top-header-style-1">
                        <div class="header-location"> 
                            <p><i class="flaticon-location-pin pr-10"></i>123 Kings Road Ave, Kingwood, FL, USA</p> 
                        </div>
                        <div class="header-right-portion d-flex align-items-center justify-content-between">
                            <div class="header-contact">
                                <a href="tel:+1(123)456789"><i class="flaticon-phone-call pr-10"></i>(800) 123-6789</a>
                            </div>
                            <div class="header-email">
                                <a href="mailto:info@example.com"><i class="flaticon-email pr-10"></i>info@buconz.com</a>
                            </div>
                            <div class="social-icon header-socials float-end">
                                <ul>
                                    <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fab fa-instagram-square"></i></a></li>
                                    <li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
                                    <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-menu-area" id="myHeader"> 
                <div class="container">
                    <div class="main-menu-inner pos-relative">
                        <div class="logo">
                            <a href="home-marketing.html"><img src="assets/images/logo/logo.png" alt="logo here" class="img-fluid"></a>
                        </div>
                        <div class="main-menu text-center"> 
                            <ul class="nav-links">
                                <li style="margin-left: 20px;"><a class="nav-link" href="?a=home">Home</a>
                                                                 
                                </li>
                                <li style="margin-left: 20px;"><a class="nav-link" href="?a=about">About Us</a>
                                 
                                </li>
                                <li style="margin-left: 20px;"><a class="nav-link" href="?a=faq">Faq's</a>
                              
                                </li>
                                {if $userinfo.logged != 1}
                                <li style="margin-left: 20px;"><a class="nav-link" href="?a=login">Log In</a>
                                    
                                </li>
                                <li style="margin-left: 20px;"> <a class="nav-link" href="?a=signup">Sign Up</a>
                                    
                                </li>
                            {else}
                            <li style="margin-left: 20px;"><a class="nav-link" href="?a=logout">Logout</a>
                                    
                                </li>
                                <li style="margin-left: 20px;"> <a class="nav-link" href="?a=account">Account</a>
                                    
                                </li>
                            {/if}
                            </ul>
                        </div>
                        <div class="main-menu-section">
                                                          
                        </div>
                        <div class="canvas_open">
                            <a href="javascript:void(0)">
                                <span></span>
                                <span></span>
                                <span></span>
                            </a>
                        </div>
                    </div>
                   
                    <!-- search popup end-->
                    <div class="body-overlay" id="body-overlay"></div>                      
                </div>
            </div>
        </header>
    </div>