<?php require_once('header-common.php'); ?>

<div class="page-wrapper">

<!-- Preloader -->
<?php require_once('parts/preloader/preloader.php'); ?>

<!-- Main Header-->
<header class="main-header header-style-two" id="home">
    <!-- Header Top -->
    <div class="header-top">
        <div class="auto-container">
        <div class="inner-container">
            <!-- Top Left -->
            <div class="top-left">
            <ul class="social-icon-two light">
                <li>
                <a href="#"><i class="fab fa-twitter"></i></a>
                </li>
                <li>
                <a href="#"><i class="fab fa-facebook-f"></i></a>
                </li>
                <li>
                <a href="#"><i class="fab fa-linkedin-in"></i></a>
                </li>
                <li>
                <a href="#"><i class="fab fa-instagram"></i></a>
                </li>
            </ul>
            </div>

            <!-- Top Center -->
            <div class="top-center">
            <ul class="list-style-one">
                <li><i class="icon fal fa-clock"></i> Mon - Fri: 09.00am - 10.00 pm</li>
                <li><i class="icon fa fa-envelope"></i> <a href="mailto:support@lovebite.com">support@lovebite.com</a></li>
                <li><i class="icon fa fa-headphones"></i><a href="tel:+36-55-540-069">+36 55 540 069</a></li>
            </ul>
            </div>

            <!-- Top Right -->
            <div class="top-right">
            <div class="outer-box">
                <button class="ui-btn cart-btn">
                <i class="fal fa-shopping-cart"></i>
                <span>0</span>
                </button>
                <button class="ui-btn search-btn">
                <i class="fal fa-search"></i>
                </button>
            </div>
            </div>
        </div>
        </div>
    </div>

    <!-- Header Lower -->
    <div class="header-lower">
        <div class="auto-container">
        <!-- Main box -->
        <div class="main-box">
            <div class="logo-box-two">
            <div class="logo">
                <?php
                $default_logo_url = "images/logo.png";
                if(isset($dark_logo_url)&&!empty($dark_logo_url)) {
                    $default_logo_url = $dark_logo_url;
                }
                ?>
                <a href="index.php" title=""><img src="<?php echo $default_logo_url;?>" alt="" title="Love BIte"></a>
            </div>
            </div>
            <!--Nav Box-->
            <div class="nav-outer">
            <nav class="nav main-menu">
                <ul class="navigation">
                    <li class="current dropdown">
                        <a href="index.php">Home</a>
                        <ul>
                        <li><a href="index.php">Home page 01</a></li>
                        <li><a href="index-2.php">Home page 02</a></li>
                        <li><a href="index-3.php">Home page 03</a></li>
                        <li><a href="index-4.php">Home page 04</a></li>
                        <li><a href="index-5.php">Home page 05</a></li>
                        <li><a href="index-6.php">Home page 06</a></li>
                        <li><a href="index-7.php">Home page 07</a></li>
                        <li class="dropdown"> <a href="#">Single Page</a>
                            <ul>
                            <li><a href="index-1-single.php">Style One</a></li>
                            <li><a href="index-2-single.php">Style Two</a></li>
                            <li><a href="index-3-single.php">Style Three</a></li>
                            <li><a href="index-4-single.php">Style Four</a></li>
                            <li><a href="index-5-single.php">Style Five</a></li>
                            <li><a href="index-6-single.php">Style Six</a></li>
                            <li><a href="index-7-single.php">Style Seven</a></li>
                            </ul>
                        </li>
                        <li class="dropdown"> <a href="#">Dark Page</a>
                            <ul>
                            <li><a href="index-1-dark.php">Dark One</a></li>
                            <li><a href="index-2-dark.php">Dark Two</a></li>
                            <li><a href="index-3-dark.php">Dark Three</a></li>
                            <li><a href="index-4-dark.php">Dark Four</a></li>
                            <li><a href="index-5-dark.php">Dark Five</a></li>
                            <li><a href="index-6-dark.php">Dark Six</a></li>
                            <li><a href="index-7-dark.php">Dark Seven</a></li>
                            </ul>
                        </li>
                        <li class="dropdown"> <a href="#">Invitation</a>
                            <ul>
                            <li><a href="index-invitation.php">Style One</a></li>
                            <li><a href="index-invitation2.php">Style Two</a></li>
                            <li><a href="index-invitation3.php">Style Three</a></li>
                            </ul>
                        </li>
                        </ul>
                    </li>
                    <li class="dropdown"> <a href="#">Pages</a>
                        <ul>
                        <li class="dropdown"> <a href="#">Events</a>
                            <ul>
                            <li><a href="page-events.php">Events</a></li>
                            <li><a href="page-event-details.php">Events Details</a></li>
                            </ul>
                        </li>
                        <li class="dropdown"> <a href="#">Team</a>
                            <ul>
                            <li><a href="page-team.php">Team List</a></li>
                            <li><a href="page-team-details.php">Team Details</a></li>
                            </ul>
                        </li>
                        <li><a href="page-pricing.php">Pricing</a></li>
                        <li><a href="page-testimonial.php">Testimonial</a></li>
                        <li class="dropdown"> <a href="#">Shop</a>
                            <ul>
                            <li><a href="shop-products.php">Products</a></li>
                            <li><a href="shop-products-sidebar.php">Products with Sidebar</a></li>
                            <li><a href="shop-product-details.php">Product Details</a></li>
                            <li><a href="shop-cart.php">Cart</a></li>
                            <li><a href="shop-checkout.php">Checkout</a></li>
                            </ul>
                        </li>
                        <li><a href="page-faq.php">FAQ</a></li>
                        <li><a href="page-404.php">Page 404</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#">About</a>
                        <ul>
                        <li><a href="page-about.php">About</a></li>
                        <li><a href="page-rsvp.php">RSVP</a></li>
                        <li><a href="page-gift.php">Gift</a></li>
                        <li><a href="page-bride-and-groom.php">Bride & Groom</a></li>
                        <li><a href="page-our-story.php">Our Story</a></li>
                        <li><a href="page-our-timeline.php">Our Timeline</a></li>
                        </ul>
                    </li>
                    <li class="logo-box">
                        <div class="logo">
                            <?php
                            $default_logo_url = "images/logo.png";
                            if(isset($dark_logo_url)&&!empty($dark_logo_url)) {
                                $default_logo_url = $dark_logo_url;
                            }
                            ?>
                            <a href="index.php" title=""><img src="<?php echo $default_logo_url;?>" alt="" title="Love BIte"></a>
                        </div>
                    </li>
                    <li><a href="page-gallery.php">Gallery</a></li>
                    <li class="dropdown"><a href="">Blog</a>
                        <ul>
                        <li><a href="news-grid.php">Blog Grid</a></li>
                        <li><a href="news-details.php">Blog Details</a></li>
                        </ul>
                    </li>
                    <li><a href="page-contact.php">Contact</a></li>
                </ul>
            </nav>
            <!-- Main Menu End-->
            </div>

            <!-- Mobile Nav toggler -->
            <div class="mobile-nav-toggler"><span class="icon lnr-icon-bars"></span></div>
        </div>
        </div>
    </div>

    <!-- Mobile Menu  -->
    <div class="mobile-menu">
        <div class="menu-backdrop"></div>
        <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header-->
        <nav class="menu-box">
        <div class="upper-box">
            <div class="nav-logo">
            <a href="index.php"><img src="images/logo.png" alt="" title="LoveBite" /></a>
            </div>
            <div class="close-btn"><i class="icon fa fa-times"></i></div>
        </div>
        <ul class="navigation clearfix">
            <!--Keep This Empty / Menu will come through Javascript-->
        </ul>
        <ul class="contact-list-one">
            <li>
            <i class="icon lnr-icon-phone-handset"></i>
            <span class="title">Call Now</span>
            <div class="text"><a href="tel:+92880098670">+92 (8800) - 98670</a></div>
            </li>
            <li>
            <i class="icon lnr-icon-envelope1"></i>
            <span class="title">Send Email</span>
            <div class="text"><a href="mailto:help@company.com">help@company.com</a></div>
            </li>
            <li>
            <i class="icon lnr-icon-map-marker"></i>
            <span class="title">Address</span>
            <div class="text">66 Broklyant, New York India 3269</div>
            </li>
        </ul>
        <ul class="social-links">
            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="#"><i class="fab fa-pinterest"></i></a></li>
            <li><a href="#"><i class="fab fa-instagram"></i></a></li>
        </ul>
        </nav>
    </div>
    <!-- End Mobile Menu -->

    <!-- Header Search -->
    <div class="search-popup">
        <span class="search-back-drop"></span>
        <button class="close-search"><span class="fa fa-times"></span></button>

        <div class="search-inner">
        <form method="post" action="index.php">
            <div class="form-group">
            <input type="search" name="search-field" value="" placeholder="Search..." required="" />
            <button type="submit"><i class="fa fa-search"></i></button>
            </div>
        </form>
        </div>
    </div>
    <!-- End Header Search -->

    <!-- Sticky Header  -->
    <div class="sticky-header">
        <div class="auto-container">
        <div class="inner-container">
            <!--Logo-->
            <div class="logo">
                <?php
                $default_logo_url = "images/logo.png";
                if(isset($sticky_logo_url)&&!empty($sticky_logo_url)) {
                    $default_logo_url = $sticky_logo_url;
                }
                ?>
                <a href="index.php" title=""><img src="<?php echo $default_logo_url;?>" alt="" title="Love Bite"></a>
            </div>

            <!--Right Col-->
            <div class="nav-outer">
            <!-- Main Menu -->
            <nav class="main-menu">
                <div class="navbar-collapse show collapse clearfix">
                <ul class="navigation clearfix">
                    <!--Keep This Empty / Menu will come through Javascript-->
                </ul>
                </div>
            </nav>
            <!-- Main Menu End-->

            <!--Mobile Navigation Toggler-->
            <div class="mobile-nav-toggler"><span class="icon lnr-icon-bars"></span></div>
            </div>
        </div>
        </div>
    </div>
    <!-- End Sticky Menu -->
</header>
<!--End Main Header -->