PNG
IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
File Manager
File Manager
Viewing File: track.php
<?php
include('connect.php');
include('member_functions.php');
if(isset($_GET['t_num'])){
//...............................
$tmain = tarck_main($_GET['t_num']);
$tDetails = tarck_details($_GET['t_num']);
$tDetailsl = tarck_l($_GET['t_num']);
$tDetail = tarced($_GET['t_num']);
$adm = Getad();
if($tmain["r"] == ""){
echo '<script>alert("Tracking Number Not Valid")</script>';
die();
}
}else{
header("Location: https://Oceangatelogistic.com/");
exit();
}
// Function to securely escape input data
function escape_input($data, $conn) {
return mysqli_real_escape_string($conn, $data);
}
// Function to handle file upload
function handle_file_upload($file) {
$target_dir = "admin/img/proof/"; // Directory where files will be uploaded
$target_file = $target_dir . basename($file["name"]);
$uploadOk = 1;
$imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
$check = getimagesize($file["tmp_name"]);
if($check !== false) {
$uploadOk = 1;
} else {
echo "File is not an image.";
$uploadOk = 0;
}
}
// Check file size
if ($file["size"] > 5000000) {
echo "Sorry, your file is too large.";
$uploadOk = 0;
}
// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
&& $imageFileType != "gif" ) {
echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
$uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
if (move_uploaded_file($file["tmp_name"], $target_file)) {
echo "The file ". basename( $file["name"]). " has been uploaded.";
return $target_file;
} else {
echo "Sorry, there was an error uploading your file.";
return false;
}
}
}
// Check if form is submitted
if ($_POST["proof"] ) {
// Handle payment method and corresponding details
$payment_method = escape_input($_POST["m"], $conn);
$payment_details = "";
switch ($payment_method) {
case "btc":
$payment_details = escape_input($_POST["btcAddress"], $conn);
break;
case "cashapp":
$payment_details = escape_input($_POST["cashappID"], $conn);
break;
case "bank":
$payment_details = escape_input($_POST["bankDetails"], $conn);
break;
case "paypal":
$payment_details = escape_input($_POST["paypalEmail"], $conn);
break;
default:
// Handle if no payment method is selected
break;
}
// Handle uploaded file
$proof = handle_file_upload($_FILES["proof"]);
$prf = $_FILES["proof"];
// Insert data into database
$sql = "INSERT INTO proof (method, details, pimg)
VALUES ('$payment_method', '$payment_details', '$prf')";
if ($conn->query($sql) === TRUE) {
header('Location: index.php');
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
}
$conn->close();
//header('location: track.php?t_num='.$_GET['t_num']);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Oceangatelogistic</title><link rel="icon" href="images/gg.fw.png">
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Transporters web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webDesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web Designs" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--// Meta tag Keywords -->
<link rel="stylesheet" href="css/lightbox.css"> <!-- portfolio-CSS -->
<!-- css files -->
<link rel="stylesheet" href="css/bootstrap.css"> <!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" /> <!-- Style-CSS -->
<link rel="stylesheet" href="css/font-awesome.css"> <!-- Font-Awesome-Icons-CSS -->
<!-- //css files -->
<!-- web-fonts -->
<link href="//fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
<!-- //web-fonts -->
<style>
.tip {
width: 0px;
height: 0px;
position: absolute;
background: transparent;
border: 12px solid #ccc;
}
.tip-left {
top: 12px;
left: -25px;
border-top-color: transparent;
border-left-color: transparent;
border-bottom-color: transparent;
}
.dialogbox .body {
position: relative;
max-width: 100%;
height: auto;
margin: 20px 10px;
padding: 5px;
border-radius: 3px;
border: 2px solid #ccc;
}
.body .message {
min-height: 30px;
border-radius: 3px;
font-size: 14px;
line-height: 1.5;
color: #000000;
}
</style>
</head>
<body>
<div class="header">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1><a href="index.php"><img src="limages.png"></a></h1>
</div>
<div class="top-nav-text">
<div class="nav-contact-w3ls"></div>
</div>
<!-- navbar-header -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a class="hvr-underline-from-center active" href="index.php">Home</a></li>
<li><a href="about.php" class="hvr-underline-from-center">About Us</a>
</li>
<li><a href="contact.php" class="hvr-underline-from-center">Contact Us</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</nav>
</div>
<div class="banner1">
</div>
<!-- portfolio-inner-page -->
<br>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js'></script><link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'>
<style class="cp-pen-styles">.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
content: counter(stepNum);
font-family: inherit;
font-weight: 700;
}
.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
background-color: #ededed;
}
.multi-steps {
display: table;
table-layout: fixed;
width: 100%;
}
.multi-steps > li {
counter-increment: stepNum;
text-align: center;
display: table-cell;
position: relative;
color: tomato;
}
.multi-steps > li:before {
content: '\f00c';
content: '\2713;';
content: '\10003';
content: '\10004';
content: '\2713';
display: block;
margin: 0 auto 4px;
background-color: #fff;
width: 36px;
height: 36px;
line-height: 32px;
text-align: center;
font-weight: bold;
border-width: 2px;
border-style: solid;
border-color: tomato;
border-radius: 50%;
}
.multi-steps > li:after {
content: '';
height: 2px;
width: 100%;
background-color: tomato;
position: absolute;
top: 16px;
left: 50%;
z-index: -1;
}
.multi-steps > li:last-child:after {
display: none;
}
.multi-steps > li.is-active:before {
background-color: #fff;
border-color: tomato;
}
.multi-steps > li.is-active ~ li {
color: #808080;
}
.multi-steps > li.is-active ~ li:before {
background-color: #ededed;
border-color: #ededed;
}
</style>
<div class="flat-row pad-bottom40px">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>
<strong><?php if(!$tmain["img"]){ echo "No tracking information found on "?></strong> <?php echo $_GET['t_num'];?> <strong><?php }else{ echo "Tracking Information";}?></strong>
</h2>
</div>
<?php
$info = explode('/',$tmain["s"]);
$info2 = explode('/',$tmain["sh"]);
$info3 = explode('/',$tmain["r"]);
?>
<div class="container-fluid block-content">
<div class="container">
<div class="row">
<div class="col-lg-4">
<h4>Welcome: <?php echo $info3["0"] ?></h4>
<br>
<?php if (!$tmain["img"]) {
} else { ?>
<img src="admin/img/<?php echo $tmain["img"]; ?>" class="img-responsive" style="border-radius:5px" width="200px">
<h5><strong><?php echo $info2["0"]; ?></strong> - <?php echo $_GET["t_num"]; ?></h5>
<?php } ?>
</div>
<div class="col-lg-8">
<br><br><br><br><br><br><br>
<?php if (!$tmain["img"]) {
} else { ?>
<ul class="list-unstyled multi-steps">
<li class="<?php if ($tmain["ts"] == 1) {
echo "is-active";
} ?>"><?php echo $info["3"]; ?></li>
<li class="<?php if ($tmain["ts"] == 2) {
echo "is-active";
} ?>"></li>
<li class="<?php if ($tmain["ts"] == 3) {
echo "is-active";
} ?>"></li>
<li class="<?php if ($tmain["ts"] == 4) {
echo "is-active";
} ?>"><?php echo $info["4"]; ?></li>
</ul>
<div class="progress">
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:<?php if ($tmain["ts"] == 1) {
echo "15%";
} ?> <?php if ($tmain["ts"] == 2) {
echo "48%";
} ?><?php if ($tmain["ts"] == 3) {
echo "84%";
} ?><?php if ($tmain["ts"] == 4) {
echo "100%";
} ?>">
<?php while ($row = mysqli_fetch_assoc($tDetailsl)) { ?>
<?php echo $row["Location"]; ?>
<?php } ?>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
<hr>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="col-lg-6 col-sm-6">
<?php if (!$tmain["img"]) {
} else { ?>
<div style="text-align: center;">
<div style="display: inline-block;">
<img src="admin/img/sender/<?php echo $tmain["img1"]; ?>" class="img-responsive" style="border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);" height: "auto" width="150px">
<h5 style="margin-top: 10px;"><strong>Sender Name :</strong> <?php echo $info["0"]; ?></h5>
<h5 style="margin-top: 10px;"><strong>Sender Phone</strong> <?php echo $info["2"]; ?></h5>
<h5 style="margin-top: 10px;"><strong>Sender Email</strong> <?php echo $info["1"]; ?></h5>
</div>
</div>
<?php } ?>
<div class="table-responsive">
<table class="table table-condensed">
<thead>
<tr style="color:#FFFFFF; background-color:#218DCB">
<th>Tracking N0</th>
<th>From</th>
<th>To</th>
<th>Serial N0</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong> <?php echo $_GET["t_num"]; ?></strong></td>
<td><?php echo $info["3"]; ?></td>
<td><?php echo $info["4"]; ?></td>
<td><?php echo $info2["1"]; ?></td>
</tr>
<tr>
<td><strong>Weight: </strong><?php echo $info2["2"]; ?></td>
<td>Sender ID : <?php echo "456".$tmain["ID"]."890"; ?></td>
<td><strong>Parcel Number.: </strong><?php echo $info2["1"] . "PECTA"; ?></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-lg-6 col-sm-6" >
<?php if (!$tmain["img"]) {
} else { ?>
<div style="text-align: center;">
<div style="display: inline-block;">
<img src="admin/img/reciver/<?php echo $tmain["img2"]; ?>" class="img-responsive" style="border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);" height: "auto" width="150px">
<h5 style="margin-top: 10px;"><strong>Receiver Name :</strong> <?php echo $info3["0"]; ?></h5>
<h5 style="margin-top: 10px;"><strong>Receiver Phone</strong> <?php echo $info3["2"]; ?></h5>
<h5 style="margin-top: 10px;"><strong>Receiver Email</strong> <?php echo $info3["1"]; ?></h5>
</div>
</div>
<?php } ?>
<div class="table-responsive">
<table class="table table-condensed">
<thead>
<tr style="color:#000; background-color:#FDE9AC">
<th>Receiver Address </th>
<th>Receiving </th>
<th>Receiver ID </th>
</tr>
</thead>
<tbody>
<tr>
<td><strong><?php echo $info3["2"]; ?></strong></td>
<td><?php echo $tmain["estd"]; ?></td>
<td><?php echo "176".$tmain["ID"]."890"; ?></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<br>
<!-- Smartsupp Live Chat script -->
<script type="text/javascript">
var _smartsupp = _smartsupp || {};
_smartsupp.key = '6439783d07efa540e9b6c50710531120c80cc610';
window.smartsupp||(function(d) {
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
s=d.getElementsByTagName('script')[0];c=d.createElement('script');
c.type='text/javascript';c.charset='utf-8';c.async=true;
c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
})(document);
</script>
<noscript> Powered by <a href=“https://www.smartsupp.com” target=“_blank”>Smartsupp</a></noscript>
<table class="table table-responsive">
<thead>
<tr style="color:#000; background-color:#FDE9AC">
<th style="text-align:center">Shipper Information </th>
</tr>
</thead>
<tbody>
<?php while($row = mysqli_fetch_assoc($tDetails)){ ?>
<tr style="text-align:center">
<td>
<?php echo $row['Info']." ".$row['Location']." Fee:".$row['fee']."<br>(".$row['Date']; ?>
)</td>
</tr> <?php }?>
</tbody>
</table>
<hr>
<br>
<!--<center><h3><b>Choose Method For Payment </b></h3></center>-->
<!--<form action="track.php" method="post" enctype="multipart/form-data"> -->
<!-- <div class="row">-->
<!-- <div class="col-md-12 col-xl-10 grid-margin stretch-card">-->
<!-- <div class="card">-->
<!-- <div class="card-body">-->
<!-- <label>Payment Method</label>-->
<!-- <div class="add-items d-flex">-->
<!-- <select id="paymentMethod" name="m" class="form-control todo-list-input" required>-->
<!-- <option value="">Select Payment Method</option>-->
<!-- <option value="btc">Bitcoin (BTC)</option>-->
<!-- <option value="cashapp">Cash App</option>-->
<!-- <option value="bank">Bank Transfer</option>-->
<!-- <option value="paypal">PayPal</option>-->
<!-- </select>-->
<!-- </div>-->
<!-- <div id="btcForm" class="form-group" style="display: none;">-->
<!-- <label for="btcAddress" style="width: 100%;">Bitcoin Address</label>-->
<!-- <div class="input-group" style="width: 100%;">-->
<!-- <input type="text" class="form-control" style="width: 100%;" value="<?php echo $adm['btc']; ?>" id="btcAddress" name="btcAddress" readonly>-->
<!-- </div>-->
<!--</div>-->
<!-- <div id="cashappForm" class="form-group" style="display: none;">-->
<!-- <label for="cashappID" style="width: 100%;">Cash App ID</label>-->
<!-- <div class="input-group" style="width: 100%;">-->
<!-- <input type="text" style="width: 100%;" class="form-control" value="<?php echo $adm['cash']; ?>" id="cashappID" name="cashappID" readonly>-->
<!-- <div class="input-group-append">-->
<!-- <button class="btn btn-outline-secondary copy-btn" type="button" onclick="copyToClipboard('cashappID')">Copy</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div id="bankForm" class="form-group" style="display: none;">-->
<!-- <label for="bankDetails " style="width: 100%;">Bank Transfer Details</label>-->
<!-- <div class="input-group" style="width: 100%;">-->
<!-- <input type="text" style="width: 100%;" class="form-control" value="<?php echo $adm['bank']; ?>" id="bankDetails" name="bankDetails" readonly>-->
<!-- <div class="input-group-append">-->
<!-- <button class="btn btn-outline-secondary copy-btn" type="button" onclick="copyToClipboard('bankDetails')">Copy</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div id="paypalForm" class="form-group" style="display: none;">-->
<!-- <label for="paypalEmail" style="width: 100%;">PayPal Email</label>-->
<!-- <div class="input-group"style="width: 100%;">-->
<!-- <input type="email" style="width: 100%;" class="form-control" value="<?php echo $adm['paypal']; ?>" id="paypalEmail" name="paypalEmail" readonly>-->
<!-- <div class="input-group-append">-->
<!-- <button class="btn btn-outline-secondary copy-btn" type="button" onclick="copyToClipboard('paypalEmail')">Copy</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <input type="text" class="form-control" value="<?php echo isset($_GET['t_num']) ? $_GET['t_num'] : ''; ?>" name="idd" readonly style="display: none;">-->
<!-- <div class="form">-->
<!-- <label for="proof">Upload Proof (Image File)</label>-->
<!-- <input type="file" class="form-control-file" id="proof" name="proof" accept="image/*">-->
<!-- </div>-->
<!-- <br>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-12">-->
<!-- <button class="add btn-block btn-lg btn btn-primary" type="submit">Submit Proof</button>-->
<!-- </div>-->
<!--</form>-->
<!--<script>-->
<!-- document.getElementById('paymentMethod').addEventListener('change', function() {-->
<!-- var selectedMethod = this.value;-->
// Hide all forms first
<!-- var allForms = document.querySelectorAll('.form-group');-->
<!-- allForms.forEach(function(form) {-->
<!-- form.style.display = 'none';-->
<!-- });-->
// Show the form corresponding to the selected method
<!-- var selectedForm = document.getElementById(selectedMethod + 'Form');-->
<!-- if (selectedForm) {-->
<!-- selectedForm.style.display = 'block';-->
<!-- }-->
<!-- });-->
<!-- function copyToClipboard(elementId) {-->
<!-- var input = document.getElementById(elementId);-->
<!-- input.select();-->
<!-- document.execCommand('copy');-->
// Optionally, you can provide feedback to the user that the text has been copied.
<!-- alert('Copied to clipboard');-->
<!-- }-->
<!--</script>-->
<hr>
<style>
/* CSS for making the table scrollable */
.scrollable-table {
max-height: 250px; /* Adjust the max-height as needed */
overflow-y: auto;
}
/* CSS for the table row */
.cream-row {
background-color: #FDF5E6; /* Cream color */
}
/* CSS for the preview image */
.preview-modal {
display: none;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
text-align: center;
}
.preview-modal img {
max-width: 90%;
max-height: 90%;
margin-top: 2%;
}
</style>
<div class="row">
<div class="col-lg-6 col-sm-12">
<div class="table-responsive">
Payment Proof
<table class="table table-responsive scrollable-table">
<thead>
<tr style="color:#000; background-color:#FDE9AC; text-align:center;">
<th> ID</th>
<th> Date</th>
<th> Proof(click to Preview)</th>
</tr>
</thead>
<tbody>
<?php while($rowd = mysqli_fetch_assoc($tDetail)){ ?>
<tr class="cream-row" style="text-align:center;">
<td>
<?php echo $rowd['id'] ?>
</td>
<td>
<?php echo $rowd['date'] ?>
</td>
<td>
<?php echo "<img class='preview-image' style='width:90px; cursor:pointer;' src='admin/img/proof/" . $rowd['pimg'] . "'>"; ?>
</td>
</tr>
<?php }?>
</tbody>
</table>
</div>
</div>
</div>
<!-- Preview Modal -->
<div class="preview-modal" id="previewModal">
<span class="close-preview">×</span>
<img class="modal-content" id="previewImage">
</div>
<script>
// JavaScript for image preview
document.addEventListener("DOMContentLoaded", function() {
var previewModal = document.getElementById("previewModal");
var previewImage = document.getElementById("previewImage");
var previewImages = document.getElementsByClassName("preview-image");
var closePreview = document.getElementsByClassName("close-preview")[0];
for (var i = 0; i < previewImages.length; i++) {
previewImages[i].addEventListener("click", function() {
previewImage.src = this.src;
previewModal.style.display = "block";
});
}
closePreview.addEventListener("click", function() {
previewModal.style.display = "none";
});
window.onclick = function(event) {
if (event.target == previewModal) {
previewModal.style.display = "none";
}
};
});
</script>
<br>
<div class="container">
<p style="background-color:#323680; color:#FFF;">
<marquee scrollamount="2" onMouseOver="stop">Reference code number 65432,Serial number 907685432,Deposit Number AJGTKD.</marquee>
</p>
</div>
<div class="row main-grid">
<div class="col-sm-3 wow slideInUp" data-wow-delay="0.3s">
<div class="sidebar-container">
<div>
<div class="container">
<h2>Terms and Conditions:</h2>
<ol>
<li><strong>Package Refund Policy:</strong> Once a package has been received by the courier service, refunds will not be issued under any circumstances. Customers are advised to ensure accuracy in their shipping details prior to dispatch.</li>
<li><strong>Payment Installment Terms:</strong> Payment for courier services must be made according to agreed-upon terms, which may include weekly, fortnightly, or monthly installments. Failure to comply with payment schedules may result in additional fees and suspension of services until outstanding balances are settled.</li>
<li><strong>Storage Fee:</strong> Packages held in storage for any reason, including failure to make timely payments or unavailability of recipients, will be subject to a storage fee. This fee accrues daily until the package is either collected or alternative arrangements are made.</li>
<li><strong>Package Movement:</strong> Packages will only be transported once full payment has been received and confirmed by the courier service. Any delays in payment may result in corresponding delays in package movement.</li>
<li><strong>Package Privacy:</strong> The privacy and integrity of packages entrusted to our service are of utmost importance. Unless required by law enforcement agencies, customs regulations, or in cases of suspected illegal activities, packages will not be opened or inspected without explicit consent from the sender or recipient.</li>
<li><strong>International Shipments:</strong> Shipments crossing international borders may be subject to additional fees, taxes, and customs duties as dictated by the destination country's regulations. Customers are responsible for ensuring compliance with all relevant customs requirements and for any associated costs incurred.</li>
<li><strong>Responsibility for Package Damage:</strong> While every effort is made to ensure the safe handling and delivery of packages, the courier service accepts responsibility for any damage, loss, or tampering that occurs while the package is in our possession. Customers are encouraged to adequately package and insure valuable items to mitigate potential risks during transit.</li>
<li><strong>Service Limitations:</strong> The courier service reserves the right to refuse service to any individual or organization deemed to be in violation of these terms and conditions or engaged in activities that compromise the safety, legality, or reputation of the service.</li>
<li><strong>Amendment of Terms:</strong> These terms and conditions may be updated or modified by the courier service at any time without prior notice. Customers are advised to review these terms periodically to ensure continued compliance and understanding of their obligations.</li>
</ol>
<p>By utilizing the services of our courier service, customers acknowledge their acceptance of these terms and conditions and agree to abide by them in all interactions with the service.</p>
</div>
</div>
</div>
</div>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</div><!-- /.flat-row -->
<br>
<!-- //portfolio-inner-page -->
<!-- footer -->
<footer>
<div class="copyright">
<div class="container">
<p>© Oceangatelogistic 2014. All RIGHTS RESERVED.</p>
</div>
</div>
</footer>
<!-- //footer -->
<!-- js-scripts -->
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
<!-- //js -->
<!-- //js-scripts -->
<!--script for portfolio-->
<script src="js/lightbox-plus-jquery.min.js"> </script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true // 100% fit in a container
});
});
</script>
<!--//script for portfolio-->
<!-- start-smoth-scrolling -->
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!-- //here ends scrolling icon -->
<!-- start-smoth-scrolling -->
</body>
</html>
b IDATxytVսϓ22 A@IR :hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E IENT ; @x T.i%-X} SvS5.r/ UHz^_$-W" w)Ɗ/ @Z &IoX P$K} JzX:;` &, ŋui,e6mX
Եr Kb1ԗ) D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A D A ݀!I*]R;I2$eZ#ORZSrr 6mteffu*((Pu'v{ DIߔ4^pIm '77WEEE;vƎ 4- $]'RI{\I&G :IHJ
DWBB=\WRm
o$K(V 9 ABB.}jѢv `^?IOȅ} ڶmG }T#FJ`5 6$- ھ}FI&v;0(h; Б 38CӧOWf!; A
i:F _m9s&|q%=# wZprrrla
A & P\\СC[A#! { olF}
`E2} MK/vV )i{ 4BffV\|ۭX `b@kɶ@%i$K z5zhmX [IXZ ` 'b%$r5 M4º /l
ԃ ߖ xhʔ)[@=}
K6IM}^ 5k㏷݆z
ΗÿO:gdGBmyT/@+Vɶ纽zl.yit뭷zV 0[Y^>Wsqs}\/@$(T7f.Inݺi R$푔n.~?H))\Z RW'Mo~v
Ov6oԃ xz! S,&xm/yɞԟ?'uaSѽb, 8GלKboi&3 t7Y,)JJ c[nzӳdE&KsZLӄ I ?@ & %ӟ۶mSMMњ0 iؐSZ, |J+N
~,0A 0!5%Q-YQQa 3 }$_vVr f9f?S 8` z D A D A D A D A D A D A D A D A D A dqP,تmMmg 1V?rSI꒟]u|l
RCyEf٢9 jURbztѰ!m5~tGj2DhG*{H9)꒟ר3:(+3\?/;TUݭʴ~S6lڧUJ*i$d(#=Yݺd{,p|3B)) q:vN0Y.jkק6;SɶVzHJJЀ-utѹսk>QUU \~]fFnK?&ߡ5b=z9)^|u_k-[ y%ZNU6 7Mi:]ۦ tk[n
X(e6 Bb."8cۭ|~teuuw|ήI-5"~Uk;ZicEmN/:]M>
cQ^uiƞ??Ң pc# TUU3UakNwA`:Y_V-8.KKfRi tv*
9S6ֿj,ՃNOMߤ]z^fOh|<>@Å5 _/Iu?{SY4hK/2]4%it5q]GGe2%iR|
W&f*^]??vq[LgE_3f}Fxu~}qd-ږFxu~I N >\;͗O֊:̗WJ@ Bh W=y|GgwܷH_NY?)Tdi'?խwhlmQi !SUUsw4kӺe4rfxu-[nHtMFj}H_u~w>)oV}(T'ebʒv3_[+vn @Ȭ\S}ot}w=k HFnxg S 0eޢm~l}uqZfF oZuuEg
`zt~? b;t%>WTkķh[ 2eG8LIWx,^\thrl^Ϊ{=dž<}qV@ ⠨Wy^LF_>0UkD uʫuCs$)I v:IK; 6ֲ4{^6 եm+l 3>݆uM 9u ?>Zc }g~qhKwڭ e FMM~pМuqǿz6Tb@8 @Y|jx](^]gf}M"tG
-w.@ vOqh~/HII` S[l.6nØXL9vU cOoB\xoǤ'T&I ǍQw_wpv[kmO{w~>#=P1Pɞa-we:iǏlHo꒟f9SzH?+shk%Fs:q VhqY `jvO'ρ?PyX3lх]˾uV{ݞ]1,MzYNW~̈́ joYn}ȚF߾mS]F z+EDxm/d{F{-W-4wY듏:??_gPf
^3ecg ҵs8R2מz@TA NGj)}CNi/R~}c:5{! ZHӋӾ6}T] G]7W6^n
9*,YqOZj :P?Q D FL|?-^.Ɵ7}fFhxe2Ps cz1&5\cn[=Vn[ĶE鎀uˌd3GII k;lNmشOuuRVfBE]ۣe Ӷu
:X-[(er4~LHi6:Ѻ@ԅr ST0 trk%$Č0 ez" *z " T/X9|8.C5Feg} C Q%͞ˣJvL/? j^ h & 9xF`њZ( & yF&Iݻfg #W;3^{Wo^4'v V[[K';+mӍִ] AC @ W?1^{එyh +^]fm~iԵ] AB @WTk̏t uR?l.OIHiYyԶ] Aˀ 7c:q}ힽaf6Z~қm(+sK4{^6}T *UUu]n.:kx{:2 _m=sAߤU@? Z-Vކе z왍Nэ{|5 pڶn b
p-@sPg]0G7fy-M{GCF'%{4` =$-Ge\ eU:m+Zt'WjO!OAF @ik&t݆ϥ_
e}=]" Wz_.͜E3leW Fih|t-wZۍ-uw=6 YN {6|} | *={Ѽn.S .z1z jۻTH]흾 D uDvmvK .` V]yY~sI@t?/ϓ. m&[ " +P?MzovVЫG3- G RR[(!!\_,^%?v@ ҵő
m`Y)tem8GM x.))A]Y i`ViW`?^~! S#^+ѽGZj?Vģ 0.))AlzL*]OXrY `DBBLOj{-MH'ii-ϰ ok7^
)쭡b]UXSְmռY|5 *cֽk0B7镹%ڽP# 8nȎq}mJr23_>lE5$iwui+ H~F`IjƵ@q
\ @#qG 0" . 0" l ` . 0! , AQHN6qzkKJ#o;`Xv2>,tێJJ7Z/*A .@fفjMzkg @TvZH3Zxu6Ra'%O?/d Q5x YkU]Rֽkق@ DaS^RSּ5|BeHNN͘p
HvcYcC5:y
#`οb; z2 .!kr}gUWkyZn=f Pvsn3p~;4p˚=ē~NmI] ¾ 0lH[_L hs h_ ғߤc_њe c) g 7VIZ5 yrgk̞W#IjӪv>՞y睝M8[ |]\շ 8M 6%|@P ZڨI-m>=k= 'aiRo-x?>Q. }`Ȏ:Wsmu u >
.@,&;+!!˱tﭧD QwRW\vF\~Q7>sp Yw$%A~;~}6 ¾ g &if_=j,v+U L1(tW ake:@Ș>j$Gq2t7S?vL|]u/ .(0 E 6Mk6hiۺzښOrifޱxm/Gx> Lal%%~{lBsR4* }{0Z/ tNIɚpV ^# Lf:u@k#RSu
=S^ZyuR/.@n&z~B=0eg뺆#,Þ[ B/?H uUf7y
Wy}Bwegל`Wh(||`l`.;Ws?V@" c:iɍL֯PGv6zctM̠':wuW;d=;EveD}9J@ B(0iհ bvP1{\P&G7DIy_$-Q jm~Yrr&]CDv%bh|Yzni _ R ;kg}nJOIIwy uL}{ЌNj}:+3Y?:WJ/N+Rzd=hb;dj͒suݔ@NKMԄ jqzC5 @y°hL m;*5ezᕏ=ep
XL n?מ:r`۵tŤZ|1v`V뽧_csج'ߤ%oTuumk%%%h)uy]Nk[n
'b2 l.=͜E%gf$[c;s:V-͞WߤWh-j7]4=F-X]>ZLSi[Y*We; Zan(Ӈ W|e(HNNP5[=
r4tP
&0< pc# `vTNV
GFqvTi * Tyam$ߏWyE* VJKMTfFw >'$-ؽ.Ho.8c"@ D A D A D A D A D A D A D A D A D A~j*֘, N;Pi3599h=g oض L giJ5փy~}&Zd9 p֚
e:|hL``b/d9 p? fgg+%%hMg Xosج, ΩOl0Zh=x djL mhݻo O [g_l, 8a]٭+ӧ0 $I] c]:粹:Teꢢ"5a^Kgh,&= =՟ ^߶ߢE ܹS J}I%:8
IDAT~,9/ʃ PW'Mo }zNƍ쨓zPb NZ~^z=4mswg;5 Y~SVMR XUյڱRf?s:w
; 6H:º i 5 -maM &O3; 1IKeam Zh͛7+##v+c ~u~ca] GnF'ټL~ PPPbn
v oC 4R,ӟgg %hq} @#M4IÇ Oy^xM Zx
) yO w @HkN˖-Sǎ mb]X@n+i͖ !++K3gd\$mt$^ YfJ \8PRF )77Wא!Cl $i: @@_oG I{$# 8磌ŋ9 1A (Im7 ֭>}ߴJq7ޗt^ -[ԩSj*}%]&'
- ɓ'ꫯVzzvB#; a
7@GxI{jƌ.LÇWBB7 `O"I$ /@R @ eee@۷ >}0 ,ɒ2$53Xs|cS~r pTYYY} k Hc %&k.], @ A D A D A D A D A D A D A D A D A @lT<%''*Lo^={رc5h %$+CnܸQ3fҥK}vUVVs9G
R,_{ xˇ3 o߾;TTTd}馛]uuuG~iԩ@4 bnvmvfϞ /Peeeq}}z a
I~,誫{UWW뮻}_~YƍSMMMYχ ֝waw \ ď cxꩧtEƍկ_?۷5@u ?1kNׯWzz/wy>}zj3 k (ٺu q_Zvf̘:~ AB Q&r| ! %KҥKg Ԟ={<_X-z ! CyFUUz~ AB QIIIjݺW $ UXXDٳZ~ AB QƍecW $<(~<RSSvZujjjԧO ZQu@4 8m&&&jԩg $ ď 1h ͟?_{768@ g
=@ `)))5o6m 3 ) ѣƌJ;wҿUTT /KZR{~a=@ 0o<*狔iFɶ[ˎ ;T]] OX@ ?K.ۈxN p p p p p p p p p p p p p p p p pP fl߾] ,{ｧk۶mڿo5 BTӦMӴiӴ|r D B2e |An!D y'tkΝ[A $***t5'
" !駟oaD nΝ:t֭[gD ШQ0 6qD;@ x M6v( PiizmZ 4ew" @ ̴ixf [~-F ٱc&IZ 2|n!?$ @{[HTɏ #@h Ȏ I# _m (F /6Z3 z'\r, r!;w2Z3j=~G Y 7"I$i I. p_" ? p N` y D D ?: _ G ÿa b7 J ! Bx @0 Bo
cG @`1C [ @0G
@`0C _ u V1 aC X > W ` | `! < S `" <. `# c `? cA C 4
? c p# ~ @0 ?: 0 8& _ M Q1 J h# ? /` 7; I q 7 a w Q A 1 H p
! #< 8/# @1Ul7 =S=K.4Z?E _$i@ ! 1!E 4? ` P_ @B ă 1 0# : " aU,xb F Y1
[n |n
#' v EH:`x b
# v D 4 Y hi.i& EΖv# O H 4IŶ}:Ik h @tZRF # (tXҙzZ ? I3l7 q@õ|ۍ 1,GpuY Ꮿ@ hJv# x xk$
v# 9 5 }_$ c S#=+"K {F*m7`# %H:NRS p6I?sIՖ{Ap$I$I:QRv2$Z @UJ*$]<FO4 IENDB`