JezK

Edit File: index.php

<?php
include_once("app/checkSession.php");
include_once("app/adminObj.php");
$res=$customerObj->usersData();
?>
<!doctype html>
<html>
   <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>Uflexit</title>
      <meta name="description" content="Sufee Admin - HTML5 Admin Template">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="apple-touch-icon" href="apple-icon.png">
      <link rel="shortcut icon" href="favicon.ico">
      <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
      <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
      <link rel="stylesheet" href="css/style.css" type="text/css">
      <link rel="stylesheet" href="css/header.css" type="text/css">
      <link rel="stylesheet" href="css/index.css" type="text/css" >
      <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
      
      <script src="js/jquery.min.js" type="text/javascript"></script>
      <script src="js/popper.min.js" type="text/javascript"></script>
      <script src="js/bootstrap.min.js" type="text/javascript"></script>
      <script src="js/main.js" type="text/javascript"></script>
      
      
      
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css">
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css">
      <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
      <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.js"></script>
     
      
      <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"> </script>
      <script src="js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
      <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker.css" rel="stylesheet">  
      
      <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script> 
</head>
   <body>
      
      <section id="main">
         <div class="container">
            <nav class="navbar navbar-expand-lg navbar-light nav px-5" style=" border-radius: 0px 0px 12px 12px;">
               <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>
               </button>
               <div class="collapse navbar-collapse row" id="navbarNav">
                  
                  <div class="col-md-4">
                     <a class="nav-link" href="index.php"><img src="images/Home_Croppings/uflexitlogo.png"> <span class="sr-only">(current)</span></a>
                  </div>
                  <div class="col-md-4   mt-4">
                     <ul class="navbar-nav">
                        <li class="nav-item">
                           <a class="nav-link d-flex text-center home-icon" href="index.php" >
                              <div> <img class="pr-2 home-icon-img"src="images/Home_Croppings/Home.png"> </div>
                              <div class="menu-items"> Home</div> </a>
                        </li>
                        <li class="nav-item">
                           
                               <a class="nav-link d-flex text-center warehouse-icon" href="warehouse_admin/mywarehouse.php">
                              
                             <div> <img class="pr-2 warehouse-icon-img" src="images/Home_Croppings/Warehouses.png"></div> <div class="menu-items">Warehouses</div></a>
                        </li>
                     </ul>
                  </div>
                 
                  <div class="col-md-4  logindiv" >
                     <ul class="navbar-nav ml-5 ">
                        <?php 
                           if(isset($_SESSION) && isset($_SESSION['email']) && $_SESSION['email']!='')
                           {
                        ?>
                           <li class="nav-item">
                              <a class="nav-link lr-styl py-0">Hi: <?php echo substr($_SESSION['name'],0,5)."..";?></a>
                           </li>
                           <li><div class="vl border-line" style="margin-top: 5px !important;">|</div> </li>
                           <li class="nav-item">
                              <a class="nav-link lr-styl py-0" href="logout.php">Logout</a>
                           </li>
                        <?php } else {?>
                           <li class="nav-item ">
                              <a class="nav-link lr-styl py-0" >Login 
                                 <img class="image" src="images/Home_Croppings/dropdown_A.png" style="margin-bottom: 6px;"></a>
                                 <ul class="li-dropdown dropdown-menu">
                                    <li><a href="owner_login.php">Warehouse Login</a></li>
                                    <li><a href="login.php">Customer Login</a></li>
                                 </ul>
                           </li>
                           <li><div class="vl border-line" style="margin-top: 5px !important;">|</div> </li>
                           
                           <li class="nav-item">
                              <a class="nav-link lr-styl py-0">Register 
                              <img class="image"src="images/Home_Croppings/dropdown_A.png" style="margin-bottom: 6px;"></a>
                                 <ul class="li-dropdown dropdown-menu menu-right">
                                    <li><a href="owner_registration.php">Warehouse Registration</a></li>
                                    <li><a href="registration.php">Customer Registration</a></li>
                                 </ul>
                           </li>
                        <?php }?>
                     </ul>
                  
                  
               </div>
            </nav>
            <div class="container row pb-5">
            <div class="col-md-7 pb-3" style=" display: flex; flex-direction: column-reverse;">
                  <div class="px-5">
                     <h3 class="text-light hero-ht">FIND A WAREHOUSE RIGHT NOW</h3>
                     <h3 class="text-light hero-st">Capacity When, Where and How,You Need It.</h3>
                  </div>
               </div>
               <div class="col-md-5">
                  <form action="warehouse.php" method="post">
                  <div class="form-group search p-relative select">
                     <span class="select-icon"><img src="images/Home_Croppings/Location.png"></span>
                     <select name="country_id" class="selectpicker form-control" id="country" data-live-search="true">
                        <option value="">Location</option>
                        <?php $clist = $customerObj->getCountryList(); foreach($clist as $cl){?>
                        <option class="blueText"  value="<?php echo $cl['country_id'];?>"><?php echo $cl['country_name'];?></option>
                        <?php } ?>
                     </select>
                  </div>
                  <div class="form-group search p-relative select form-h">
                     
                     <span class="select-icon"><img src="images/Home_Croppings/date-pic.png"></span>
                     <input name="date" type="text" class="form-control datepicker"  id="datepicker" placeholder="when do you want">
                     
                  </div>
                  <div class="form-group search p-relative select">
                  <span class="select-icon"><img src="images/Home_Croppings/age_of_property.png"></span>
                     <select name="age" class="selectpicker form-control" data-live-search="true" id="age_property">
                        <option value="" >Age of Property</option>
                        <option value="1">1 Year</option>
                        <option value="2">2 Year</option>
                        <option value="3">3 Year</option>
                     </select>
                  </div>
                  <div class="form-group search1 p-relative select">
                     
                     <span class="select-icon"><img src="images/Home_Croppings/space_want.png"></span>
                     <select name="space" class="selectpicker form-control" data-live-search="true" id="space">
                        <option value="">How much space you want</option>
                        <option value="2">Pallet</option>
                        <option value="3">Space</option>
                     </select>
                  </div>
                  <div class="form-group">

