<?php require_once 'email.php'

?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta content="" name="description">
    <meta content="" name="keywords">
    <!-- Favicons -->
    <link href="assets/img/favicon.png" rel="icon">
    <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
    <link rel="alternate" type="application/rss+xml" title="FastShipping24 Global RSS" href="rss.xml">

    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"> -->
    <!-- Vendor CSS Files -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>


    <!-- Google Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap"
        rel="stylesheet">

    <!-- Vendor CSS Files -->
    <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
    <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
    <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
    <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
    <link href="assets/vendor/aos/aos.css" rel="stylesheet">

    <style>
    @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
    </style>
    <!-- Template Main CSS File -->
    <link href="assets/css/main.css" rel="stylesheet">
    <link rel="stylesheet" href="./assets/css/styles.css">


    <!-- =======================================================
  * Template Name: Logis - v1.1.0
  * Template URL: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
    <title>FLC &amp; COURIER</title>

    <style>
    footer .footer-container {
        width: 100%;
        background-color: #0d237d;

    }

    footer .container-fluid {
        display: block;
        width: 100%;
    }

    footer .container-fluid ul {
        display: flex;
        padding: 0;
        margin: 0;

    }

    footer .container-fluid ul li {
        list-style: none;
    }

    footer .container-fluid ul li a {
        display: block;
        width: 100%;
        text-decoration: none;
        font-weight: bold;
        color: #fff;
        padding: 0 10px;
        font-size: 13px;
    }

    footer .container-fluid ul li a:hover {
        text-decoration: underline;
    }

    .dt-copyright {
        font-weight: bold;
        color: #fff;
        padding: 10px 0;
        margin: -90px 0 20px 0px;
        font-size: 13px;
    }

    .container-fluid .email a {
        display: inline-block;
        color: #fff;
        font-weight: bold;
        margin: -20px 0 40px 0;
    }

    @media only screen and (min-width:768px) {
        footer .container-fluid {
            display: flex;
            width: 100%;
            margin: 0 auto;
        }

        footer .container-fluid .email a {
            transform: translate(-20%, 180%);
        }
    }

    @media only screen and (min-width:1200px) {
        footer .container-fluid {
            width: 1200px;
            margin: 0 auto;
        }
    }
    </style>
</head>
<body>
    <header id="header" class="header d-flex align-items-center fixed-top">
        <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
            <a href="index.html" class="logo d-flex align-items-center">
                <!-- Uncomment the line below if you also wish to use an image logo -->
                <!--<img src="assets/img/logo.png" alt="" >-->
                <h1 style="color:#ccc; font-weight: bold">
                    <?=$logo?>
                </h1>
            </a>
            <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
            <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
            <nav id="navbar" class="navbar fw-bold" style="background-color: #000;">
                <ul>
                    <li><a href="index" class="active">Home</a></li>
                    <li><a href="about">About</a></li>
                    <li><a href="network">Network</a></li>
                    <li><a href="career">Careers</a></li>
                    <li><a href="logistics">Security logistics</a></li>
                    <li class="dropdown"><a href="#"><span>Security Services</span> <i
                                class="bi bi-chevron-down dropdown-indicator"></i></a>
                        <ul>
                            <li><a href="services">List of Services</a></li>
                            <li><a href="products">Security Product</a></li>
                        </ul>
                    </li>
                    <li><a href="contact">Contact</a></li>
                    <li><a class="get-a-quote" href="get-a-quote">Get a Quote</a></li>
                </ul>
            </nav><!-- .navbar -->
        </div>
    </header><!-- End Header -->
    <main id="main">
        <!-- ======= Breadcrumbs ======= -->
        <div class="breadcrumbs">
            <div class="page-header d-flex align-items-center"
                style="background-image: url('assets/img/page-header.jpg');">
                <div class="container position-relative">
                </div>
            </div>
            <nav>
                <div class="container">
                    <ol>
                        <li><a href="index">Home</a></li>
                    </ol>
                </div>
            </nav>
        </div><!-- End Breadcrumbs -->

    </main>