first commit
This commit is contained in:
@@ -0,0 +1,106 @@
|
||||
import React from "react";
|
||||
|
||||
const BillingDetails = () => {
|
||||
return (
|
||||
<div className="user-profile-data">
|
||||
<div className="row">
|
||||
<div className="col-lg-6">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="First Name*"
|
||||
className="single-input-wrapper"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Last Name*"
|
||||
className="single-input-wrapper"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Company Name*"
|
||||
className="single-input-wrapper"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<select className="theme-select-menu">
|
||||
<option defaultValue="">Country*</option>
|
||||
<option defaultValue="AF">Afghanistan</option>
|
||||
<option defaultValue="AX">Åland Islands</option>
|
||||
<option defaultValue="AL">Albania</option>
|
||||
<option defaultValue="DZ">Algeria</option>
|
||||
<option defaultValue="AS">American Samoa</option>
|
||||
<option defaultValue="AD">Andorra</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Street Address*"
|
||||
className="single-input-wrapper"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-lg-4">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Town/City*"
|
||||
className="single-input-wrapper"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-lg-4">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="State*"
|
||||
className="single-input-wrapper"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-lg-4">
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Zip Code*"
|
||||
className="single-input-wrapper"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<input
|
||||
type="email"
|
||||
placeholder="Email Address*"
|
||||
className="single-input-wrapper"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-lg-6">
|
||||
<input
|
||||
type="number"
|
||||
placeholder="Phone Number*"
|
||||
className="single-input-wrapper"
|
||||
/>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<ul className="checkbox-list style-none">
|
||||
<li>
|
||||
<input type="checkbox" id="new-account" />
|
||||
<label htmlFor="new-account">Create Account?</label>
|
||||
</li>
|
||||
<li>
|
||||
<input type="checkbox" id="shipping" />
|
||||
<label htmlFor="shipping">Ship to Different Address?</label>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="col-12">
|
||||
<div className="other-note-area">
|
||||
<p>Order Note (Optional)</p>
|
||||
<textarea></textarea>
|
||||
</div>
|
||||
{/* <!-- /.other-note-area --> */}
|
||||
</div>
|
||||
</div>
|
||||
{/* <!-- /.row --> */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default BillingDetails;
|
||||
Reference in New Issue
Block a user