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

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>Food-don</title>
  <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">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="<?php echo base_url();?>assets/home/assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/home/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/home/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/home/assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/home/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/home/assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/home/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/home/demo.css" />
  <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>assets/home/styles.css" />
  
    <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
    <link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" />
    <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
    <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>
    <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"></script>
    <script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"></script>
  <!-- Template Main CSS File -->
  <link href="<?php echo base_url();?>assets/home/assets/css/style.css" rel="stylesheet">

  <style type="text/css">
    .widt-search{
          width: 39em;
    }
    .width-card{
      width: 25em;
    }
   

    .food-items-list{
       color: #6a6666; 
       background-color: #ededed;
        width: 230px; 
        font-family:'Helvetica Neue',Helvetica, Arial, sans-serif;
        margin-bottom: 5px;
           font-weight: lighter;
      font-size: 14px;

    }

    .bg-map{
       background-color: #c6c6c6;
    }
    .row-top{
      margin-top:-10px;
    }

    .map-bg{
      filter: grayscale(100%);
      width: 100% important;
      height: 600px !important;

    }
    .H_l_vertical,.H_el,.H_copyright{
      display: none !important;
    }
  .googlemaps {
  height: 100% !important;
  width: 100% !important;
  position:absolute;
  top: 0;
  left: 0;
  z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
  filter: grayscale(100%);
}

#foodbank-card {
  position: relative;
  z-index: 1; /* The z-index should be higher than Google Maps */

}
  </style>
</head>


<body  >

  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top">
    <div class="container d-flex  justify-content-between">

      <h3 class="logo"><a href="index.html"><img src="<?php echo base_url()?>assets/home/Group.svg"></a></h3>


      <nav id="navbar" class="navbar">
        <ul>
          <form action="<?php echo base_url()?>home/getCompanyListWithName" method="post">
        <li class="widt-search ">
          <div class="input-group">
            <input type="text" name="search" class="form-control" placeholder="Search Food Bank......">
     
            <div class="input-group-append">
              <button type="submit" class="btn btn-secondary" type="button">
                <i class="fa fa-search"></i>
              </button>
            </div>
          </div>
        </li>
        </form>
    
          <li>
            <a class="getstarted scrollto" style="background-color: #ffa500; border: none;" href="<?php echo base_url();?>chatapp/login.php">Login <i class="fa fa-sign-in"></i></a>
          </li>
        </ul>
        <i class="bi bi-list mobile-nav-toggle"></i>
      </nav><!-- .navbar -->

    </div>
  </header><!-- End Header -->