mirror of
https://gitlab.com/CIEFWorldwideSdnBhd/IZYIM-mobile-client.git
synced 2026-08-19 04:14:06 +00:00
Darel
303 lines
16 KiB
HTML
303 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>AzureUI - METER ORDER DETAILS</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,900" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
|
|
<link rel="stylesheet" type="text/css" href="css/global.style.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="nav-menu">
|
|
|
|
<nav class="menu">
|
|
<!-- profile logo start -->
|
|
<div class="nav-header">
|
|
<a href="home.html"><img src="images/CIEF.png" width="160"></a>
|
|
</div>
|
|
<!-- profile logo end -->
|
|
<!-- Menu navigation start -->
|
|
<div class="nav-container">
|
|
<ul class="main-menu">
|
|
<li>
|
|
<a href="#"><i class="fa fa-home"></i> Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="#"><i class="fa fa-bell"></i> Notice</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);"><i class="fa fa-briefcase"></i> Arrangement <span class="fa fa-angle-down"></span></a>
|
|
<ul>
|
|
<li><a href="#" data-loader="show"><i class="fa fa-industry"></i> Warehouse Receive Note</a></li>
|
|
<li><a href="#" data-loader="show"><i class="fa fa-ship"></i> Shipment Arrangement</a></li>
|
|
<li><a href="#" data-loader="show"><i class="fa fa-truck"></i> Delivery Arrangement</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Orders <span class="fa fa-angle-down"></span></a>
|
|
<ul>
|
|
<li><a href="shipping-order.html" data-loader="show"><i class="fa fa-truck"></i> Shipping Order</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#"><i class="fa fa-suitcase"></i> Custom Declaration</a>
|
|
</li>
|
|
<li>
|
|
<a href="#"><i class="fa fa-comments"></i> Messenger</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);"><i class="fa fa-shopping-cart"></i> Track Order</a>
|
|
</li>
|
|
<li>
|
|
<a href="javascript:void(0);"><i class="fa fa-code"></i>Example Element <span class="fa fa-angle-down"></span></a>
|
|
<ul>
|
|
<li><a href="element-wizard.html" data-loader="show"><i class="fa fa-code"></i> Wizard Element</a></li>
|
|
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Accordion Element</a></li>
|
|
<li><a href="#" data-loader="show"><i class="fa fa-code"></i> Popup Element</a></li>
|
|
<li><a href="element-MTracker.html" data-loader="show"><i class="fa fa-code"></i> Meter Tracker Element</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- Menu navigation end -->
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<div class="wrapper-inline">
|
|
<!-- Header area start -->
|
|
<header style="background-color: #FFF">
|
|
<a class="go-back-link" href="javascript:history.back();"><i class="fa fa-arrow-left"></i></a>
|
|
<h1 id="HT" class="page-title" style="color: #000">Order Details</h1>
|
|
<div class="navi-menu-button">
|
|
<em></em>
|
|
<em></em>
|
|
<em></em>
|
|
</div>
|
|
</header>
|
|
<!-- Header area end -->
|
|
<!-- Main Content Start Here -->
|
|
<main class="fix-top-menu">
|
|
<section class="container">
|
|
<div class="form-divider-2"></div>
|
|
<div class="form-label-divider">
|
|
<span class="label-span">Order Details</span>
|
|
</div>
|
|
<!-- Order Detail Data Start Here -->
|
|
<div class="form-row">
|
|
<a class="a-meter-sub-title">Order No</a>
|
|
<br />
|
|
<a class="a-meter-text-data">00011</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Marking</a>
|
|
<br />
|
|
<a class="a-meter-text-data">HQ123</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Supplier Name</a>
|
|
<br />
|
|
<a class="a-meter-text-data">FedEx</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Supplier Contact Person</a>
|
|
<br />
|
|
<a class="a-meter-text-data">George</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Supplier Contact Person No</a>
|
|
<br />
|
|
<a class="a-meter-text-data">011-3751109</a>
|
|
</div>
|
|
<!-- Order Detail Data End Here -->
|
|
<div class="form-divider-2"></div>
|
|
<div class="form-label-divider">
|
|
<span class="label-span">Warehouse Details</span>
|
|
</div>
|
|
<!-- Warehouse Detail Data Start Here -->
|
|
<div class="form-row">
|
|
<a class="a-meter-sub-title">Name</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Alliances</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Address</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Street No Where Found</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">City</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Unkown</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Postcode</a>
|
|
<br />
|
|
<a class="a-meter-text-data">007</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">State</a>
|
|
<br />
|
|
<a class="a-meter-text-data">NYC</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Country</a>
|
|
<br />
|
|
<a class="a-meter-text-data">United States</a>
|
|
</div>
|
|
<!-- Warehouse Detail Data End Here -->
|
|
<div class="form-divider-2"></div>
|
|
<div class="form-label-divider">
|
|
<span class="label-span">Delivery Details</span>
|
|
</div>
|
|
<!-- Delivery Detail Data Start Here -->
|
|
<div class="form-row">
|
|
<a class="a-meter-sub-title">Name</a>
|
|
<br />
|
|
<a class="a-meter-text-data">asd</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Address</a>
|
|
<br />
|
|
<a class="a-meter-text-data">asd</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">City</a>
|
|
<br />
|
|
<a class="a-meter-text-data">asd</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Postcode</a>
|
|
<br />
|
|
<a class="a-meter-text-data">asd</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">State</a>
|
|
<br />
|
|
<a class="a-meter-text-data">asd</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Country</a>
|
|
<br />
|
|
<a class="a-meter-text-data">asd</a>
|
|
</div>
|
|
<!-- Delivery Detail Data End Here -->
|
|
<div class="form-divider-2"></div>
|
|
<div class="form-label-divider">
|
|
<span class="label-span">Packaging List</span>
|
|
</div>
|
|
<div class="form-divider-2"></div>
|
|
<!-- Packing Item List Start Here -->
|
|
<div class="expandable-item accordion" data-group="accordion2">
|
|
<div class="expandable-header">
|
|
<i class="list-icon fa fa-adjust"></i>
|
|
<h3 class="list-title">Item Code 1</h3>
|
|
<i class="list-arrow fa fa-angle-down"></i>
|
|
</div>
|
|
<div class="expandable-content">
|
|
<div class="padding-content">
|
|
<!-- Delivery Detail Data Start Here -->
|
|
<div class="form-row">
|
|
<a class="a-meter-sub-title">Description</a>
|
|
<br />
|
|
<a class="a-meter-text-data">42 inch</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Model</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Bravia</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Qty</a>
|
|
<br />
|
|
<a class="a-meter-text-data">22</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">UOM</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Selangor</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">CBM</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Height: 22.00</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Width: 22.00</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Depth: 22.00</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Weight</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Gross: 22.00</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Nett: 22.00</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Photo</a>
|
|
<div class="txt-center">
|
|
<div class="form-divider-2"></div>
|
|
<div class="profile-image">
|
|
<div class="profile-image-item">
|
|
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Delivery Detail Data End Here -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="expandable-item accordion" data-group="accordion2">
|
|
<div class="expandable-header">
|
|
<i class="list-icon fa fa-adjust"></i>
|
|
<h3 class="list-title">Item Code 2</h3>
|
|
<i class="list-arrow fa fa-angle-down"></i>
|
|
</div>
|
|
<div class="expandable-content">
|
|
<div class="padding-content">
|
|
<!-- Delivery Detail Data Start Here -->
|
|
<div class="form-row">
|
|
<a class="a-meter-sub-title">Description</a>
|
|
<br />
|
|
<a class="a-meter-text-data">42 inch</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Model</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Bravia</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Qty</a>
|
|
<br />
|
|
<a class="a-meter-text-data">22</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">UOM</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Selangor</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">CBM</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Height: 22.00</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Width: 22.00</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Depth: 22.00</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Weight</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Gross: 22.00</a>
|
|
<br />
|
|
<a class="a-meter-text-data">Nett: 22.00</a>
|
|
<br /><br />
|
|
<a class="a-meter-sub-title">Photo</a>
|
|
<div class="txt-center">
|
|
<div class="form-divider-2"></div>
|
|
<div class="profile-image">
|
|
<div class="profile-image-item">
|
|
<img id="CompanyProfile" src="avatar.png" width="210" height="110" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Delivery Detail Data End Here -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Packing Item List End Here -->
|
|
<div class="form-divider-2"></div>
|
|
</section>
|
|
</main>
|
|
<!-- Main Content End Here -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
|
|
<script src="js/jquery-3.2.1.min.js"></script>
|
|
<script src="js/global.script.js"></script>
|
|
<!-- Required For All Pages, Otherwise Ugly Others Function Won't Work -->
|
|
|
|
</body>
|
|
|
|
</html> |