</div>
                  </form>
                  <script type="text/javascript">
                     function check_search(){
                        /*alert($('#country').val());
                        alert($('#datepicker').val());
                        alert($('#age_property').val());
                        alert($('#space').val());*/
                         var added = 0;
                        if($('#country').val() != ''){
                           var added = 1;
                        }
                        if($('#datepicker').val() != ''){
                           var added = 1;
                        }
                        if($('#age_property').val() != ''){
                           var added = 1;
                        }
                        if($('#space').val() != ''){
                           var added = 1;
                        }
                        //alert(added);
                           if(added == 0){
                              alert("Please select any search data");
                              $('#country').focus();
                              return false;
                           } else {
                              return true;
                           }
                        /*if($('#country').val() != '' || $('#datepicker').val() != '' || $('#age_property').val() != '' || $('#space').val() != '' ){
                              return true;
                        } else {
                          alert("Please select any search data");
                              $('#country').focus();
                              return false;
                        }*/
                        
                        //$('#password').focus();

return false;
                     }
                  </script>
               </div>
            </div>
         </div>
      </section>
      
      <section class="topWareHouse" style="background-color:#F2F1F7;">
         <h3 class="text-center pt-5 h-ms" style="color:#2441B5;">Top Warehouses</h3>
         <div class=" container-fluid ">
            <div class="row mt-3 ">
               
               <div id="multi-item-example" class="carousel slide carousel-multi-item w-100" data-ride="carousel">
                  
                  <div class="controls-top">
                     <a class="btn-floating" href="#multi-item-example" data-slide="prev"><i class="fa fa-chevron-left"></i></a>
                     <a class="btn-floating" href="#multi-item-example" data-slide="next"><i
                        class="fa fa-chevron-right"></i></a>
                  </div>
                  
                  
                  <ol class="carousel-indicators">
                     <li data-target="#multi-item-example" data-slide-to="0" class="active"></li>
                     <li data-target="#multi-item-example" data-slide-to="1"></li>
                  </ol>
                  
                  
                  <div class="carousel-inner" role="listbox">
                     
                     <div class="carousel-item active">
                        <div class="col-md-4" >
                           <div class="card ">
                              <div class="card-body" >
                                 <div class="col-md-8">
                                    <img src="images/Home_Croppings/img_1.png" >
                                 </div>
                                 <div class="col-md-4">
                                    <div class="row">
                                      <h3 class="text-dark mt-5">150sq.ft</h3>
                                      <h6 class="text-dark ">Storage Space</h6>
                                    </div>
                                 <div class="row warehouse-icons my-3">
                                 <ul>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_1.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_2.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_3.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_4.png" class="sec-warehouse"></li>
                                 </ul>
                                 </div>
                                 <div class="my-5">
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                 </div>
                                 <div style="float:right;"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-bookmarks-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4z"/>
  <path fill-rule="evenodd" d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z"/>
