TKK_E32211602_2/public/frontend/shop-checkout.html

939 lines
46 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<title>Zenna | Shop Checkout</title>
<meta charset="utf-8">
<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="">
<!-- Google Fonts -->
<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700%7COpen+Sans:400,400i,600,700' rel='stylesheet'>
<!-- Css -->
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/magnific-popup.css" />
<link rel="stylesheet" href="css/font-icons.css" />
<link rel="stylesheet" href="css/sliders.css" />
<link rel="stylesheet" href="css/style.css" />
<!-- Favicons -->
<link rel="shortcut icon" href="img/favicon.ico">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
</head>
<body class="relative">
<!-- Preloader -->
<div class="loader-mask">
<div class="loader">
<div></div>
<div></div>
</div>
</div>
<main class="main-wrapper">
<header class="nav-type-1">
<!-- Fullscreen search -->
<div class="search-wrap">
<div class="search-inner">
<div class="search-cell">
<form method="get">
<div class="search-field-holder">
<input type="search" class="form-control main-search-input" placeholder="Search for">
<i class="ui-close search-close" id="search-close"></i>
</div>
</form>
</div>
</div>
</div> <!-- end fullscreen search -->
<!-- Top Bar -->
<div class="top-bar hidden-xs">
<div class="container">
<div class="top-bar-links flex-parent">
<ul class="top-bar-currency-language">
<li>
Currency: <a href="#">USD<i class="fa fa-angle-down"></i></a>
<div class="currency-dropdown">
<ul>
<li><a href="#">USD</a></li>
<li><a href="#">EUR</a></li>
</ul>
</div>
</li>
<li class="language">
Language: <a href="#">ENG<i class="fa fa-angle-down"></i></a>
<div class="language-dropdown">
<ul>
<li><a href="#">English</a></li>
<li><a href="#">Spanish</a></li>
<li><a href="#">German</a></li>
<li><a href="#">Chinese</a></li>
</ul>
</div>
</li>
</ul>
<ul class="top-bar-acc">
<li class="top-bar-link"><a href="#">My Wishlist</a></li>
<li class="top-bar-link"><a href="#">Newsletter</a></li>
<li class="top-bar-link"><a href="#">Login</a></li>
</ul>
</div>
</div>
</div> <!-- end top bar -->
<nav class="navbar navbar-static-top">
<div class="navigation" id="sticky-nav">
<div class="container relative">
<div class="row flex-parent">
<div class="navbar-header flex-child">
<!-- Logo -->
<div class="logo-container">
<div class="logo-wrap">
<a href="index.html">
<img class="logo-dark" src="img/logo_dark.png" alt="logo">
</a>
</div>
</div>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Mobile cart -->
<div class="nav-cart mobile-cart hidden-lg hidden-md">
<div class="nav-cart-outer">
<div class="nav-cart-inner">
<a href="#" class="nav-cart-icon">
<span class="nav-cart-badge">2</span>
</a>
</div>
</div>
</div>
</div> <!-- end navbar-header -->
<div class="nav-wrap flex-child">
<div class="collapse navbar-collapse text-center" id="navbar-collapse">
<ul class="nav navbar-nav">
<li class="dropdown">
<a href="#">Home</a>
<i class="fa fa-angle-down dropdown-trigger"></i>
<ul class="dropdown-menu">
<li><a href="index.html">Home</a></li>
<li><a href="index-2.html">Home 2</a></li>
<li><a href="index-3.html">Home 3</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Pages</a>
<i class="fa fa-angle-down dropdown-trigger"></i>
<ul class="dropdown-menu">
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="faq.html">F.A.Q</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Blog</a>
<i class="fa fa-angle-down dropdown-trigger"></i>
<ul class="dropdown-menu">
<li><a href="blog-standard.html">Standard</a></li>
<li><a href="blog-single.html">Single Post</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#">Shop</a>
<i class="fa fa-angle-down dropdown-trigger"></i>
<ul class="dropdown-menu megamenu-wide">
<li>
<div class="megamenu-wrap container">
<div class="row">
<div class="col-md-3 megamenu-item">
<ul class="menu-list">
<li>
<span>Shop Pages</span>
</li>
<li><a href="shop-catalog.html">Catalog no Sidebar</a></li>
<li><a href="shop-catalog-sidebar.html">Catalog With Sidebar</a></li>
<li><a href="shop-single.html">Single Product</a></li>
<li><a href="shop-cart.html">Cart</a></li>
<li><a href="shop-checkout.html">Checkout</a></li>
</ul>
</div>
<div class="col-md-3 megamenu-item">
<ul class="menu-list">
<li>
<span>For Her</span>
</li>
<li><a href="catalog.html">Dresses</a></li>
<li><a href="catalog.html">Watches</a></li>
<li><a href="catalog.html">Belts</a></li>
<li><a href="catalog.html">Jackets</a></li>
<li><a href="catalog.html">Scarfs</a></li>
</ul>
</div>
<div class="col-md-3 megamenu-item">
<ul class="menu-list">
<li>
<span>Accessories</span>
</li>
<li><a href="catalog.html">Wallets</a></li>
<li><a href="catalog.html">Watches</a></li>
<li><a href="catalog.html">Belts</a></li>
<li><a href="catalog.html">Shoes</a></li>
<li><a href="catalog.html">Scarfs</a></li>
</ul>
</div>
<div class="col-md-3 megamenu-item">
<ul class="menu-list">
<li>
<span>For Him</span>
</li>
<li><a href="catalog.html">T-shirts</a></li>
<li><a href="catalog.html">Watches</a></li>
<li><a href="catalog.html">Belts</a></li>
<li><a href="catalog.html">Jeans</a></li>
<li><a href="catalog.html">Scarfs</a></li>
</ul>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#">Elements</a>
<i class="fa fa-angle-down dropdown-trigger"></i>
<ul class="dropdown-menu">
<li><a href="shortcodes.html">Shortcodes</a></li>
<li><a href="typography.html">Typography</a></li>
</ul>
</li> <!-- end elements -->
<li class="mobile-links hidden-lg hidden-md">
<a href="#">My Account</a>
</li>
<!-- Mobile search -->
<li id="mobile-search" class="hidden-lg hidden-md">
<form method="get" class="mobile-search">
<input type="search" class="form-control" placeholder="Search...">
<button type="submit" class="search-button">
<i class="fa fa-search"></i>
</button>
</form>
</li>
</ul> <!-- end menu -->
</div> <!-- end collapse -->
</div> <!-- end col -->
<div class="flex-child flex-right nav-right hidden-sm hidden-xs">
<ul>
<li class="nav-register">
<a href="#">My Account</a>
</li>
<li class="nav-search-wrap style-2 hidden-sm hidden-xs">
<a href="#" class="nav-search search-trigger">
<i class="fa fa-search"></i>
</a>
</li>
<li class="nav-cart">
<div class="nav-cart-outer">
<div class="nav-cart-inner">
<a href="#" class="nav-cart-icon">
0
</a>
</div>
</div>
<div class="nav-cart-container">
<div class="nav-cart-items">
<div class="nav-cart-item clearfix">
<div class="nav-cart-img">
<a href="#">
<img src="img/shop/shop_item_1.jpg" alt="">
</a>
</div>
<div class="nav-cart-title">
<a href="#">
Ladies Bag
</a>
<div class="nav-cart-price">
<span>1 x</span>
<span>1250.00</span>
</div>
</div>
<div class="nav-cart-remove">
<a href="#" class="remove"><i class="ui-close"></i></a>
</div>
</div>
<div class="nav-cart-item clearfix">
<div class="nav-cart-img">
<a href="#">
<img src="img/shop/shop_item_2.jpg" alt="">
</a>
</div>
<div class="nav-cart-title">
<a href="#">
Sequin Suit longer title
</a>
<div class="nav-cart-price">
<span>1 x</span>
<span>1250.00</span>
</div>
</div>
<div class="nav-cart-remove">
<a href="#" class="remove"><i class="ui-close"></i></a>
</div>
</div>
</div> <!-- end cart items -->
<div class="nav-cart-summary">
<span>Cart Subtotal</span>
<span class="total-price">$1799.00</span>
</div>
<div class="nav-cart-actions mt-20">
<a href="shop-cart.html" class="btn btn-md btn-dark"><span>View Cart</span></a>
<a href="shop-checkout.html" class="btn btn-md btn-color mt-10"><span>Proceed to Checkout</span></a>
</div>
</div>
</li>
</ul>
</div>
</div> <!-- end row -->
</div> <!-- end container -->
</div> <!-- end navigation -->
</nav> <!-- end navbar -->
</header>
<!-- Page Title -->
<section class="page-title text-center bg-light">
<div class="container relative clearfix">
<div class="title-holder">
<div class="title-text">
<h1 class="uppercase">Shopping Cart</h1>
<ol class="breadcrumb">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="index.html">Shop</a>
</li>
<li class="active">
Cart
</li>
</ol>
</div>
</div>
</div>
</section>
<div class="content-wrapper oh">
<!-- Checkout -->
<section class="section-wrap checkout pb-70">
<div class="container relative">
<div class="row">
<div class="ecommerce col-xs-12">
<div class="row mb-30">
<div class="col-md-8">
<p class="ecommerce-info">
Returning Customer?
<a href="#" class="showlogin">Click here to login</a>
</p>
</div>
</div>
<form name="checkout" class="checkout ecommerce-checkout row">
<div class="col-md-8" id="customer_details">
<div>
<h2 class="heading uppercase bottom-line full-grey mb-30">billing address</h2>
<p class="form-row form-row-wide address-field update_totals_on_change validate-required ecommerce-validated" id="billing_country_field">
<label for="billing_country">Country
<abbr class="required" title="required">*</abbr>
</label>
<select name="billing_country" id="billing_country" class="country_to_state country_select" title="Country *">
<option>Select a country…</option>
<option value="AF">Afghanistan</option>
<option value="AX">Åland Islands</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AQ">Antarctica</option>
<option value="AG">Antigua and Barbuda</option>
<option value="AR">Argentina</option>
<option value="AM">Armenia</option>
<option value="AW">Aruba</option>
<option value="AU">Australia</option>
<option value="AT">Austria</option>
<option value="AZ">Azerbaijan</option>
<option value="BS">Bahamas</option>
<option value="BH">Bahrain</option>
<option value="BD">Bangladesh</option>
<option value="BB">Barbados</option>
<option value="BY">Belarus</option>
<option value="BE">Belgium</option>
<option value="BZ">Belize</option>
<option value="BJ">Benin</option>
<option value="BM">Bermuda</option>
<option value="BT">Bhutan</option>
<option value="BO">Bolivia, Plurinational State of</option>
<option value="BQ">Bonaire, Sint Eustatius and Saba</option>
<option value="BA">Bosnia and Herzegovina</option>
<option value="BW">Botswana</option>
<option value="BV">Bouvet Island</option>
<option value="BR">Brazil</option>
<option value="IO">British Indian Ocean Territory</option>
<option value="BN">Brunei Darussalam</option>
<option value="BG">Bulgaria</option>
<option value="BF">Burkina Faso</option>
<option value="BI">Burundi</option>
<option value="KH">Cambodia</option>
<option value="CM">Cameroon</option>
<option value="CA">Canada</option>
<option value="CV">Cape Verde</option>
<option value="KY">Cayman Islands</option>
<option value="CF">Central African Republic</option>
<option value="TD">Chad</option>
<option value="CL">Chile</option>
<option value="CN">China</option>
<option value="CX">Christmas Island</option>
<option value="CC">Cocos (Keeling) Islands</option>
<option value="CO">Colombia</option>
<option value="KM">Comoros</option>
<option value="CG">Congo</option>
<option value="CD">Congo, the Democratic Republic of the</option>
<option value="CK">Cook Islands</option>
<option value="CR">Costa Rica</option>
<option value="CI">Côte d'Ivoire</option>
<option value="HR">Croatia</option>
<option value="CU">Cuba</option>
<option value="CW">Curaçao</option>
<option value="CY">Cyprus</option>
<option value="CZ">Czech Republic</option>
<option value="DK">Denmark</option>
<option value="DJ">Djibouti</option>
<option value="DM">Dominica</option>
<option value="DO">Dominican Republic</option>
<option value="EC">Ecuador</option>
<option value="EG">Egypt</option>
<option value="SV">El Salvador</option>
<option value="GQ">Equatorial Guinea</option>
<option value="ER">Eritrea</option>
<option value="EE">Estonia</option>
<option value="ET">Ethiopia</option>
<option value="FK">Falkland Islands (Malvinas)</option>
<option value="FO">Faroe Islands</option>
<option value="FJ">Fiji</option>
<option value="FI">Finland</option>
<option value="FR">France</option>
<option value="GF">French Guiana</option>
<option value="PF">French Polynesia</option>
<option value="TF">French Southern Territories</option>
<option value="GA">Gabon</option>
<option value="GM">Gambia</option>
<option value="GE">Georgia</option>
<option value="DE">Germany</option>
<option value="GH">Ghana</option>
<option value="GI">Gibraltar</option>
<option value="GR">Greece</option>
<option value="GL">Greenland</option>
<option value="GD">Grenada</option>
<option value="GP">Guadeloupe</option>
<option value="GU">Guam</option>
<option value="GT">Guatemala</option>
<option value="GG">Guernsey</option>
<option value="GN">Guinea</option>
<option value="GW">Guinea-Bissau</option>
<option value="GY">Guyana</option>
<option value="HT">Haiti</option>
<option value="HM">Heard Island and McDonald Islands</option>
<option value="VA">Holy See (Vatican City State)</option>
<option value="HN">Honduras</option>
<option value="HK">Hong Kong</option>
<option value="HU">Hungary</option>
<option value="IS">Iceland</option>
<option value="IN">India</option>
<option value="ID">Indonesia</option>
<option value="IR">Iran, Islamic Republic of</option>
<option value="IQ">Iraq</option>
<option value="IE">Ireland</option>
<option value="IM">Isle of Man</option>
<option value="IL">Israel</option>
<option value="IT">Italy</option>
<option value="JM">Jamaica</option>
<option value="JP">Japan</option>
<option value="JE">Jersey</option>
<option value="JO">Jordan</option>
<option value="KZ">Kazakhstan</option>
<option value="KE">Kenya</option>
<option value="KI">Kiribati</option>
<option value="KP">Korea, Democratic People's Republic of</option>
<option value="KR">Korea, Republic of</option>
<option value="KW">Kuwait</option>
<option value="KG">Kyrgyzstan</option>
<option value="LA">Lao People's Democratic Republic</option>
<option value="LV">Latvia</option>
<option value="LB">Lebanon</option>
<option value="LS">Lesotho</option>
<option value="LR">Liberia</option>
<option value="LY">Libya</option>
<option value="LI">Liechtenstein</option>
<option value="LT">Lithuania</option>
<option value="LU">Luxembourg</option>
<option value="MO">Macao</option>
<option value="MK">Macedonia, the former Yugoslav Republic of</option>
<option value="MG">Madagascar</option>
<option value="MW">Malawi</option>
<option value="MY">Malaysia</option>
<option value="MV">Maldives</option>
<option value="ML">Mali</option>
<option value="MT">Malta</option>
<option value="MH">Marshall Islands</option>
<option value="MQ">Martinique</option>
<option value="MR">Mauritania</option>
<option value="MU">Mauritius</option>
<option value="YT">Mayotte</option>
<option value="MX">Mexico</option>
<option value="FM">Micronesia, Federated States of</option>
<option value="MD">Moldova, Republic of</option>
<option value="MC">Monaco</option>
<option value="MN">Mongolia</option>
<option value="ME">Montenegro</option>
<option value="MS">Montserrat</option>
<option value="MA">Morocco</option>
<option value="MZ">Mozambique</option>
<option value="MM">Myanmar</option>
<option value="NA">Namibia</option>
<option value="NR">Nauru</option>
<option value="NP">Nepal</option>
<option value="NL">Netherlands</option>
<option value="NC">New Caledonia</option>
<option value="NZ">New Zealand</option>
<option value="NI">Nicaragua</option>
<option value="NE">Niger</option>
<option value="NG">Nigeria</option>
<option value="NU">Niue</option>
<option value="NF">Norfolk Island</option>
<option value="MP">Northern Mariana Islands</option>
<option value="NO">Norway</option>
<option value="OM">Oman</option>
<option value="PK">Pakistan</option>
<option value="PW">Palau</option>
<option value="PS">Palestinian Territory, Occupied</option>
<option value="PA">Panama</option>
<option value="PG">Papua New Guinea</option>
<option value="PY">Paraguay</option>
<option value="PE">Peru</option>
<option value="PH" selected="selected">Philippines</option>
<option value="PN">Pitcairn</option>
<option value="PL">Poland</option>
<option value="PT">Portugal</option>
<option value="PR">Puerto Rico</option>
<option value="QA">Qatar</option>
<option value="RE">Réunion</option>
<option value="RO">Romania</option>
<option value="RU">Russian Federation</option>
<option value="RW">Rwanda</option>
<option value="BL">Saint Barthélemy</option>
<option value="SH">Saint Helena, Ascension and Tristan da Cunha</option>
<option value="KN">Saint Kitts and Nevis</option>
<option value="LC">Saint Lucia</option>
<option value="MF">Saint Martin (French part)</option>
<option value="PM">Saint Pierre and Miquelon</option>
<option value="VC">Saint Vincent and the Grenadines</option>
<option value="WS">Samoa</option>
<option value="SM">San Marino</option>
<option value="ST">Sao Tome and Principe</option>
<option value="SA">Saudi Arabia</option>
<option value="SN">Senegal</option>
<option value="RS">Serbia</option>
<option value="SC">Seychelles</option>
<option value="SL">Sierra Leone</option>
<option value="SG">Singapore</option>
<option value="SX">Sint Maarten (Dutch part)</option>
<option value="SK">Slovakia</option>
<option value="SI">Slovenia</option>
<option value="SB">Solomon Islands</option>
<option value="SO">Somalia</option>
<option value="ZA">South Africa</option>
<option value="GS">South Georgia and the South Sandwich Islands</option>
<option value="SS">South Sudan</option>
<option value="ES">Spain</option>
<option value="LK">Sri Lanka</option>
<option value="SD">Sudan</option>
<option value="SR">Suriname</option>
<option value="SJ">Svalbard and Jan Mayen</option>
<option value="SZ">Swaziland</option>
<option value="SE">Sweden</option>
<option value="CH">Switzerland</option>
<option value="SY">Syrian Arab Republic</option>
<option value="TW">Taiwan, Province of China</option>
<option value="TJ">Tajikistan</option>
<option value="TZ">Tanzania, United Republic of</option>
<option value="TH">Thailand</option>
<option value="TL">Timor-Leste</option>
<option value="TG">Togo</option>
<option value="TK">Tokelau</option>
<option value="TO">Tonga</option>
<option value="TT">Trinidad and Tobago</option>
<option value="TN">Tunisia</option>
<option value="TR">Turkey</option>
<option value="TM">Turkmenistan</option>
<option value="TC">Turks and Caicos Islands</option>
<option value="TV">Tuvalu</option>
<option value="UG">Uganda</option>
<option value="UA">Ukraine</option>
<option value="AE">United Arab Emirates</option>
<option value="GB">United Kingdom</option>
<option value="US">United States</option>
<option value="UM">United States Minor Outlying Islands</option>
<option value="UY">Uruguay</option>
<option value="UZ">Uzbekistan</option>
<option value="VU">Vanuatu</option>
<option value="VE">Venezuela, Bolivarian Republic of</option>
<option value="VN">Viet Nam</option>
<option value="VG">Virgin Islands, British</option>
<option value="VI">Virgin Islands, U.S.</option>
<option value="WF">Wallis and Futuna</option>
<option value="EH">Western Sahara</option>
<option value="YE">Yemen</option>
<option value="ZM">Zambia</option>
<option value="ZW">Zimbabwe</option>
</select>
</p>
<p class="form-row form-row-first validate-required ecommerce-invalid ecommerce-invalid-required-field" id="billing_first_name_field">
<label for="billing_first_name">First Name
<abbr class="required" title="required">*</abbr>
</label>
<input type="text" class="input-text" placeholder value name="billing_first_name" id="billing_first_name">
</p>
<p class="form-row form-row-last validate-required ecommerce-invalid ecommerce-invalid-required-field" id="billing_last_name_field">
<label for="billing_last_name">Last Name
<abbr class="required" title="required">*</abbr>
</label>
<input type="text" class="input-text" placeholder value name="billing_last_name" id="billing_last_name">
</p>
<p class="form-row form-row-wide" id="billing_company_field">
<label for="billing_company">Company</label>
<input type="text" class="input-text" placeholder value name="billing_company" id="billing_company">
</p>
<p class="form-row form-row-wide address-field validate-required ecommerce-invalid ecommerce-invalid-required-field" id="billing_address_1_field">
<label for="billing_address_1">Address
<abbr class="required" title="required">*</abbr>
</label>
<input type="text" class="input-text" placeholder="Street address" value name="billing_address_1" id="billing_address_1">
</p>
<p class="form-row form-row-wide address-field" id="billing_address_2_field">
<input type="text" class="input-text" placeholder="Apartment, suite, unit etc. (optional)" value name="billing_address_2" id="billing_address_2">
</p>
<p class="form-row form-row-wide address-field validate-required" id="billing_city_field" data-o_class="form-row form-row-wide address-field validate-required">
<label for="billing_city">Town / City
<abbr class="required" title="required">*</abbr>
</label>
<input type="text" class="input-text" placeholder="Town / City" value name="billing_city" id="billing_city">
</p>
<p class="form-row form-row-first address-field validate-state" id="billing_state_field" data-o_class="form-row form-row-first address-field validate-state">
<label for="billing_state">County</label>
<input type="text" class="input-text" placeholder value name="billing_state" id="billing_state">
</p>
<p class="form-row form-row-last address-field validate-required validate-postcode ecommerce-invalid ecommerce-invalid-required-field" id="billing_postcode_field" data-o_class="form-row form-row-last address-field validate-required validate-postcode">
<label for="billing_postcode">Postcode
<abbr class="required" title="required">*</abbr>
</label>
<input type="text" class="input-text" placeholder="Postcode" value name="billing_postcode" id="billing_postcode">
</p>
<p class="form-row form-row-first validate-required validate-email" id="billing_email_field">
<label for="billing_email">Email Address
<abbr class="required" title="required">*</abbr>
</label>
<input type="text" class="input-text" placeholder value name="billing_email" id="billing_email">
</p>
<p class="form-row form-row-last validate-required validate-phone" id="billing_phone_field">
<label for="billing_phone">Phone
<abbr class="required" title="required">*</abbr>
</label>
<input type="text" class="input-text" placeholder value name="billing_phone" id="billing_phone">
</p>
<div class="clear"></div>
</div>
<p class="form-row form-row-wide create-account">
<input type="checkbox" class="input-checkbox" id="createaccount" name="createaccount" value="1">
<label for="createaccount" class="checkbox">Create an account?</label>
</p>
<div class="clear"></div>
<div>
<div class="ecommerce-shipping-fields">
<input type="checkbox" id="ship-to-different-address-checkbox" class="input-checkbox" name="ship_to_different_address" value="1">
<label for="ship-to-different-address-checkbox" class="checkbox">Ship to a different address</label>
</div>
<p class="form-row notes ecommerce-validated" id="order_comments_field">
<label for="order_comments">Order Notes</label>
<textarea name="order_comments" class="input-text" id="order_comments" placeholder="Notes about your order, e.g. special notes for delivery." rows="2" cols="6"></textarea>
</p>
</div>
<div class="clear"></div>
</div> <!-- end col -->
<!-- Your Order -->
<div class="col-md-4">
<div class="order-review-wrap ecommerce-checkout-review-order" id="order_review">
<h2 class="heading uppercase bottom-line full-grey">Your Order</h2>
<table class="table shop_table ecommerce-checkout-review-order-table">
<tbody>
<tr>
<th>Business Suit<span class="count"> x 1</span></th>
<td>
<span class="amount">$599.00</span>
</td>
</tr>
<tr>
<th>California Dress<span class="count"> x 1</span></th>
<td>
<span class="amount">$1299.00</span>
</td>
</tr>
<tr class="cart-subtotal">
<th>Cart Subtotal</th>
<td>
<span class="amount">$1799.00</span>
</td>
</tr>
<tr class="shipping">
<th>Shipping</th>
<td>
<span>Free Shipping</span>
</td>
</tr>
<tr class="order-total">
<th><strong>Order Total</strong></th>
<td>
<strong><span class="amount">$1799.00</span></strong>
</td>
</tr>
</tbody>
</table>
<div id="payment" class="ecommerce-checkout-payment">
<h2 class="heading uppercase bottom-line full-grey">Payment Method</h2>
<ul class="payment_methods methods">
<li class="payment_method_bacs">
<input id="payment_method_bacs" type="radio" class="input-radio" name="payment_method" value="bacs" checked="checked">
<label for="payment_method_bacs">Direct Bank Transfer</label>
<div class="payment_box payment_method_bacs">
<p>Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order wont be shipped until the funds have cleared in our account.</p>
</div>
</li>
<li class="payment_method_cheque">
<input id="payment_method_cheque" type="radio" class="input-radio" name="payment_method" value="cheque">
<label for="payment_method_cheque">Cheque payment</label>
<div class="payment_box payment_method_cheque">
<p>Please send your cheque to Store Name, Store Street, Store Town, Store State / County, Store Postcode.</p>
</div>
</li>
<li class="payment_method_paypal">
<input id="payment_method_paypal" type="radio" class="input-radio" name="payment_method" value="paypal">
<label for="payment_method_paypal">Paypal</label>
<img src="img/shop/paypal.png" alt="">
<div class="payment_box payment_method_paypal">
<p>Pay via PayPal; you can pay with your credit card if you dont have a PayPal account.</p>
</div>
</li>
</ul>
<div class="form-row place-order">
<input type="submit" name="ecommerce_checkout_place_order" class="btn btn-lg btn-dark" id="place_order" value="Place order">
</div>
</div>
</div>
</div> <!-- end order review -->
</form>
</div> <!-- end ecommerce -->
</div> <!-- end row -->
</div> <!-- end container -->
</section> <!-- end checkout -->
<!-- Newsletter -->
<section class="newsletter" id="subscribe">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<h4>Get the latest updates</h4>
<form class="relative newsletter-form">
<input type="email" class="newsletter-input" placeholder="Enter your email">
<input type="submit" class="btn btn-lg btn-dark newsletter-submit" value="Subscribe">
</form>
</div>
</div>
</div>
</section>
<!-- Footer Type-1 -->
<footer class="footer footer-type-1">
<div class="container">
<div class="footer-widgets">
<div class="row">
<div class="col-md-3 col-sm-12 col-xs-12">
<div class="widget footer-about-us">
<img src="img/logo_dark.png" alt="" class="logo">
<p class="mb-30">Zenna Shop is a very slick and clean eCommerce template.</p>
<div class="footer-socials">
<div class="social-icons nobase">
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-google-plus"></i></a>
</div>
</div>
</div>
</div> <!-- end about us -->
<div class="col-md-2 col-md-offset-1 col-sm-6 col-xs-12">
<div class="widget footer-links">
<h5 class="widget-title bottom-line left-align grey">Information</h5>
<ul class="list-no-dividers">
<li><a href="#">Our stores</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Business with us</a></li>
<li><a href="#">Delivery information</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
<div class="widget footer-links">
<h5 class="widget-title bottom-line left-align grey">Account</h5>
<ul class="list-no-dividers">
<li><a href="#">My account</a></li>
<li><a href="#">Wishlist</a></li>
<li><a href="#">Order history</a></li>
<li><a href="#">Specials</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
<div class="widget footer-links">
<h5 class="widget-title bottom-line left-align grey">Useful Links</h5>
<ul class="list-no-dividers">
<li><a href="#">Shipping Policy</a></li>
<li><a href="#">Stores</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Terms &amp; Conditions</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-xs-12">
<div class="widget footer-links">
<h5 class="widget-title bottom-line left-align grey">Service</h5>
<ul class="list-no-dividers">
<li><a href="#">Support</a></li>
<li><a href="#">Warranty</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div> <!-- end container -->
<div class="bottom-footer">
<div class="container">
<div class="row">
<div class="col-sm-6 copyright sm-text-center">
<span>
&copy; 2017 Zenna Theme, Made by <a href="http://deothemes.com">DeoThemes</a>
</span>
</div>
<div class="col-sm-6 col-xs-12 footer-payment-systems text-right sm-text-center mt-sml-10">
<i class="fa fa-cc-paypal"></i>
<i class="fa fa-cc-visa"></i>
<i class="fa fa-cc-mastercard"></i>
<i class="fa fa-cc-discover"></i>
<i class="fa fa-cc-amex"></i>
</div>
</div>
</div>
</div> <!-- end bottom footer -->
</footer> <!-- end footer -->
<div id="back-to-top">
<a href="#top"><i class="fa fa-angle-up"></i></a>
</div>
</div> <!-- end content wrapper -->
</main> <!-- end main wrapper -->
<!-- jQuery Scripts -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>