| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/florahouses/view/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<title>FLORA HOUSE</title>
<!-- css -->
<?php include 'inc/headlinks.php';?>
<meta name="keywords" content="FLORA HOUSE">
<meta name="description" content="Green is More Than a Colour">
<!-- js -->
<?php include 'inc/link-js.php';?>
</head>
<body>
<!-- header -->
<div class="subPageMenu">
<?php include 'inc/navbar.php';?>
</div>
<!-- end of header-->
<section class="mainKVWarp garyBg">
<div class="d-flex flex-lg-row flex-column">
<div class="checkOutInfoWrap mainWarp">
<div class="checkOutInfo">
<div class="breadcrumb">
<span class="lightGreenFont small text-uppercase">bag</span><span
class="greenFont ml-3 mr-3">></span><span
class="lightGreenFont small text-uppercase">INFORMATION</span><span
class="greenFont ml-3 mr-3">></span> <span
class="greenFont small text-uppercase">payment</span>
</div>
<p class="greenFont">Contact information</p>
<div class="row mb-4">
<div class="col-md-12">
<div class="form-group fullWidth">
<input type="email" class="form-control" id="Email" aria-describedby="Email"
placeholder="Enter email">
</div>
<p class="greenFont mb-2">Already have an account? <a href="#"
class="linkActive lightGreenFont">Login</a></p>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="exclusive">
<label class="custom-control-label big mr-2" for="exclusive">Keep me up to date on
news and
exclusive offers
</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<p class="greenFont mb-4">Shipping address</p>
<div class="d-flex">
<div class="custom-control custom-radio d-inline-block mr-4">
<input type="radio" class="custom-control-input" id="oldAddress" name="address"
value="old" Checked>
<label class="custom-control-label pt-1" for="oldAddress">Member address</label>
</div>
<div class="custom-control custom-radio d-inline-block">
<input type="radio" class="custom-control-input" id="newAddress" name="address"
value="new">
<label class="custom-control-label pt-1" for="newAddress">new address</label>
</div>
</div>
</div>
</div>
<div class="oldShipAddress row">
<div class="col-md-12 mb-4 pt-4">
<div class="d-flex mb-4">
<div class="custom-control custom-radio d-inline-block mr-2">
<input type="radio" class="custom-control-input" id="oldAddressList01"
name="oldAddressList" value="" Checked>
<label class="custom-control-label pt-1" for="oldAddressList01">Flat 2B, Shu Hang
Estate, Hang Pak
House,North Point, Hong Kong Island, HK</label>
</div>
<a href="#" class="editAddressBtn greenFont" data-toggle="modal"
data-target="#editAddress" title="editAddress"><i class="far fa-edit"></i></a>
</div>
<div class="d-flex">
<div class="custom-control custom-radio d-inline-block mr-2">
<input type="radio" class="custom-control-input" id="oldAddressList02"
name="oldAddressList" value="">
<label class="custom-control-label pt-1" for="oldAddressList02">Flat 2B, Shu Hang
Estate, Hang Pak
House,North Point, Hong Kong Island, HK</label>
</div>
<a href="#" class="editAddressBtn greenFont" data-toggle="modal"
data-target="#editAddress" title="editAddress"><i class="far fa-edit"></i></a>
</div>
</div>
</div>
<div class="newShipAddress row">
<div class="col-md-12 mb-4 pt-4">
<div class="custom-control custom-radio d-inline-block mr-2">
<input type="radio" class="custom-control-input" id="Mr" name="Sclerosis" value="Mr"
Checked>
<label class="custom-control-label pt-1" for="Mr">Mr.</label>
</div>
<div class="custom-control custom-radio d-inline-block">
<input type="radio" class="custom-control-input" id="Ms" name="Sclerosis" value="Ms">
<label class="custom-control-label pt-1" for="Ms">Ms.</label>
</div>
</div>
<div class="col-md-6">
<div class="form-group fullWidth">
<input type="text" class="form-control" id="FirstName" aria-describedby="FirstName"
placeholder="First name">
</div>
</div>
<div class="col-md-6">
<div class="form-group fullWidth">
<input type="text" class="form-control" id="LastName" aria-describedby="LastName"
placeholder="Last name">
</div>
</div>
<div class="col-md-12">
<div class="form-group fullWidth">
<input type="text" class="form-control" id="Company" aria-describedby="Company"
placeholder="Company(optional)">
</div>
<div class="form-group fullWidth">
<input type="text" class="form-control" id="Address" aria-describedby="Address"
placeholder="Address">
</div>
</div>
<div class="col-md-6 mb-4">
<p class="greenFont mb-1">District</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size" data-dropup-auto="false" id="Size">
<option value="Kowloon">Kowloon</option>
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
<div class="col-md-6 mb-4">
<p class="greenFont mb-1">Area</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size" data-dropup-auto="false" id="Size">
<option value="MongKok">MongKok</option>
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
<div class="col-md-6 mb-4">
<p class="greenFont mb-1">Country/Region</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size" data-dropup-auto="false" id="Size">
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 mb-2">
<div class="form-group fullWidth phoneNo position-relative">
<lable class="greenFont phoneContry" for="Phone">(+ 852)</lable>
<input type="text" class="form-control" id="Phone" aria-describedby="Phone"
placeholder="Phone">
</div>
<p class="greenFont mb-2">Staircases fee (applicable to Floor Plants only)</p>
<p class="small greenFont mb-2">If the delivery location cannot be accessed by
elevator/lift,
HKD50 per
pot per
floor (up to 7 floors) will be charged additionally. Please indicate below the floor
number if
any. </p>
</div>
<div class="col-md-12 mb-4">
<div class="form-group d-flex align-items-center mb-2">
<label for="Numberoffloor" class="greenFont mb-0 mr-4">Number of floor:</label>
<input type="text" class="form-control minWidth text-center" id="Numberoffloor"
value="4">
</div>
</div>
<div class="col-md-12 pt-4 text-center">
<button class="yellowBtn noBorder continueToShipBtn" type="text">Continue to
shipping</button>
</div>
</div>
</div>
<div class="checkOutPayment">
<div class="breadcrumb">
<span class="lightGreenFont small text-uppercase">Bag</span><span
class="greenFont ml-3 mr-3">></span><span
class="lightGreenFont small text-uppercase">INFORMATION</span><span
class="greenFont ml-3 mr-3">></span> <span
class="lightGreenFont small text-uppercase">payment</span>
</div>
<div class="row">
<div class="col-sm-5">
<p class="lightGreenFont">Contact information</p>
</div>
<div class="col-sm-7">
<p class="greenFont">test@florahouses.com</p>
</div>
<div class="col-sm-5">
<p class="lightGreenFont">Shipping address</p>
</div>
<div class="col-sm-7">
<p class="greenFont">Flat 2B, Shu Hang Estate, Hang Pak House,
North Point, Hong Kong Island, HK</p>
</div>
<div class="col-sm-5">
<p class="lightGreenFont">Phone</p>
</div>
<div class="col-sm-7">
<p class="greenFont">+852 9142 8990</p>
</div>
<div class="col-sm-5">
<p class="lightGreenFont">Method</p>
</div>
<div class="col-sm-7">
<p class="greenFont">Fast Express <span class="bold normal">HKD 80</span></p>
</div>
</div>
<p class="mt-4 greenFont normal mb-1 bold">Payment</p>
<p class="mb-2 greenFont">All transactions are secure and encrypted.</p>
<div class="greenBorder bg-white p2">
<div class="accordion" id="paymentWrap">
<div class="accordionItem">
<div class="d-flex align-items-center">
<div class="custom-control custom-radio d-inline-block">
<input type="radio" class="custom-control-input" data-toggle="collapse"
data-target="#paypalChecked" id="paypal" name="payMent" value="paypal"
Checked>
<label class="custom-control-label pt-1" for="paypal"><img
src="../assets/images/paypalLogo.jpg"></label>
</div>
<div class="ml-auto">
<img src="../assets/images/paypal.jpg" class="img-fluid">
</div>
</div>
<div id="paypalChecked" class="collapse show" data-parent="#paymentWrap">
<div class="greenFont ml-4 mt-2 normal">
After clicking “Complete order”, you will be redirected to PayPal to complete
your purchase securely.
</div>
</div>
</div>
<div class="accordionItem">
<div class="custom-control custom-radio d-inline-block">
<input type="radio" class="custom-control-input" data-toggle="collapse"
data-target="#bankIn" id="Bank" name="payMent" value="Bank">
<label class="custom-control-label pt-1" for="Bank">FPS/ Bank-in</label>
</div>
<div id="bankIn" class="collapse" data-parent="#paymentWrap">
<div class="row">
<div class="col-md-8">
<div class="greenFont ml-4 mt-2 normal">
FPS phone number: 6908 7060<br />
Account name: Flora Houses Limited<br />
Account number: (Hang Seng Bank) 255-897241-883<br /><br />
Please send the bank-in slip to +852 6908 7060 or
account@florahouses.com.
</div>
</div>
<div class="col-md-4">
<img src="../assets/images/bankQR.jpg" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>
<p class="mt-4 greenFont normal mb-4 bold">Billing address</p>
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="sameAddress" name="shippingPayAddress"
value="sameaddress">
<label class="custom-control-label pt-1" for="sameAddress">Same as shipping address </label>
</div>
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="differentAddress" name="shippingPayAddress"
value="differentaddress">
<label class="custom-control-label pt-1" for="differentAddress">Use a different billing address
</label>
</div>
<!-- <div class="d-flex align-items-center mb-4 mt-4">
<div class="form-group mb-0 fullWidth mr-2">
<input type="text" class="form-control" id="Coupon" aria-describedby="Coupon"
placeholder="Add coupon code">
</div>
<div>
<a class="yellowBtn sBtn" href="#">Apply Coupon
</a>
</div>
</div> -->
<button class="yellowBtn noBorder continueToShipBtn mt-4" onclick="location.href='pay_success.php';"
type="text">Pay now</button>
<div class="mt-4 mb-4">
<a href="javascript:void(0);" class="greenFont d-inline-block returnPaymentInfoBtn">
< Return to information</a>
</div>
</div>
</div>
<div class="checkOutProductWrap mainWarp mobilePadding">
<div class="row mb-4">
<div class="col-md-2 mb-2">
<img src="../assets/images/product_list01.png" class="img-fluid" alt="product_list01">
</div>
<div class="col-md-5">
<p>Buxus Sempervirens - Medium Sized</p>
<p class="lightGreenFont mb-1 small">(H)55-60 cm X (W)40-50 cm</p>
<p class="lightGreenFont mb-1 small">Soilcover: Pine Bark</p>
<p class="lightGreenFont mb-1 small">Pot color: White</p>
<p class="lightGreenFont mb-1 small">Message card: For floor plant</p>
<p class="lightGreenFont mb-1 small">Transplanting service: New pot</p>
<div class="d-flex mt-3">
<a class="lightGreenFont mb-1 thing text-uppercase small d-inline-block" href="#"
title="removeBtn">remove</a>
<a class="lightGreenFont mb-1 thing text-uppercase small ml-4" href="#"
title="editMessageBtn" data-toggle="modal" data-target="#Message">edit
message card</a>
</div>
</div>
<div class="col-md-3">
<span class="input-number-decrement big">–</span><input class="input-number big no" type="text"
value="1" min="1" maxlength="3"><span class="input-number-increment big">+</span>
</div>
<div class="col-md-2">
<p class="text-right">HKD 1,280</p>
</div>
</div>
<div class="row mb-4">
<div class="col-md-2 mb-2">
<img src="../assets/images/product_list01.png" class="img-fluid">
</div>
<div class="col-md-5">
<p>Buxus Sempervirens - Medium Sized</p>
<p class="lightGreenFont mb-1 small">(H)55-60 cm X (W)40-50 cm</p>
<p class="lightGreenFont mb-1 small">Soilcover: Pine Bark</p>
<p class="lightGreenFont mb-1 small">Pot color: White</p>
<p class="lightGreenFont mb-1 small">Message card: -</p>
<p class="lightGreenFont mb-1 small">Transplanting service: -</p>
<div class="d-flex mt-3">
<a class="lightGreenFont mb-1 thing text-uppercase small d-inline-block" href="#"
title="removeBtn">remove</a>
</div>
</div>
<div class="col-md-3">
<span class="input-number-decrement big">–</span><input class="input-number big no" type="text"
value="1" min="1" maxlength="3"><span class="input-number-increment big">+</span>
</div>
<div class="col-md-2">
<p class="text-right">HKD 1,280</p>
</div>
</div>
<hr class="greenLine">
<div class="d-flex align-items-center mb-4">
<div class="form-group mb-0 fullWidth mr-2">
<input type="text" class="form-control" id="Coupon" aria-describedby="Coupon"
placeholder="Add coupon code">
</div>
<div>
<a class="yellowBtn sBtn" href="#">Apply Coupon
</a>
</div>
</div>
<div class="d-flex justify-content-between">
<p class="greenFont big">Subtotal</p>
<p class="lightGreenFont big">HKD 2,560</p>
</div>
<div class="d-flex justify-content-between">
<p class="greenFont"><span class="big">Coupon</span> <span
class="lightGreenFont thing small">NEWOPEN20</span></p>
<p class="lightGreenFont big">- HKD 80</p>
</div>
<div class="d-flex justify-content-between">
<p class="greenFont big">Delivery Fee</p>
<p class="lightGreenFont big">HKD 100</p>
</div>
<div class="d-flex justify-content-between">
<p class="greenFont big">Staircase Fee</p>
<p class="lightGreenFont big">HKD 100</p>
</div>
<hr class="greenLine">
<div class="d-flex justify-content-between align-items-center">
<p class="greenFont big">Total</p>
<p class="greenFont Roman biggerest">HKD 2,580</p>
</div>
<p class="mt-4">Note for us</p>
<div class="form-group">
<textarea class="form-control" id="Note" placeholder="Type here"
rows="3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</textarea>
</div>
</div>
</div>
</section>
<?php include 'inc/subscribe.php';?>
<!-- end #section -->
<!-- footer -->
<?php include 'inc/footer.php';?>
<!-- Modal -->
<div class="modal fade" id="Message" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><img src="../assets/images/closeBtn.png" alt="close"></span>
</button>
</div>
<div class="modal-body">
<div class="row p-4 m-0">
<div class="col-md-5">
<img src="../assets/images/message_card01.jpg" class="img-fluid" alt="message_card01">
</div>
<div class="col-md-7">
<p class="lightGreenFont small">Customize message card</p>
<div class="form-group">
<label for="To">To</label>
<input type="text" class="form-control" id="To" aria-describedby="emailHelp"
placeholder="Receiver’s name">
</div>
<div class="form-group">
<label for="Wishes">Wishes</label>
<input type="text" class="form-control" id="Wishes" aria-describedby="emailHelp"
placeholder="Type in your best wishes">
</div>
<div class="form-group">
<label for="From">From</label>
<input type="text" class="form-control" id="From" aria-describedby="From"
placeholder="Your name">
</div>
<button class="yellowBtn noBorder btn btn-outline-primary" type="button">Save</button>
<br /> <br />
<a href="#" class="link d-block greenFont" data-dismiss="modal" aria-label="Close">
< Cancel</a>
</div>
</div>
<div class="p-4 heardGreenBg text-center">
<p class="whiteFont thing">To keep the best layout, keeping the lines as simple as possible is
highly recommended </p>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="editAddress" tabindex="-1" role="dialog" aria-labelledby="EditAddress"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><img src="../assets/images/closeBtn.png" alt="close"></span>
</button>
</div>
<div class="modal-body">
<div class="row p-4 m-0">
<div class="col-md-12">
<p class="lightGreenFont small mb-4"> Edit member address</p>
<div class="form-group fullWidth">
<input type="text" class="form-control" id="Address" aria-describedby="Address"
placeholder=""
value="Flat 2B, Shu Hang Estate, Hang Pak House,North Point, Hong Kong Island, HK">
</div>
<div class="row mb-4">
<div class="col-md-6">
<p class="greenFont mb-1">District</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size" data-dropup-auto="false"
id="Size">
<option value="Kowloon">Kowloon</option>
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
<div class="col-md-6">
<p class="greenFont mb-1">Area</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size" data-dropup-auto="false"
id="Size">
<option value="MongKok">MongKok</option>
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
</div>
<div class="mb-4">
<p class="greenFont mb-1">Country/Region</p>
<div class="selectNormalWrapBox fullWidth">
<select name="Size" class="big selecter size" data-dropup-auto="false" id="Size">
<option value="HongKong">Hong Kong</option>
</select>
</div>
</div>
<button class="yellowBtn noBorder continueToShipBtn mb-4" type="text">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- my script -->
<script>
inputNumber($('.input-number'));
$(function() {
$(".newShipAddress").hide();
})
$('input[type=radio][name=address]').change(function() {
if (this.value == 'old') {
$(".oldShipAddress").fadeIn();
$(".newShipAddress").hide();
} else {
$(".oldShipAddress").hide();
$(".newShipAddress").fadeIn();
}
});
</script>
</body>
</html>