</svg></div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-4">
                           <div class="card ">
                              <div class="card-body" >
                                 <div class="col-md-8">
                                    <img src="images/Home_Croppings/img_2.png" >
                                 </div>
                                 <div class="col-md-4">
                                 <div class="row">
                                      <h3 class="text-dark mt-5">150sq.ft</h3>
                                      <h6 class="text-dark ">Storage Space</h6>
                                    </div>
                                    <div class="row warehouse-icons my-3">
                                 <ul>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_1.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_2.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_3.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_4.png" class="sec-warehouse"></li>
                                 </ul>
                                 </div>
                                 <div class="my-5">
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                 </div>
                                 <div style="float:right;"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-bookmarks-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4z"/>
  <path fill-rule="evenodd" d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z"/>
</svg></div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-4">
                           <div class="card ">
                              <div class="card-body" >
                                 <div class="col-md-8">
                                    <img src="images/Home_Croppings/img_3.png">
                                 </div>
                                 <div class="col-md-4">
                                 <div class="row">
                                      <h3 class="text-dark mt-5">150sq.ft</h3>
                                      <h6 class="text-dark ">Storage Space</h6>
                                    </div>
                                    <div class="row warehouse-icons my-3">
                                 <ul>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_1.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_2.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_3.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_4.png" class="sec-warehouse"></li>
                                 </ul>
                                 </div>
                                 <div class="my-5">
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                 </div>
                                 <div style="float:right;"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-bookmarks-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4z"/>
  <path fill-rule="evenodd" d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z"/>
</svg></div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     
                     
                     <div class="carousel-item">
                        <div class="col-md-4" style="float:left">
                           <div class="card ">
                              <div class="card-body" >
                                 <div class="col-md-8">
                                    <img src="images/Home_Croppings/img_1.png" >
                                 </div>
                                 <div class="col-md-4">
                                 <div class="row">
                                      <h3 class="text-dark mt-5">150sq.ft</h3>
                                      <h6 class="text-dark ">Storage Space</h6>
                                    </div>
                                    <div class="row warehouse-icons my-3">
                                 <ul>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_1.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_2.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_3.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_4.png" class="sec-warehouse"></li>
                                 </ul>
                                 </div>
                                 <div class="my-5">
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                 </div>
                                 <div style="float:right;"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-bookmarks-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4z"/>
  <path fill-rule="evenodd" d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z"/>
</svg></div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-4" style="float:left">
                           <div class="card ">
                              <div class="card-body" >
                                 <div class="col-md-8">
                                    <img src="images/Home_Croppings/img_2.png" >
                                 </div>
                                 <div class="col-md-4">
                                 <div class="row">
                                      <h3 class="text-dark mt-5">150sq.ft</h3>
                                      <h6 class="text-dark ">Storage Space</h6>
                                    </div>
                                    <div class="row warehouse-icons my-3">
                                 <ul>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_1.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_2.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_3.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_4.png" class="sec-warehouse"></li>
                                 </ul>
                                 </div>
                                 <div class="my-5">
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                 </div>
                                 <div style="float:right;"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-bookmarks-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4z"/>
  <path fill-rule="evenodd" d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z"/>
