ok

Mini Shell

Direktori : /home2/selectio/public_html/lilyexpresslive/
Upload File :
Current File : /home2/selectio/public_html/lilyexpresslive/header.php

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

<head>
    <!-- metas -->
    <meta charset="utf-8" />
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="keywords" content="LILY EXPRESS SERVICES" />
    <meta name="description" content="LILY EXPRESS SERVICES" />

    <!-- title  -->
    <title>LILY EXPRESS SERVICES</title>

    <!-- favicon -->
    <link rel="shortcut icon" href="icons/favicon/favicon-16x16.png" />
    <link rel="apple-touch-icon" href="icons/fvicon/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="icons/fvicon/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="icons/fvicon/apple-touch-icon.png" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
    <!-- plugins -->
    <link rel="stylesheet" href="css/plugins.css" />

    <!-- search css -->
    <link rel="stylesheet" href="search/search.css" />

    <!-- quform css -->
    <link rel="stylesheet" href="quform/css/base.css">

    <!-- core style css -->
    <link href="css/styles.css" rel="stylesheet" />
    
    <!--jquery-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

</head>

<style>
    .justify-content-center {
    justify-content: start !important;
}

@media screen and (min-width: 992px){
.scrollHeader .navbar-header-custom {
    padding: 26px 0;
    transition-duration: 0.5s;
}
}

/*.navbar-header-custom {*/
/*    padding: 18px 0 23px 0;*/
/*}*/

@media (max-width: 1400px){
.navbar-style {
    width: 72%;
}
}
@media screen and (max-width: 992px){
.navbar-style {
    width: 100%;
}
}

@media screen and (min-width: 992px){
.tracking-div {
   display:none;
}
}
@media screen and (min-width: 992px){
#logo-style{
    max-width: 21%;
    margin-top: 0%;
    margin-bottom: -3%;
    margin-left: 5%;
    padding-top: 5px;
}
.menu_area-light .navbar-nav>li>a{
    color: black;
    }
}
</style>

<body>

    <!-- PAGE LOADING
    ================================================== -->
    <div id="preloader"></div>

    <!-- MAIN WRAPPER
    ================================================== -->
    <div class="main-wrapper">

        <!-- HEADER
        ================================================== -->
        <header class="header-style1 menu_area-light" style="background: white;">

            <div class="navbar-default border-bottom border-color-light-white">

                <!-- start top search -->
                <div class="top-search bg-secondary">
                    <div class="container-fluid px-lg-1-6 px-xl-2-5 px-xxl-2-9">
                        <form class="search-form" action="" method="GET" accept-charset="utf-8">
                            <div class="input-group">
                                <span class="input-group-addon cursor-pointer">
                                    <button class="search-form_submit fas fa-search text-white" type="submit"></button>
                                </span>
                                <input type="text" class="search-form_input form-control" name="s" autocomplete="off" placeholder="Type &amp; hit enter...">
                                <span class="input-group-addon close-search mt-1"><i class="fas fa-times"></i></span>
                            </div>
                        </form>
                    </div>
                </div>
                <!-- end top search -->

                <div class="container-fluid px-lg-1-6 px-xl-2-5 px-xxl-2-9">
                    <div class="row align-items-center">
                        <div class="col-12 col-lg-12">
                            <div class="menu_area alt-font">
                                <nav class="navbar navbar-expand-lg navbar-light p-0">
                                    <div class="navbar-header navbar-header-custom">
                                        <!-- start logo -->
                                        <a href="index.php">
                                            <img src="icons/logo/lily-logo.png" id="logo-style" style="max-width: 30%;margin-top: -2%;margin-bottom: -3%;margin-left: 5%;">
                                        </a>
                                        <!-- end logo -->
                                    </div>

                                    <div class="navbar-toggler bg-secondary"></div>

                                    <!-- start menu area -->
                                    <ul class="navbar-nav ms-auto navbar-style" id="nav">
                                        <li><a href="index.php">Home</a></li>
                                        <li><a href="about.php">Who We are</a></li>
                                        <li><a href="service.php">Service</a></li>
                                        <li><a href="contact.php">Contact Us</a></li>
                                        <li class="tracking-div"><a href="tracking.php">Tracking</a></li>
                                    </ul>
                                    <!-- end menu area -->

                                    <!-- start attribute navigation -->
                                    <div class="attr-nav align-items-xl-center ms-xl-auto main-font">
                                        <ul>
                                            <li class="d-none d-xl-inline-block">
                                                <a href="tracking.php" class="butn secondary md">
                                                    <span class="text-white">Tracking</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- end attribute navigation -->
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </header>

Zerion Mini Shell 1.0