2024-02-12 10:35:09 +08:00
|
|
|
|
<?php
|
2024-04-04 18:01:18 +08:00
|
|
|
|
include "functions.php";
|
2024-02-12 10:35:09 +08:00
|
|
|
|
?>
|
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
|
|
|
|
|
|
|
|
|
|
|
|
<title>oBanana B2B - Elevate Your Business</title>
|
|
|
|
|
|
<meta name="keywords" content="apparel, catalog, clean, ecommerce, ecommerce HTML, electronics, fashion, html eCommerce, html store, minimal, multipurpose, multipurpose ecommerce, online store, responsive ecommerce template, shops" />
|
|
|
|
|
|
<meta name="description" content="Best ecommerce html template for single and multi vendor store.">
|
|
|
|
|
|
<meta name="author" content="ashishmaraviya">
|
|
|
|
|
|
|
|
|
|
|
|
<!-- site Favicon -->
|
|
|
|
|
|
<link rel="icon" href="assets/images/favicon/favicon.png" sizes="32x32" />
|
|
|
|
|
|
<link rel="apple-touch-icon" href="assets/images/favicon/favicon.png" />
|
|
|
|
|
|
<meta name="msapplication-TileImage" content="assets/images/favicon/favicon.png" />
|
|
|
|
|
|
|
|
|
|
|
|
<!-- css Icon Font -->
|
|
|
|
|
|
<link rel="stylesheet" href="assets/css/vendor/ecicons.min.css" />
|
|
|
|
|
|
|
|
|
|
|
|
<!-- css All Plugins Files -->
|
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/animate.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/countdownTimer.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/slick.min.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="assets/css/plugins/bootstrap.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
|
|
|
|
<!-- Main Style -->
|
|
|
|
|
|
<link rel="stylesheet" href="assets/css/style.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="assets/css/responsive.css" />
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Background css -->
|
|
|
|
|
|
<link rel="stylesheet" id="bg-switcher-css" href="assets/css/backgrounds/bg-4.css">
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div id="ec-overlay">
|
|
|
|
|
|
<div class="ec-ellipsis">
|
|
|
|
|
|
<div></div>
|
|
|
|
|
|
<div></div>
|
|
|
|
|
|
<div></div>
|
|
|
|
|
|
<div></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Header start -->
|
|
|
|
|
|
<?php include "header.php" ?>
|
|
|
|
|
|
<!-- Header End -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- ekka Cart Start -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- ekka Cart End -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Ec breadcrumb start -->
|
|
|
|
|
|
<div class="sticky-header-next-sec ec-breadcrumb section-space-mb">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-12">
|
|
|
|
|
|
<div class="row ec_breadcrumb_inner">
|
|
|
|
|
|
<div class="col-md-6 col-sm-12">
|
|
|
|
|
|
<h2 class="ec-breadcrumb-title">Register</h2>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-md-6 col-sm-12">
|
|
|
|
|
|
<!-- ec-breadcrumb-list start -->
|
|
|
|
|
|
<ul class="ec-breadcrumb-list">
|
|
|
|
|
|
<li class="ec-breadcrumb-item"><a href="index.php">Home</a></li>
|
|
|
|
|
|
<li class="ec-breadcrumb-item active">Register</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
<!-- ec-breadcrumb-list end -->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Ec breadcrumb end -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Ec login page -->
|
|
|
|
|
|
<section class="ec-page-content section-space-p">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col-md-12 text-center">
|
|
|
|
|
|
<div class="section-title">
|
|
|
|
|
|
<h2 class="ec-bg-title">Reset Password</h2>
|
|
|
|
|
|
<h2 class="ec-title">Reset Password</h2>
|
|
|
|
|
|
<p class="sub-title mb-3">Please enter the OTP sent to <b><?php echo $_SESSION["email"] ?></b>.</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ec-login-wrapper">
|
|
|
|
|
|
<div class="ec-login-container">
|
|
|
|
|
|
<div class="ec-login-form">
|
|
|
|
|
|
<!-- <form action="forget_otp_action.php" method="post"> -->
|
|
|
|
|
|
<span class="ec-login-wrap">
|
|
|
|
|
|
<?php
|
|
|
|
|
|
if (isset($_GET["alert"])) {
|
|
|
|
|
|
?>
|
|
|
|
|
|
<!-- <div class="alert alert-warning alert-dismissible fade show" role="alert">
|
|
|
|
|
|
<strong>Ooops wrong OTP!</strong> <?php echo $_GET["alert"] ?>
|
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
|
|
|
|
|
<strong>SuccessFully Change Password!</strong> <?php echo $_GET["alert"] ?>
|
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
|
|
|
|
</div> -->
|
|
|
|
|
|
<?php
|
|
|
|
|
|
}
|
|
|
|
|
|
?>
|
|
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
|
.alertShow: {
|
|
|
|
|
|
height: 2px;
|
|
|
|
|
|
display: none !important;
|
|
|
|
|
|
background-color:blue;
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
padding:0px !important;
|
|
|
|
|
|
margin:0px !important;
|
|
|
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<div class="alertShow" style="height: 2px;
|
|
|
|
|
|
display: none !important;
|
|
|
|
|
|
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
padding:0px !important;
|
|
|
|
|
|
margin:0px !important;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="alert alert-warning alert-dismissible fade " id="alertForgot" role="alert">
|
|
|
|
|
|
<strong>Ooops wrong OTP!</strong> <?php echo $_GET["alert"] ?>
|
|
|
|
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="alert alert-success alert-dismissible fade " id="alertForgot2" style="background-color:green; color:white;" role="alert">
|
|
|
|
|
|
<strong>SuccessFully Change Password!</strong> <?php echo $_GET["alert"] ?>
|
|
|
|
|
|
<button type="button" style="color:white;" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="ec-login-wrap">
|
|
|
|
|
|
<!-- <label>Email Address*</label> -->
|
|
|
|
|
|
<input type="text" name="otp" id="otpVal" placeholder="Enter OTP" required />
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="ec-login-wrap">
|
|
|
|
|
|
<label>New Password</label>
|
|
|
|
|
|
<input type="password" name="name" id="passInput" placeholder="Enter your new password" required />
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="ec-login-wrap">
|
|
|
|
|
|
<label>Confirm Password</label>
|
|
|
|
|
|
<span id="passError" class="passError"></span>
|
|
|
|
|
|
<input type="password" name="name" id="passInput2" placeholder="Confirm your new password" required oninput="checkPassword(this)" />
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="ec-login-wrap ec-login-btn">
|
|
|
|
|
|
<button class="btn btn-primary" onclick="PasswordReset()">Submit</button>
|
|
|
|
|
|
<a href="login.php" class="btn btn-secondary">Login Instead</a>
|
|
|
|
|
|
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<!-- <span class="ec-login-wrap">
|
|
|
|
|
|
<label>Password*</label>
|
|
|
|
|
|
<input type="password" name="password" placeholder="Enter your password" required />
|
|
|
|
|
|
</span>
|
|
|
|
|
|
<span class="ec-login-wrap ec-login-fp">
|
|
|
|
|
|
<label><a href="#">Forgot Password?</a></label>
|
|
|
|
|
|
</span> -->
|
|
|
|
|
|
<!-- <span class="ec-login-wrap ec-login-btn">
|
|
|
|
|
|
<button class="btn btn-primary" type="submit">Submit</button>
|
|
|
|
|
|
</span> -->
|
|
|
|
|
|
<!-- </form> -->
|
|
|
|
|
|
<script>
|
|
|
|
|
|
function PasswordReset() {
|
|
|
|
|
|
var pass = document.getElementById(`passInput`).value;
|
|
|
|
|
|
|
|
|
|
|
|
var pass2 = document.getElementById(`passInput2`).value;
|
|
|
|
|
|
var passI = document.getElementById(`passInput`);
|
|
|
|
|
|
|
|
|
|
|
|
var pass2I = document.getElementById(`passInput2`);
|
|
|
|
|
|
var otp = document.getElementById(`otpVal`).value;
|
|
|
|
|
|
|
|
|
|
|
|
var email = '<?php echo $_SESSION["email"] ?>'
|
|
|
|
|
|
if (otp && pass && pass2) {
|
|
|
|
|
|
if (pass === pass2) {
|
2024-02-15 20:42:37 +08:00
|
|
|
|
fetch(`https://<?php echo $_SESSION["data_endpoint"]; ?>/api/v1/change-password`, {
|
2024-02-12 10:35:09 +08:00
|
|
|
|
method: 'POST',
|
|
|
|
|
|
headers: {
|
|
|
|
|
|
'Content-Type': 'application/json'
|
|
|
|
|
|
},
|
|
|
|
|
|
body: JSON.stringify({
|
|
|
|
|
|
username: email,
|
|
|
|
|
|
otp: otp,
|
|
|
|
|
|
newPassword: pass
|
|
|
|
|
|
})
|
|
|
|
|
|
})
|
|
|
|
|
|
.then(response => {
|
|
|
|
|
|
console.log(response.status)
|
|
|
|
|
|
if (response.status === 200) {
|
|
|
|
|
|
console.log("success")
|
|
|
|
|
|
var alert = document.getElementById(`alertForgot2`);
|
|
|
|
|
|
|
|
|
|
|
|
alert.classList.add("show");
|
|
|
|
|
|
alert.classList.remove("alertShow");
|
|
|
|
|
|
|
|
|
|
|
|
var alert2 = document.getElementById(`alertForgot`);
|
|
|
|
|
|
var alert3 = document.querySelector(`.alertShow`);
|
|
|
|
|
|
alert3.style.display ="block"
|
|
|
|
|
|
|
|
|
|
|
|
alert2.classList.remove("show");
|
|
|
|
|
|
passI.value=""
|
|
|
|
|
|
pass2I.value=""
|
|
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
console.log("faileddd")
|
|
|
|
|
|
var alert = document.getElementById(`alertForgot2`);
|
|
|
|
|
|
|
|
|
|
|
|
alert.classList.remove("show");
|
|
|
|
|
|
|
|
|
|
|
|
var alert2 = document.getElementById(`alertForgot`);
|
|
|
|
|
|
var alert3 = document.querySelector(`.alertShow`);
|
|
|
|
|
|
alert3.style.display ="block"
|
|
|
|
|
|
alert2.classList.remove("alertShow");
|
|
|
|
|
|
|
|
|
|
|
|
alert2.classList.add("show");
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
}).catch(error => console.error('Error:', error));
|
|
|
|
|
|
} else {
|
|
|
|
|
|
console.log('please confirm password!')
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
} else {
|
|
|
|
|
|
console.log('please fill in all fields!')
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
function checkPassword(input) {
|
|
|
|
|
|
var pass2 = input.value;
|
|
|
|
|
|
var pass = document.getElementById(`passInput`).value;
|
|
|
|
|
|
|
|
|
|
|
|
console.log(pass + " " + pass2)
|
|
|
|
|
|
|
|
|
|
|
|
if (pass === pass2) {
|
|
|
|
|
|
console.log('here')
|
|
|
|
|
|
document.getElementById(`passError`).textContent = '';
|
|
|
|
|
|
|
|
|
|
|
|
// document.getElementById(`passError`).innerHtml = '<i class="fa-solid fa-circle-check"></i>';
|
|
|
|
|
|
var passE = document.querySelector(`.passError`);
|
|
|
|
|
|
var neww = document.createElement("span");
|
|
|
|
|
|
neww.innerHTML = `
|
|
|
|
|
|
<i style="color:green" class="fa-solid fa-circle-check"></i>
|
|
|
|
|
|
`;
|
|
|
|
|
|
passE.appendChild(neww);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
console.log('here')
|
|
|
|
|
|
document.getElementById(`passError`).textContent = '';
|
|
|
|
|
|
|
|
|
|
|
|
// document.getElementById(`passError`).innerHtml = '<i class="fa-solid fa-circle-check"></i>';
|
|
|
|
|
|
var passE = document.querySelector(`.passError`);
|
|
|
|
|
|
var neww = document.createElement("span");
|
|
|
|
|
|
neww.innerHTML = `
|
|
|
|
|
|
<i style="color:red" class="fa-solid fa-circle-xmark"></i>
|
|
|
|
|
|
`;
|
|
|
|
|
|
passE.appendChild(neww);
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Footer Start -->
|
|
|
|
|
|
<?php include "footer.php" ?>
|
|
|
|
|
|
<!-- Footer Area End -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Footer navigation panel for responsive display -->
|
|
|
|
|
|
<div class="ec-nav-toolbar">
|
|
|
|
|
|
<div class="container">
|
|
|
|
|
|
<div class="ec-nav-panel">
|
|
|
|
|
|
<div class="ec-nav-panel-icons">
|
|
|
|
|
|
<a href="#ec-mobile-menu" class="navbar-toggler-btn ec-header-btn ec-side-toggle"><i class="fi-rr-menu-burger"></i></a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ec-nav-panel-icons">
|
|
|
|
|
|
<a href="#ec-side-cart" class="toggle-cart ec-header-btn ec-side-toggle"><i class="fi-rr-shopping-bag"></i><span class="ec-cart-noti ec-header-count cart-count-lable">3</span></a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ec-nav-panel-icons">
|
|
|
|
|
|
<a href="index.php" class="ec-header-btn"><i class="fi-rr-home"></i></a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ec-nav-panel-icons">
|
|
|
|
|
|
<a href="wishlist.html" class="ec-header-btn"><i class="fi-rr-heart"></i><span class="ec-cart-noti">4</span></a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ec-nav-panel-icons">
|
|
|
|
|
|
<a href="login.php" class="ec-header-btn"><i class="fi-rr-user"></i></a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Footer navigation panel for responsive display end -->
|
|
|
|
|
|
|
2024-02-20 15:54:42 +08:00
|
|
|
|
<!-- raymart remove popup feb 20 2024 -->
|
2024-02-12 10:35:09 +08:00
|
|
|
|
<!-- Recent Purchase Popup -->
|
2024-02-20 15:54:42 +08:00
|
|
|
|
<!-- <div class="recent-purchase">
|
2024-04-23 11:17:55 +08:00
|
|
|
|
<img loading="lazy" src="assets/images/product-image/1.jpg" alt="payment image">
|
2024-02-12 10:35:09 +08:00
|
|
|
|
<div class="detail">
|
|
|
|
|
|
<p>Someone in new just bought</p>
|
|
|
|
|
|
<h6>stylish baby shoes</h6>
|
|
|
|
|
|
<p>10 Minutes ago</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a href="javascript:void(0)" class="icon-btn recent-close">×</a>
|
2024-02-20 15:54:42 +08:00
|
|
|
|
</div> -->
|
2024-02-12 10:35:09 +08:00
|
|
|
|
<!-- Recent Purchase Popup end -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Cart Floating Button -->
|
|
|
|
|
|
<div class="ec-cart-float">
|
|
|
|
|
|
<a href="#ec-side-cart" class="ec-header-btn ec-side-toggle">
|
|
|
|
|
|
<div class="header-icon"><i class="fi-rr-shopping-basket"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<span class="ec-cart-count cart-count-lable">3</span>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Cart Floating Button end -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Whatsapp -->
|
|
|
|
|
|
<div class="ec-style ec-right-bottom">
|
|
|
|
|
|
<!-- Start Floating Panel Container -->
|
|
|
|
|
|
<div class="ec-panel">
|
|
|
|
|
|
<!-- Panel Header -->
|
|
|
|
|
|
<div class="ec-header">
|
|
|
|
|
|
<strong>Need Help?</strong>
|
|
|
|
|
|
<p>Chat with us on WhatsApp</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Panel Content -->
|
|
|
|
|
|
<div class="ec-body">
|
|
|
|
|
|
<ul>
|
|
|
|
|
|
<!-- Start Single Contact List -->
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
|
|
|
|
|
<div class="d-flex bd-highlight">
|
|
|
|
|
|
<!-- Profile Picture -->
|
|
|
|
|
|
<div class="ec-img-cont">
|
2024-04-23 11:17:55 +08:00
|
|
|
|
<img loading="lazy" src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img" alt="Profile image">
|
2024-02-12 10:35:09 +08:00
|
|
|
|
<span class="ec-status-icon"></span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Display Name & Last Seen -->
|
|
|
|
|
|
<div class="ec-user-info">
|
|
|
|
|
|
<span>Sahar Darya</span>
|
|
|
|
|
|
<p>Sahar left 7 mins ago</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Chat iCon -->
|
|
|
|
|
|
<div class="ec-chat-icon">
|
|
|
|
|
|
<i class="fa fa-whatsapp"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<!--/ End Single Contact List -->
|
|
|
|
|
|
<!-- Start Single Contact List -->
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
|
|
|
|
|
<div class="d-flex bd-highlight">
|
|
|
|
|
|
<!-- Profile Picture -->
|
|
|
|
|
|
<div class="ec-img-cont">
|
2024-04-23 11:17:55 +08:00
|
|
|
|
<img loading="lazy" src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img" alt="Profile image">
|
2024-02-12 10:35:09 +08:00
|
|
|
|
<span class="ec-status-icon ec-online"></span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Display Name & Last Seen -->
|
|
|
|
|
|
<div class="ec-user-info">
|
|
|
|
|
|
<span>Yolduz Rafi</span>
|
|
|
|
|
|
<p>Yolduz is online</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Chat iCon -->
|
|
|
|
|
|
<div class="ec-chat-icon">
|
|
|
|
|
|
<i class="fa fa-whatsapp"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<!--/ End Single Contact List -->
|
|
|
|
|
|
<!-- Start Single Contact List -->
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
|
|
|
|
|
<div class="d-flex bd-highlight">
|
|
|
|
|
|
<!-- Profile Picture -->
|
|
|
|
|
|
<div class="ec-img-cont">
|
2024-04-23 11:17:55 +08:00
|
|
|
|
<img loading="lazy" src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img" alt="Profile image">
|
2024-02-12 10:35:09 +08:00
|
|
|
|
<span class="ec-status-icon ec-offline"></span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Display Name & Last Seen -->
|
|
|
|
|
|
<div class="ec-user-info">
|
|
|
|
|
|
<span>Nargis Hawa</span>
|
|
|
|
|
|
<p>Nargis left 30 mins ago</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Chat iCon -->
|
|
|
|
|
|
<div class="ec-chat-icon">
|
|
|
|
|
|
<i class="fa fa-whatsapp"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<!--/ End Single Contact List -->
|
|
|
|
|
|
<!-- Start Single Contact List -->
|
|
|
|
|
|
<li>
|
|
|
|
|
|
<a class="ec-list" data-number="918866774266" data-message="Please help me! I have got wrong product - ORDER ID is : #654321485">
|
|
|
|
|
|
<div class="d-flex bd-highlight">
|
|
|
|
|
|
<!-- Profile Picture -->
|
|
|
|
|
|
<div class="ec-img-cont">
|
2024-04-23 11:17:55 +08:00
|
|
|
|
<img loading="lazy" src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img" alt="Profile image">
|
2024-02-12 10:35:09 +08:00
|
|
|
|
<span class="ec-status-icon ec-offline"></span>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Display Name & Last Seen -->
|
|
|
|
|
|
<div class="ec-user-info">
|
|
|
|
|
|
<span>Khadija Mehr</span>
|
|
|
|
|
|
<p>Khadija left 50 mins ago</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Chat iCon -->
|
|
|
|
|
|
<div class="ec-chat-icon">
|
|
|
|
|
|
<i class="fa fa-whatsapp"></i>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<!--/ End Single Contact List -->
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!--/ End Floating Panel Container -->
|
|
|
|
|
|
<!-- Start Right Floating Button-->
|
|
|
|
|
|
<div class="ec-right-bottom">
|
|
|
|
|
|
<div class="ec-box">
|
|
|
|
|
|
<div class="ec-button rotateBackward">
|
2024-04-23 11:17:55 +08:00
|
|
|
|
<img loading="lazy" class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
|
2024-02-12 10:35:09 +08:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!--/ End Right Floating Button-->
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Whatsapp end -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Feature tools -->
|
|
|
|
|
|
<div class="ec-tools-sidebar-overlay"></div>
|
|
|
|
|
|
<div class="ec-tools-sidebar">
|
|
|
|
|
|
<div class="tool-title">
|
|
|
|
|
|
<h3>Features</h3>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<a href="#" class="ec-tools-sidebar-toggle in-out">
|
2024-04-23 11:17:55 +08:00
|
|
|
|
<img loading="lazy" alt="icon" src="assets/images/common/settings.png" />
|
2024-02-12 10:35:09 +08:00
|
|
|
|
</a>
|
|
|
|
|
|
<div class="ec-tools-detail">
|
|
|
|
|
|
<div class="ec-tools-sidebar-content ec-change-color ec-color-desc">
|
|
|
|
|
|
<h3>Color Scheme</h3>
|
|
|
|
|
|
<ul class="bg-panel">
|
|
|
|
|
|
<li class="active" data-color="01"><a href="#" class="colorcode1"></a></li>
|
|
|
|
|
|
<li data-color="02"><a href="#" class="colorcode2"></a></li>
|
|
|
|
|
|
<li data-color="03"><a href="#" class="colorcode3"></a></li>
|
|
|
|
|
|
<li data-color="04"><a href="#" class="colorcode4"></a></li>
|
|
|
|
|
|
<li data-color="05"><a href="#" class="colorcode5"></a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ec-tools-sidebar-content">
|
|
|
|
|
|
<h3>Backgrounds</h3>
|
|
|
|
|
|
<ul class="bg-panel">
|
|
|
|
|
|
<li class="bg"><a class="back-bg-1" id="bg-1">Background-1</a></li>
|
|
|
|
|
|
<li class="bg"><a class="back-bg-2" id="bg-2">Background-2</a></li>
|
|
|
|
|
|
<li class="bg"><a class="back-bg-3" id="bg-3">Background-3</a></li>
|
|
|
|
|
|
<li class="bg"><a class="back-bg-4" id="bg-4">Default</a></li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ec-tools-sidebar-content">
|
|
|
|
|
|
<h3>Full Screen mode</h3>
|
|
|
|
|
|
<div class="ec-fullscreen-mode">
|
|
|
|
|
|
<div class="ec-fullscreen-switch">
|
|
|
|
|
|
<div class="ec-fullscreen-btn">Mode</div>
|
|
|
|
|
|
<div class="ec-fullscreen-on">On</div>
|
|
|
|
|
|
<div class="ec-fullscreen-off">Off</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ec-tools-sidebar-content">
|
|
|
|
|
|
<h3>Dark mode</h3>
|
|
|
|
|
|
<div class="ec-change-mode">
|
|
|
|
|
|
<div class="ec-mode-switch">
|
|
|
|
|
|
<div class="ec-mode-btn">Mode</div>
|
|
|
|
|
|
<div class="ec-mode-on">On</div>
|
|
|
|
|
|
<div class="ec-mode-off">Off</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ec-tools-sidebar-content">
|
|
|
|
|
|
<h3>RTL mode</h3>
|
|
|
|
|
|
<div class="ec-change-rtl">
|
|
|
|
|
|
<div class="ec-rtl-switch">
|
|
|
|
|
|
<div class="ec-rtl-btn">Rtl</div>
|
|
|
|
|
|
<div class="ec-rtl-on">On</div>
|
|
|
|
|
|
<div class="ec-rtl-off">Off</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="ec-tools-sidebar-content">
|
|
|
|
|
|
<h3>Clear local storage</h3>
|
|
|
|
|
|
<a class="clear-cach" href="javascript:void(0)">Clear Cache & Default</a>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Feature tools end -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Vendor JS -->
|
|
|
|
|
|
<script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
|
|
|
|
|
|
<script src="assets/js/vendor/popper.min.js"></script>
|
|
|
|
|
|
<script src="assets/js/vendor/bootstrap.min.js"></script>
|
|
|
|
|
|
<script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
|
|
|
|
|
|
<script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<!--Plugins JS-->
|
|
|
|
|
|
<script src="assets/js/plugins/swiper-bundle.min.js"></script>
|
|
|
|
|
|
<script src="assets/js/plugins/countdownTimer.min.js"></script>
|
|
|
|
|
|
<script src="assets/js/plugins/scrollup.js"></script>
|
|
|
|
|
|
<script src="assets/js/plugins/jquery.zoom.min.js"></script>
|
|
|
|
|
|
<script src="assets/js/plugins/slick.min.js"></script>
|
|
|
|
|
|
<script src="assets/js/plugins/infiniteslidev2.js"></script>
|
|
|
|
|
|
<script src="assets/js/vendor/jquery.magnific-popup.min.js"></script>
|
|
|
|
|
|
<script src="assets/js/plugins/jquery.sticky-sidebar.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Main Js -->
|
|
|
|
|
|
<script src="assets/js/vendor/index.js"></script>
|
|
|
|
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