</svg></div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="col-md-4" style="float:left">
                           <div class="card ">
                              <div class="card-body" >
                                 <div class="col-md-8">
                                    <img src="images/Home_Croppings/img_3.png">
                                 </div>
                                 <div class="col-md-4">
                                    <div class="row">
                                      <h3 class="text-dark mt-5">150sq.ft</h3>
                                      <h6 class="text-dark ">Storage Space</h6>
                                      <br>
                                      <p>
                                         <li class="fa fa-star"></li>
                                      </p>
                                    </div>
                                    <div class="row warehouse-icons my-3">
                                 <ul>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_1.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_2.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_3.png" class="sec-warehouse"></li>
                                 <li class="pl-1"><img src="images/Home_Croppings/icon_4.png" class="sec-warehouse"></li>
                                 </ul>
                                 </div>
                                 <div class="my-5">
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star checked"></span>
                                    <span class="fa fa-star"></span>
                                    <span class="fa fa-star"></span>
                                 </div>
                                 <div style="float:right;"><svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-bookmarks-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
  <path fill-rule="evenodd" d="M2 4a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v11.5a.5.5 0 0 1-.777.416L7 13.101l-4.223 2.815A.5.5 0 0 1 2 15.5V4z"/>
  <path fill-rule="evenodd" d="M4.268 1H12a1 1 0 0 1 1 1v11.768l.223.148A.5.5 0 0 0 14 13.5V2a2 2 0 0 0-2-2H6a2 2 0 0 0-1.732 1z"/>
</svg></div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     
                  </div>
                  
               </div>
               
            </div>
         </div>
      </section>
      
      <section class="locations my-5">
         <h3 class="text-center pt-5 h-ms" style="color:#2441B5;">Locations</h3>
         <div class=" container text-center">
            <div class="row my-5" style="padding:0px 60px;">
               
               <div class="col-md-4 text-center">
                  
                  <img src="images/Home_Croppings/img_4.png" style=" border-radius:12px; width:100%" class=" justify-content-center">
                    
                  <h3 class="text-center">Jordan</h3>
               </div>
               <div class="col-md-4 text-center">
                  
                  <img src="images/Home_Croppings/img_5.png" style=" border-radius:12px;width:100%">
                  
                  <h3 class="text-center">Saudi Arabia</h3>
               </div>
               <div class="col-md-4 text-center ">
                  
                  <img src="images/Home_Croppings/img_6.png" style="border-radius:12px 12px 12px 12px;width:100%">
                  
                  <h3 class="text-center">UAE</h3>
               </div>
               
            </div>
         </div>
      </section>
      
      <section class="lease pt-3 my-5">
         <h4 class="text-center my-5 h-ms" style="color:#2441B5;">How to get warehouses for lease</h4>

<div class="container my-5">
            <div class="equalHMWrap eqWrap">
                <div class="equalHMR eq mx-2 p-3">
                    <div class="d-flex"> 
                        <div class="align-c"><img src="images/Home_Croppings/explore_warehouse.png" style="width: 100%;height: max-content;"></div>
                        <div class="text col-md-9 pt-3">
                           <h6>Explore Warehouses</h6>
                           <p style="font-size:12px;">Fix a meetup for further discussion with one of our solutions manger</p>
                        </div>
                    </div>
                </div>
                <div class="equalHMR eq mx-2 p-3">
                <div class="d-flex"> 
                        <div class="align-c"><img src="images/Home_Croppings/book_offline.png" style="width: 100%;height: max-content;"></div>
                        <div class="text col-md-9 pt-3">
                           <h6>Book offline</h6>
                           <p style="font-size:12px;">Fix a meetup for further discussion with one of our solutions manger</p>
                        </div>
                    </div>
                </div>
                <div class="equalHMR eq mx-2 p-3">
                <div class="d-flex"> 
                        <div class="align-c"><img src="images/Home_Croppings/book online.png" style="width: 100%;height: max-content;"></div>
                        <div class="text col-md-9 pt-3">
                           <h6>Book offline</h6>
                           <p style="font-size:12px;">Fix a meetup for further discussion with one of our solutions manger</p>
                        </div>
                    </div>
                </div>
            </div>
         </div>
        
      </section>
      
      <section class="testimonals">
         <div class="w-100" >
            <h3 class="mt-4 text-center h-ms">Testimonals</h3>
            <div id="myCarousel" class="carousel slide mt-5" data-ride="carousel">
               
               <ol class="carousel-indicators">
                  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                  <li data-target="#myCarousel" data-slide-to="1"></li>
                  <li data-target="#myCarousel" data-slide-to="2"></li>
               </ol>

