528 lines
27 KiB
PHP
528 lines
27 KiB
PHP
<!-- 02-14-2024 Stacy created this file and added contact-us-action.php -->
|
||
<?php session_start()?>
|
||
|
||
<!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" />
|
||
|
||
<!-- 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 class="contact_us_page">
|
||
<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 -->
|
||
<div class="ec-side-cart-overlay"></div>
|
||
<div id="ec-side-cart" class="ec-side-cart">
|
||
<div class="ec-cart-inner">
|
||
<div class="ec-cart-top">
|
||
<div class="ec-cart-title">
|
||
<span class="cart_title">My Cart</span>
|
||
<button class="ec-close">×</button>
|
||
</div>
|
||
<ul class="eccart-pro-items">
|
||
<li>
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/6_1.jpg" alt="product"></a>
|
||
<div class="ec-pro-content">
|
||
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">T-shirt For Women</a>
|
||
<span class="cart-price"><span>$76.00</span> x 1</span>
|
||
<div class="qty-plus-minus">
|
||
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
|
||
</div>
|
||
<a href="javascript:void(0)" class="remove">×</a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/12_1.jpg" alt="product"></a>
|
||
<div class="ec-pro-content">
|
||
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Women Leather Shoes</a>
|
||
<span class="cart-price"><span>$64.00</span> x 1</span>
|
||
<div class="qty-plus-minus">
|
||
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
|
||
</div>
|
||
<a href="javascript:void(0)" class="remove">×</a>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<a href="shop-left-sidebar-col-4.php" class="sidekka_pro_img"><img
|
||
src="assets/images/product-image/3_1.jpg" alt="product"></a>
|
||
<div class="ec-pro-content">
|
||
<a href="shop-left-sidebar-col-4.php" class="cart_pro_title">Girls Nylon Purse</a>
|
||
<span class="cart-price"><span>$59.00</span> x 1</span>
|
||
<div class="qty-plus-minus">
|
||
<input class="qty-input" type="text" name="ec_qtybtn" value="1" />
|
||
</div>
|
||
<a href="javascript:void(0)" class="remove">×</a>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="ec-cart-bottom">
|
||
<div class="cart-sub-total">
|
||
<table class="table cart-table">
|
||
<tbody>
|
||
<tr>
|
||
<td class="text-left">Sub-Total :</td>
|
||
<td class="text-right">$300.00</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-left">VAT (20%) :</td>
|
||
<td class="text-right">$60.00</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-left">Total :</td>
|
||
<td class="text-right primary-color">$360.00</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div class="cart_btn">
|
||
<a href="cart.html" class="btn btn-primary">View Cart</a>
|
||
<a href="checkout.html" class="btn btn-secondary">Checkout</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 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">Contact Us</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">Contact Us</li>
|
||
</ul>
|
||
<!-- ec-breadcrumb-list end -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Ec breadcrumb end -->
|
||
|
||
<!-- Ec Contact Us page -->
|
||
<section class="ec-page-content section-space-p">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="ec-common-wrapper">
|
||
<div class="ec-contact-leftside">
|
||
<div class="ec-contact-container">
|
||
<div class="ec-contact-form">
|
||
<!-- 02-15-2024 Stacy added SuccessfullySent -->
|
||
<?php
|
||
if (isset($_SESSION["SuccessfullySent"])) {
|
||
echo '<div class="alert alert-success" id="alertSuccess" role="alert">';
|
||
echo $_SESSION["SuccessfullySent"];
|
||
echo '</div>';
|
||
unset($_SESSION["SuccessfullySent"]);
|
||
echo " <script>
|
||
setTimeout(function() {
|
||
document.getElementById('alertSuccess').style.display = 'none';
|
||
}, 5000);
|
||
</script>";
|
||
}
|
||
?>
|
||
<!-- 02-15-2024 Stacy added SuccessfullySent -->
|
||
|
||
<form action="contact-us-action.php" method="post">
|
||
<span class="ec-contact-wrap">
|
||
<label>First Name*</label>
|
||
<!-- <input type="text" name="firstname" placeholder="Enter your first name"
|
||
required /> -->
|
||
<!-- 02-15-2024 Stacy removed required -->
|
||
<input type="text" name="firstname" placeholder="Enter your first name"/>
|
||
<!-- 02-15-2024 Stacy removed required -->
|
||
</span>
|
||
<span class="ec-contact-wrap">
|
||
<!-- -->
|
||
<label>Last Name*</label>
|
||
<!-- <input type="text" name="lastname" placeholder="Enter your last name"
|
||
required /> -->
|
||
<!-- 02-15-2024 Stacy removed required -->
|
||
<input type="text" name="lastname" placeholder="Enter your last name"/>
|
||
<!-- 02-15-2024 Stacy removed required -->
|
||
</span>
|
||
<span class="ec-contact-wrap">
|
||
<label>Email*</label>
|
||
<input type="email" name="email" placeholder="Enter your email address"
|
||
required />
|
||
</span>
|
||
<span class="ec-contact-wrap">
|
||
<label>Phone Number*</label>
|
||
<!-- <input type="text" name="phonenumber" placeholder="Enter your phone number"
|
||
required /> -->
|
||
<!-- 02-15-2024 Stacy removed required -->
|
||
<input type="text" name="phonenumber" placeholder="Enter your phone number"/>
|
||
<!-- 02-15-2024 Stacy removed required -->
|
||
</span>
|
||
<span class="ec-contact-wrap">
|
||
<label>Comments/Questions*</label>
|
||
<textarea name="message"
|
||
placeholder="Please leave your comments here.." required ></textarea>
|
||
</span>
|
||
<span class="ec-contact-wrap ec-recaptcha">
|
||
<span class="g-recaptcha"
|
||
data-sitekey="6LfKURIUAAAAAO50vlwWZkyK_G2ywqE52NU7YO0S"
|
||
data-callback="verifyRecaptchaCallback"
|
||
data-expired-callback="expiredRecaptchaCallback"></span>
|
||
<!-- <input class="form-control d-none" data-recaptcha="true" required
|
||
data-error="Please complete the Captcha"> -->
|
||
<span class="help-block with-errors"></span>
|
||
</span>
|
||
<span class="ec-contact-wrap ec-contact-btn">
|
||
<button class="btn btn-primary" type="submit">Submit</button>
|
||
</span>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="ec-contact-rightside">
|
||
<div class="ec_contact_map">
|
||
<div class="ec_map_canvas">
|
||
<iframe id="ec_map_canvas"
|
||
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15446.255178112197!2d121.0115448!3d14.5669195!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397c9e950b65bb7%3A0x202999e3d77ee94d!2sObanana!5e0!3m2!1sen!2sph!4v1707965526114!5m2!1sen!2sph"></iframe>
|
||
<a href="https://sites.google.com/view/maps-api-v2/mapv2"></a>
|
||
</div>
|
||
</div>
|
||
<div class="ec_contact_info">
|
||
<h1 class="ec_contact_info_head">Contact us</h1>
|
||
<ul class="align-items-center">
|
||
<li class="ec-contact-item"><i class="ecicon eci-map-marker"
|
||
aria-hidden="true"></i><span>Address :</span>16th flr PMI Tower Cabanillas Corner,
|
||
273 Pablo Ocampo Sr. Ext, Makati, 1203 Metro Manila</li>
|
||
<li class="ec-contact-item align-items-center"><i class="ecicon eci-phone"
|
||
aria-hidden="true"></i><span>Call Us :</span><a href="tel:+63(2)8807-6379">+63 (2) 8807-6379</a></li>
|
||
<li class="ec-contact-item align-items-center"><i class="ecicon eci-envelope"
|
||
aria-hidden="true"></i><span>Email :</span><a
|
||
href="mailto:example@ec-email.com">sales@obanana.com</a></li>
|
||
</ul>
|
||
</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 -->
|
||
|
||
<!-- Recent Purchase Popup -->
|
||
<div class="recent-purchase">
|
||
<img src="assets/images/product-image/1.jpg" alt="payment image">
|
||
<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>
|
||
</div>
|
||
<!-- 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">
|
||
<img src="assets/images/whatsapp/profile_01.jpg" class="ec-user-img"
|
||
alt="Profile image">
|
||
<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">
|
||
<img src="assets/images/whatsapp/profile_02.jpg" class="ec-user-img"
|
||
alt="Profile image">
|
||
<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">
|
||
<img src="assets/images/whatsapp/profile_03.jpg" class="ec-user-img"
|
||
alt="Profile image">
|
||
<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">
|
||
<img src="assets/images/whatsapp/profile_04.jpg" class="ec-user-img"
|
||
alt="Profile image">
|
||
<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">
|
||
<img class="whatsapp" src="assets/images/common/whatsapp.png" alt="whatsapp icon" />
|
||
</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">
|
||
<img alt="icon" src="assets/images/common/settings.png" />
|
||
</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>
|