ok
Mini Shell
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Original URL: https://themes.pixelstrap.com/multikart-app/order-history.html
Date Downloaded: 20-09-2023 15:19:48 !-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="Multikart" />
<meta name="keywords" content="Multikart" />
<meta name="author" content="Multikart" />
<link rel="manifest" href="manifest.json" />
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
<title>Multikart PWA App </title>
<link rel="icon" href="assets/images/favicon.png" type="image/x-icon" />
<link rel="apple-touch-icon" href="assets/images/favicon.png" />
<meta name="theme-color" content="#ff4c3b" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-title" content="multikart" />
<meta name="msapplication-TileImage" content="assets/images/favicon.png" />
<meta name="msapplication-TileColor" content="#FFFFFF" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!--Google font-->
<link href="../../fonts.googleapis.com/css_e5ba3bda.css" rel="stylesheet" />
<!-- bootstrap css -->
<link rel="stylesheet" id="rtl-link" type="text/css" href="assets/css/vendors/bootstrap.css" />
<!-- slick css -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/slick-theme.css" />
<link rel="stylesheet" type="text/css" href="assets/css/vendors/slick.css" />
<!-- iconly css -->
<link rel="stylesheet" type="text/css" href="assets/css/vendors/iconly.css" />
<!-- Theme css -->
<link rel="stylesheet" id="change-link" type="text/css" href="assets/css/style.css" />
</head>
<body>
<!-- loader strat -->
<div class="loader">
<span></span>
<span></span>
</div>
<!-- loader end -->
<!-- header start -->
<header>
<div class="back-links">
<a href="profile.html">
<i class="iconly-Arrow-Left icli"></i>
<div class="content">
<h2>Order History </h2>
</div>
</a>
</div>
</header>
<!-- header end -->
<!-- search panel start -->
<div class="search-panel top-space px-15">
<div class="search-bar">
<input class="form-control form-theme" placeholder="Search" />
<i class="iconly-Search icli search-icon"></i>
<i class="iconly-Camera icli camera-icon"></i>
</div>
<div class="filter-btn" data-bs-toggle="offcanvas" data-bs-target="#offcanvasfilter">
<i class="iconly-Filter icli"></i>
</div>
</div>
<!-- search panel end -->
<!-- section start -->
<section class="px-15">
<h2 class="page-title">Open Orders </h2>
<ul class="order-listing">
<li>
<div class="order-box">
<div class="d-flex align-items-center">
<img src="assets/images/products/1.jpg" class="img-fluid order-img" alt="" />
<div class="media-body">
<h4>Pink Hoodie t-shirt full </h4>
<h5 class="content-color my-1">Size: S, Qty: 1 </h5>
<a class="theme-color" href="#">View Details </a>
</div>
<span class="status-label">ongoing </span>
</div>
<div class="delivery-status">
<div class="d-flex">
<div>
<h6 class="content-color">Ordered: </h6>
<h6>26th May, 2021 </h6>
</div>
<div>
<h6 class="content-color">Delivery Status: </h6>
<h6>Dispatched </h6>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="order-box">
<div class="d-flex align-items-center">
<img src="assets/images/products/2.jpg" class="img-fluid order-img" alt="" />
<div class="media-body">
<h4>Pink Hoodie t-shirt full </h4>
<h5 class="content-color my-1">Size: S, Qty: 1 </h5>
<a class="theme-color" href="#">View Details </a>
</div>
<span class="status-label">ongoing </span>
</div>
<div class="delivery-status">
<div class="d-flex">
<div>
<h6 class="content-color">Ordered: </h6>
<h6>26th May, 2021 </h6>
</div>
<div>
<h6 class="content-color">Delivery Status: </h6>
<h6>Dispatched </h6>
</div>
</div>
</div>
</div>
</li>
</ul>
</section>
<div class="divider"></div>
<!-- section end -->
<!-- section start -->
<section class="section-b-space pt-0 px-15">
<h2 class="page-title">Past Orders </h2>
<ul class="order-listing">
<li>
<div class="order-box">
<div class="d-flex align-items-center">
<img src="assets/images/products/3.jpg" class="img-fluid order-img" alt="" />
<div class="media-body">
<h4>Pink Hoodie t-shirt full </h4>
<h5 class="content-color my-1">Size: S, Qty: 1 </h5>
<a class="theme-color" href="#">View Details </a>
</div>
<span class="status-label bg-theme text-white">delivered </span>
</div>
<div class="delivery-status">
<div class="d-flex">
<div>
<h6 class="content-color">Ordered: </h6>
<h6>26th May, 2021 </h6>
</div>
<div>
<h6 class="content-color">Delivery Status: </h6>
<h6>Dispatched </h6>
</div>
</div>
</div>
</div>
<div class="rate-section">
<ul>
<li data-bs-toggle="offcanvas" data-bs-target="#offcanvasreview"><i class="iconly-Star icli"></i> Rate & Review _______ </li>
<li><i class="iconly-Star icli"></i> Need Help? </li>
</ul>
</div>
</li>
<li>
<div class="order-box">
<div class="d-flex align-items-center">
<img src="assets/images/products/4.jpg" class="img-fluid order-img" alt="" />
<div class="media-body">
<h4>Pink Hoodie t-shirt full </h4>
<h5 class="content-color my-1">Size: S, Qty: 1 </h5>
<a class="theme-color" href="#">View Details </a>
</div>
<span class="status-label bg-theme text-white">delivered </span>
</div>
<div class="delivery-status">
<div class="d-flex">
<div>
<h6 class="content-color">Ordered: </h6>
<h6>26th May, 2021 </h6>
</div>
<div>
<h6 class="content-color">Delivery Status: </h6>
<h6>Dispatched </h6>
</div>
</div>
</div>
</div>
<div class="rate-section">
<ul>
<li data-bs-toggle="offcanvas" data-bs-target="#offcanvasreview"><i class="iconly-Star icli"></i> Rate & Review _______ </li>
<li><i class="iconly-Star icli"></i> Need Help? </li>
</ul>
</div>
</li>
</ul>
</section>
<!-- section end -->
<!-- add review canvas start -->
<div class="offcanvas offcanvas-bottom h-auto" tabindex="-1" id="offcanvasreview">
<div class="offcanvas-body">
<h2 class="mb-2">Write Review </h2>
<div class="d-flex align-items-center">
<h4 class="content-color me-2">Your rating: </h4>
<ul class="ratings">
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo"></i></li>
<li><i class="iconly-Star icbo empty"></i></li>
</ul>
</div>
<h4 class="content-color mt-2 mb-2">Review: </h4>
<form class="mb-4 section-b-space">
<textarea rows="4" class="form-control"> </textarea>
</form>
<div class="cart-bottom row m-0">
<div>
<div class="left-content col-5">
<a href="#" class="title-color">BACK </a>
</div>
<a data-bs-dismiss="offcanvas" href="javascript:void(0)" class="btn btn-solid col-7 text-uppercase">Submit </a>
</div>
</div>
</div>
</div>
<!-- add review canvas end -->
<!-- add review canvas start -->
<div class="offcanvas offcanvas-bottom h-auto" tabindex="-1" id="offcanvasfilter">
<div class="offcanvas-body">
<h2 class="mb-2">Filters </h2>
<form class="mb-2">
<div class="me-3 d-flex align-items-center mb-2">
<input checked="" class="radio_animated" type="radio" name="filter" id="all" value="all" />
<label for="all" class="content-color">All Orders </label>
</div>
<div class="me-3 d-flex align-items-center mb-2">
<input class="radio_animated" type="radio" name="filter" id="open" value="open" />
<label for="open" class="content-color">Open Orders </label>
</div>
<div class="d-flex align-items-center mb-2">
<input class="radio_animated" type="radio" name="filter" id="return" value="return" />
<label for="return" class="content-color">Return Orders </label>
</div>
<div class="d-flex align-items-center mb-2">
<input class="radio_animated" type="radio" name="filter" id="cancelled" value="cancelled" />
<label for="cancelled" class="content-color">Cancelled Orders </label>
</div>
</form>
<h2 class="mb-2">Time Filter </h2>
<form class="section-b-space mb-3">
<div class="me-3 d-flex align-items-center mb-2">
<input checked="" class="radio_animated" type="radio" name="time" id="last30" value="last30" />
<label for="last30" class="content-color">Last 30 Days </label>
</div>
<div class="me-3 d-flex align-items-center mb-2">
<input class="radio_animated" type="radio" name="time" id="last6" value="last6" />
<label for="last6" class="content-color">Last 6 Months </label>
</div>
<div class="d-flex align-items-center mb-2">
<input class="radio_animated" type="radio" name="time" id="2021" value="2021" />
<label for="2021" class="content-color">2021 </label>
</div>
<div class="d-flex align-items-center mb-2">
<input class="radio_animated" type="radio" name="time" id="2020" value="2020" />
<label for="2020" class="content-color">2020 </label>
</div>
</form>
<div class="cart-bottom row m-0">
<div>
<div class="left-content col-5">
<a href="#" class="title-color">BACK </a>
</div>
<a data-bs-dismiss="offcanvas" href="javascript:void(0)" class="btn btn-solid col-7 text-uppercase">Apply </a>
</div>
</div>
</div>
</div>
<!-- add review canvas end -->
<!-- latest jquery-->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<!-- Bootstrap js-->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<!-- Slick js-->
<script src="assets/js/slick.js"></script>
<!-- script js -->
<script src="assets/js/script.js"></script>
</body>
</html>
Zerion Mini Shell 1.0