<div class="tm-bg">
               <div class="container carousel-inner w-md-70 px-md-5">
               <?php $i =0; foreach($res as $val){ if($i ==0){ $active = "active"; }else{ $active = ""; }?>
                  <div class="item <?php echo $active; ?>">
                  <div class="d-md-flex ">
                      <div class="pr-md-5"><img src="images/Home_Croppings/testmonial.png" alt="Avatar" ></div>
                        <div class="p-md-5"><h3 class="tm-h"><?php echo $val['first_name'].$val['last_name'];?></h3>

                        <p class="tm-sh">Good Organization</p>
                        <p class="tm-sh"></div>
                     </div>
                  </div>
                  <?php $i++;}?>
               

               
                  
               </div>
            </div>

<a class="left carousel-control" href="#myCarousel" data-slide="prev">
                  <span class="glyphicon glyphicon-chevron-left"></span>
                  <span class="sr-only">Previous</span>
               </a>
               <a class="right carousel-control" href="#myCarousel" data-slide="next">
                  <span class="glyphicon glyphicon-chevron-right"></span>
                  <span class="sr-only">Next</span>
               </a>
            </div>
         </div>
      
      </section>

<section class=" subscribe  py-5">
            <div id="subscription_area">
            <div class="container py-5">
                <div class="row">
                <div class="col-sm-12">
                    <div class="subscribe_now">
                    <h3>Save time,Save money</h3>
                    <p>Sign up and we'll send the best deals to you</p>
                    <form class="subscribe_form">
                        <div class="input-group">
                        <img class="mail_envlope" src="images/Home_Croppings/mail.png">
                        <input type="text" class="form-control" name="email" id="email" placeholder="Enter your email" onchange="return checksubscribeemailExistsorNot(this.value,'1')">
                        <span class="input-group-btn">
                                <button class="btn btn-default" type="button" onclick="return newsletter_subcribe();">subscribe</button>
                        </span>
                        </div>
                        <div class="error email_error"></div>
                    </form>
                    </div>
                </div>
                </div>
            </div>
            </div>
        </section>

<section class="footer top-footer  bg-dark">
         <div class="container">
            <div class="row">
               <div class="col-md-2"></div>
               <div class="footer col-md-3 mt-3">
                  <ul style="list-style:none;">
                     <li class="text-light">Home</li>
                     <li class="text-light">About us</li>
                     <li class="text-light">Contact us</li>
                  </ul>
               </div>
               <div class="footer col-md-3 mt-3">
                  <ul style="list-style:none;">
                     <li class="text-light">Warehouse</li>
                     <li class="text-light">Facilities</li>
                     <li class="text-light">Terms & Conditions</li>
                  </ul>
               </div>
               <div class="footer col-md-3 mt-3">
                  <ul style="list-style:none;">
                     <li class="text-light">Get in touch for on demand warehouse</li>
                     <li class="text-light">info@uflexit.com</li>
                     <li class="text-light">+900 123 456</li>
                  </ul>
               </div>
            </div>
            <h6 class="text-center bottom-footer pb-2">Copyright 2020 All right reserved</h6>
         </div>
      </section>