Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/oladi/layout/default/ |
<!DOCTYPE html>
<html lang="en">
<head>
<title>Checkout</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Style CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body class="index-opt-1 catalog-product-view catalog-view_op1 page-order">
<div class="wrapper">
<!-- HEADER -->
<header class="site-header header-opt-1 cate-show">
<!-- header-top -->
<div class="header-top">
<div class="container">
<!-- nav-left -->
<ul class="nav-left" >
<li ><span><i class="fa fa-phone" aria-hidden="true"></i>00-62-658-658</span></li>
<li ><span><i class="fa fa-envelope" aria-hidden="true"></i> Contact us today !</span></li>
<li class="dropdown switcher switcher-currency">
<a data-toggle="dropdown" role="button" href="#" class="dropdown-toggle switcher-trigger"><span>USD</span> <i aria-hidden="true" class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu switcher-options ">
<li class="switcher-option">
<a href="#">
<i class="fa fa-usd" aria-hidden="true"></i> USD
</a>
</li>
<li class="switcher-option">
<a href="#">
<i class="fa fa-eur" aria-hidden="true"></i> eur
</a>
</li>
<li class="switcher-option">
<a href="#">
<i class="fa fa-gbp" aria-hidden="true"></i> gbp
</a>
</li>
</ul>
</li>
<li class="dropdown switcher switcher-language">
<a data-toggle="dropdown" role="button" href="#" class="dropdown-toggle switcher-trigger" aria-expanded="false">
<img class="switcher-flag" alt="flag" src="images/flags/flag_english.png">
<span>English</span>
<i aria-hidden="true" class="fa fa-angle-down"></i>
</a>
<ul class="dropdown-menu switcher-options ">
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_english.png">English
</a>
</li>
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_french.png">French
</a>
</li>
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_germany.png">Germany
</a>
</li>
</ul>
</li>
</ul><!-- nav-left -->
<!-- nav-right -->
<ul class=" nav-right">
<li class="dropdown setting">
<a data-toggle="dropdown" role="button" href="#" class="dropdown-toggle "><span>My Account</span> <i aria-hidden="true" class="fa fa-angle-down"></i></a>
<div class="dropdown-menu ">
<ul class="account">
<li><a href="">Wishlist</a></li>
<li><a href="">My Account</a></li>
<li><a href="">Checkout</a></li>
<li><a href="">Compare</a></li>
<li><a href="">Login/Register</a></li>
</ul>
</div>
</li>
<li><a href="" >Services</a></li>
<li><a href="">Support </a></li>
</ul><!-- nav-right -->
</div>
</div><!-- header-top -->
<!-- header-content -->
<div class="header-content">
<div class="container">
<div class="row">
<div class="col-md-3 nav-left">
<!-- logo -->
<strong class="logo">
<a href=""><img src="images/media/index1/logo.png" alt="logo"></a>
</strong>
</div>
<div class="nav-right">
<!-- block mini cart -->
<div class="block-minicart dropdown">
<a class="dropdown-toggle" href="#" role="button" data-toggle="dropdown">
<span class="cart-icon"></span>
<span class="counter qty">
<span class="cart-text">Shopping Cart</span>
<span class="counter-number">6</span>
<span class="counter-label">6 <span>Items</span></span>
<span class="counter-price">$75.00</span>
</span>
</a>
<div class="dropdown-menu">
<form>
<div class="minicart-content-wrapper" >
<div class="subtitle">
You have 6 item(s) in your cart
</div>
<div class="minicart-items-wrapper">
<ol class="minicart-items">
<li class="product-item">
<a class="product-item-photo" href="#" title="The Name Product">
<img class="product-image-photo" src="images/media/index1/minicart.jpg" alt="The Name Product">
</a>
<div class="product-item-details">
<strong class="product-item-name">
<a href="#">Donec Ac Tempus</a>
</strong>
<div class="product-item-price">
<span class="price">61,19 €</span>
</div>
<div class="product-item-qty">
<span class="label">Qty: </span ><span class="number">1</span>
</div>
<div class="product-item-actions">
<a class="action delete" href="#" title="Remove item">
<span>Remove</span>
</a>
</div>
</div>
</li>
<li class="product-item">
<a class="product-item-photo" href="#" title="The Name Product">
<img class="product-image-photo" src="images/media/index1/minicart2.jpg" alt="The Name Product">
</a>
<div class="product-item-details">
<strong class="product-item-name">
<a href="#">Donec Ac Tempus</a>
</strong>
<div class="product-item-price">
<span class="price">61,19 €</span>
</div>
<div class="product-item-qty">
<span class="label">Qty: </span ><span class="number">1</span>
</div>
<div class="product-item-actions">
<a class="action delete" href="#" title="Remove item">
<span>Remove</span>
</a>
</div>
</div>
</li>
</ol>
</div>
<div class="subtotal">
<span class="label">Total</span>
<span class="price">$630</span>
</div>
<div class="actions">
<!-- <a class="btn btn-viewcart" href="">
<span>Shopping bag</span>
</a> -->
<button class="btn btn-checkout" type="button" title="Check Out">
<span>Checkout</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="nav-mind">
<!-- block search -->
<div class="block-search">
<div class="block-title">
<span>Search</span>
</div>
<div class="block-content">
<div class="categori-search ">
<select data-placeholder="All Categories" class="categori-search-option">
<option>All Categories</option>
<option>Fashion</option>
<option>Tops Blouses</option>
<option>Clothing</option>
<option>Furniture</option>
<option>Bathtime Goods</option>
<option>Shower Curtains</option>
</select>
</div>
<div class="form-search">
<form>
<div class="box-group">
<input type="text" class="form-control" placeholder="i'm Searching for...">
<button class="btn btn-search" type="button"><span>search</span></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- header-content -->
<!-- header-nav -->
<div class="header-nav mid-header">
<div class="container">
<div class="box-header-nav">
<!-- btn categori mobile -->
<span data-action="toggle-nav-cat" class="nav-toggle-menu nav-toggle-cat"><span>Categories</span></span>
<!-- btn menu mobile -->
<span data-action="toggle-nav" class="nav-toggle-menu"><span>Menu</span></span>
<!--categori -->
<div class="block-nav-categori">
<div class="block-title">
<span>Categories</span>
</div>
<div class="block-content">
<div class="clearfix"><span data-action="close-cat" class="close-cate"><span>Categories</span></span></div>
<ul class="ui-categori">
<li class="parent">
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat1.png" alt="nav-cat"></span>
Electronics
</a>
<span class="toggle-submenu"></span>
<div class="submenu" style="background-image: url(images/media/index1/bgmenu.jpg);">
<ul class="categori-list clearfix">
<li class="col-sm-3">
<strong class="title"><a href="">Smartphone</a></strong>
<ul>
<li><a href="">Skirts </a></li>
<li><a href="">Jackets</a></li>
<li><a href="">Jumpusuits</a></li>
<li><a href="">Scarvest</a></li>
<li><a href="">T-Shirts</a></li>
</ul>
</li>
<li class="col-sm-3">
<strong class="title"><a href="">TElevision</a></strong>
<ul>
<li><a href="">Skirts </a></li>
<li><a href="">Jackets</a></li>
<li><a href="">Jumpusuits</a></li>
<li><a href="">Scarvest</a></li>
<li><a href="">T-Shirts</a></li>
</ul>
</li>
<li class="col-sm-3">
<strong class="title"><a href="">Camera</a></strong>
<ul>
<li><a href="">Skirts </a></li>
<li><a href="">Jackets</a></li>
<li><a href="">Jumpusuits</a></li>
<li><a href="">Scarvest</a></li>
<li><a href="">T-Shirts</a></li>
</ul>
</li>
</ul>
<ul class="categori-list clearfix">
<li class="col-sm-3">
<strong class="title"><a href="">Smartphone</a></strong>
<ul>
<li><a href="">Skirts </a></li>
<li><a href="">Jackets</a></li>
<li><a href="">Jumpusuits</a></li>
<li><a href="">Scarvest</a></li>
<li><a href="">T-Shirts</a></li>
</ul>
</li>
<li class="col-sm-3">
<strong class="title"><a href="">TElevision</a></strong>
<ul>
<li><a href="">Skirts </a></li>
<li><a href="">Jackets</a></li>
<li><a href="">Jumpusuits</a></li>
<li><a href="">Scarvest</a></li>
<li><a href="">T-Shirts</a></li>
</ul>
</li>
<li class="col-sm-3">
<strong class="title"><a href="">Camera</a></strong>
<ul>
<li><a href="">Skirts </a></li>
<li><a href="">Jackets</a></li>
<li><a href="">Jumpusuits</a></li>
<li><a href="">Scarvest</a></li>
<li><a href="">T-Shirts</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent">
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat2.png" alt="nav-cat"></span>
Sports & Outdoors
</a>
<span class="toggle-submenu"></span>
<div class="submenu">
<div class="categori-img">
<a href=""><img src="images/media/index1/categori-img1.jpg" alt="categori-img"></a>
</div>
<ul class="categori-list">
<li class="col-sm-3">
<strong class="title"><a href="">Smartphone</a></strong>
<ul>
<li><a href="">Skirts </a></li>
<li><a href="">Jackets</a></li>
<li><a href="">Jumpusuits</a></li>
<li><a href="">Scarvest</a></li>
<li><a href="">T-Shirts</a></li>
</ul>
</li>
<li class="col-sm-3">
<strong class="title"><a href="">TElevision</a></strong>
<ul>
<li><a href="">Skirts </a></li>
<li><a href="">Jackets</a></li>
<li><a href="">Jumpusuits</a></li>
<li><a href="">Scarvest</a></li>
<li><a href="">T-Shirts</a></li>
</ul>
</li>
<li class="col-sm-3">
<strong class="title"><a href="">Camera</a></strong>
<ul>
<li><a href="">Skirts </a></li>
<li><a href="">Jackets</a></li>
<li><a href="">Jumpusuits</a></li>
<li><a href="">Scarvest</a></li>
<li><a href="">T-Shirts</a></li>
</ul>
</li>
<li class="col-sm-3">
<strong class="title"><a href="">washing machine</a></strong>
<ul>
<li><a href="">Skirts </a></li>
<li><a href="">Jackets</a></li>
<li><a href="">Jumpusuits</a></li>
<li><a href="">Scarvest</a></li>
<li><a href="">T-Shirts</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent">
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat3.png" alt="nav-cat"></span>
Smartphone & Tablets
</a>
<span class="toggle-submenu"></span>
<div class="submenu">
<strong class="subtitle"><span>special products</span></strong>
<div class="owl-carousel"
data-nav="true"
data-dots="false"
data-margin="30"
data-autoplayTimeout="300"
data-autoplay="true"
data-loop="true"
data-responsive='{
"0":{"items":1},
"380":{"items":1},
"480":{"items":1},
"600":{"items":1},
"992":{"items":4}
}'>
<div class="product-item product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/index1/product-menu1.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Asus Ispiron 20</a></strong>
<div class="product-item-price">
<span class="price">$45.00</span>
</div>
</div>
</div>
</div>
<div class="product-item product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/index1/product-menu2.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Electronics Ispiron 20 </a></strong>
<div class="product-item-price">
<span class="price">$45.00</span>
</div>
</div>
</div>
</div>
<div class="product-item product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/index1/product-menu3.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Samsung Ispiron 20 </a></strong>
<div class="product-item-price">
<span class="price">$45.00</span>
</div>
</div>
</div>
</div>
<div class="product-item product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/index1/product-menu4.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Electronics Ispiron 20 </a></strong>
<div class="product-item-price">
<span class="price">$45.00</span>
</div>
</div>
</div>
</div>
<div class="product-item product-item-opt-1">
<div class="product-item-info">
<div class="product-item-photo">
<a class="product-item-img" href=""><img alt="product name" src="images/media/index1/product-menu4.jpg"></a>
</div>
<div class="product-item-detail">
<strong class="product-item-name"><a href="">Samsung Ispiron 20 </a></strong>
<div class="product-item-price">
<span class="price">$45.00</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat4.png" alt="nav-cat"></span>
Health & Beauty
</a>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat5.png" alt="nav-cat"></span>
Bags, Shoes & Accessories
</a>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat6.png" alt="nav-cat"></span>
Toys & Hobbies
</a>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat7.png" alt="nav-cat"></span>
Computers & Networking
</a>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat8.png" alt="nav-cat"></span>
Laptops & Accessories
</a>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat9.png" alt="nav-cat"></span>
Jewelry & Watches
</a>
</li>
<li>
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat10.png" alt="nav-cat"></span>
Flashlights & Lamps
</a>
</li>
<li class="cat-link-orther">
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat10.png" alt="nav-cat"></span>
Flashlights & Lamps
</a>
</li>
<li class="cat-link-orther">
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat9.png" alt="nav-cat"></span>
Cameras & Photo
</a>
</li>
<li class="cat-link-orther">
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat10.png" alt="nav-cat"></span>
Flashlights & Lamps
</a>
</li>
<li class="cat-link-orther">
<a href="">
<span class="icon"><img src="images/icon/index1/nav-cat9.png" alt="nav-cat"></span>
Cameras & Photo
</a>
</li>
</ul>
<div class="view-all-categori">
<a class="open-cate btn-view-all">All Categories</a>
</div>
</div>
</div><!--categori -->
<!-- menu -->
<div class="block-nav-menu">
<div class="clearfix"><span data-action="close-nav" class="close-nav"><span>close</span></span></div>
<ul class="ui-menu">
<li class="parent parent-megamenu active">
<a href="index.html">Home</a>
<span class="toggle-submenu"></span>
<div class="megamenu drop-menu">
<ul>
<li class="col-md-3">
<strong class="title"><a href=""><span>Home </span></a></strong>
<ul class="list-submenu">
<li><a href="home1.html">Home page 1</a></li>
<li><a href="home2.html">Home page 2</a></li>
<li><a href="home3.html">Home page 3</a></li>
<li><a href="home4.html">Home page 4</a></li>
<li><a href="home5.html">Home page 5</a></li>
<li><a href="home6.html">Home page 6</a></li>
<li><a href="home7.html">Home page 7</a></li>
</ul>
</li>
<li class="col-md-3">
<strong class="title"><a href=""><span>Home </span></a></strong>
<ul class="list-submenu">
<li><a href="home8.html">Home page 8</a></li>
<li><a href="home9.html">Home page 9</a></li>
<li><a href="home10.html">Home page 10</a></li>
<li><a href="home11.html">Home page 11</a></li>
<li><a href="home12.html">Home page 12</a></li>
<li><a href="home13.html">Home page 13</a></li>
<li><a href="home14.html">Home page 14</a></li>
</ul>
</li>
<li class="col-md-3">
<strong class="title"><a href=""><span>Page </span></a></strong>
<ul class="list-submenu">
<li><a href="Login.html">Login</a></li>
<li><a href="About.html">About</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Blog.html">Blog</a></li>
<li><a href="Blog_Post.html">Blog Post</a></li>
<li><a href="Checkout.html">Checkout</a></li>
<li><a href="Order.html">Order</a></li>
</ul>
</li>
<li class="col-md-3">
<strong class="title"><a href=""><span>Page </span></a></strong>
<ul class="list-submenu">
<li><a href="Category1.html">Category 1</a></li>
<li><a href="Category2.html">Category 2</a></li>
<li><a href="Product1.html">Product 1</a></li>
<li><a href="Product2.html">Product 2</a></li>
<li><a href="Product3.html">Product 3</a></li>
<li><a href="WishList.html">WishList </a></li>
<li><a href="Compare.html">Compare</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent parent-submenu">
<a href="Contact.html"> Fashion </a>
<span class="toggle-submenu"></span>
<div class="submenu drop-menu">
<ul >
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</div>
</li>
<li><a href="">Sports</a></li>
<li class="parent parent-megamenu">
<a href="">Electronics <span class="label-menu">New</span></a>
<span class="toggle-submenu"></span>
<div class="megamenu drop-menu">
<ul>
<li class="col-md-3">
<div class="img-categori">
<a href=""><img alt="img" src="images/media/index1/img-categori1.jpg"></a>
</div>
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<div class="img-categori">
<a href=""><img alt="img" src="images/media/index1/img-categori2.jpg"></a>
</div>
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<div class="img-categori">
<a href=""><img alt="img" src="images/media/index1/img-categori3.jpg"></a>
</div>
<strong class="title"><a href=""> <span>Kid's</span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<div class="img-categori">
<a href=""><img alt="img" src="images/media/index1/img-categori4.jpg"></a>
</div>
<strong class="title"><a href=""><span>Trending</span> </a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
</ul>
</div>
</li>
<li class="parent parent-megamenu">
<a href="Contact.html">Digital </a>
<span class="toggle-submenu"></span>
<div class="megamenu drop-menu">
<ul>
<li class="col-md-3">
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<strong class="title"><a href=""> <span>Kid's</span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
<strong class="title"><a href=""><span>Women's </span></a></strong>
<ul class="list-submenu">
<li><a href="">Shoes</a></li>
<li><a href="">Clothing</a></li>
<li><a href="">Accessories</a></li>
<li><a href="">Sunglasses</a></li>
</ul>
</li>
<li class="col-md-3">
<div class="img-categori">
<a href=""><img alt="img" src="images/media/index1/img-categori5.jpg"></a>
</div>
</li>
</ul>
</div>
</li>
<li><a href="#"> Furniture </a></li>
<li><a href="#"> Jewelry </a></li>
<li><a href="Blog.html">Blog</a></li>
</ul>
</div><!-- menu -->
<!-- mini cart -->
<div class="block-minicart dropdown ">
<a class="dropdown-toggle" href="#" role="button" data-toggle="dropdown">
<span class="cart-icon"></span>
</a>
<div class="dropdown-menu">
<form>
<div class="minicart-content-wrapper" >
<div class="subtitle">
You have 6 item(s) in your cart
</div>
<div class="minicart-items-wrapper">
<ol class="minicart-items">
<li class="product-item">
<a class="product-item-photo" href="#" title="The Name Product">
<img class="product-image-photo" src="images/media/index1/minicart.jpg" alt="The Name Product">
</a>
<div class="product-item-details">
<strong class="product-item-name">
<a href="#">Donec Ac Tempus</a>
</strong>
<div class="product-item-price">
<span class="price">61,19 €</span>
</div>
<div class="product-item-qty">
<span class="label">Qty: </span ><span class="number">1</span>
</div>
<div class="product-item-actions">
<a class="action delete" href="#" title="Remove item">
<span>Remove</span>
</a>
</div>
</div>
</li>
<li class="product-item">
<a class="product-item-photo" href="#" title="The Name Product">
<img class="product-image-photo" src="images/media/index1/minicart2.jpg" alt="The Name Product">
</a>
<div class="product-item-details">
<strong class="product-item-name">
<a href="#">Donec Ac Tempus</a>
</strong>
<div class="product-item-price">
<span class="price">61,19 €</span>
</div>
<div class="product-item-qty">
<span class="label">Qty: </span ><span class="number">1</span>
</div>
<div class="product-item-actions">
<a class="action delete" href="#" title="Remove item">
<span>Remove</span>
</a>
</div>
</div>
</li>
</ol>
</div>
<div class="subtotal">
<span class="label">Total</span>
<span class="price">$630</span>
</div>
<div class="actions">
<!-- <a class="btn btn-viewcart" href="">
<span>Shopping bag</span>
</a> -->
<button class="btn btn-checkout" type="button" title="Check Out">
<span>Checkout</span>
</button>
</div>
</div>
</form>
</div>
</div>
<!-- search -->
<div class="block-search">
<div class="block-title">
<span>Search</span>
</div>
<div class="block-content">
<div class="form-search">
<form>
<div class="box-group">
<input type="text" class="form-control" placeholder="i'm Searching for...">
<button class="btn btn-search" type="button"><span>search</span></button>
</div>
</form>
</div>
</div>
</div><!-- search -->
<!--setting -->
<div class="dropdown setting">
<a data-toggle="dropdown" role="button" href="#" class="dropdown-toggle "><span>Settings</span> <i aria-hidden="true" class="fa fa-user"></i></a>
<div class="dropdown-menu ">
<div class="switcher switcher-language">
<strong class="title">Select language</strong>
<ul class="switcher-options ">
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_french.png">
</a>
</li>
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_germany.png">
</a>
</li>
<li class="switcher-option">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_english.png">
</a>
</li>
<li class="switcher-option switcher-active">
<a href="#">
<img class="switcher-flag" alt="flag" src="images/flags/flag_spain.png">
</a>
</li>
</ul>
</div>
<div class="switcher switcher-currency">
<strong class="title">SELECT CURRENCIES</strong>
<ul class="switcher-options ">
<li class="switcher-option">
<a href="#">
<i class="fa fa-usd" aria-hidden="true"></i>
</a>
</li>
<li class="switcher-option switcher-active">
<a href="#">
<i class="fa fa-eur" aria-hidden="true"></i>
</a>
</li>
<li class="switcher-option">
<a href="#">
<i class="fa fa-gbp" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
<ul class="account">
<li><a href="">Wishlist</a></li>
<li><a href="">My Account</a></li>
<li><a href="">Checkout</a></li>
<li><a href="">Compare</a></li>
<li><a href="">Login/Register</a></li>
</ul>
</div>
</div><!--setting -->
</div>
</div>
</div><!-- header-nav -->
</header><!-- end HEADER -->
<!-- MAIN -->
<main class="site-main">
<div class="columns container">
<!-- Block Breadcrumb-->
<ol class="breadcrumb no-hide">
<li><a href="#">Home </a></li>
<li class="active"> Checkout</li>
</ol><!-- Block Breadcrumb-->
<h2 class="page-heading">
<span class="page-heading-title2"> Checkout</span>
</h2>
<div class="page-content checkout-page">
<h3 class="checkout-sep">1. Checkout Method</h3>
<div class="box-border">
<div class="row">
<div class="col-sm-6">
<h4>Checkout as a Guest or Register</h4>
<p>Register with us for future convenience:</p>
<ul>
<li><label><input name="radio1" type="radio">Checkout as Guest</label></li>
<li><label><input name="radio1" type="radio">Register</label></li>
</ul>
<br>
<h4>Register and save time!</h4>
<p>Register with us for future convenience:</p>
<p><i class="fa fa-check-circle text-primary"></i> Fast and easy check out</p>
<p><i class="fa fa-check-circle text-primary"></i> Easy access to your order history and status</p>
<button class="button">Continue</button>
</div>
<div class="col-sm-6">
<h4>Login</h4>
<p>Already registered? Please log in below:</p>
<label>Email address</label>
<input class="form-control input" type="text">
<label>Password</label>
<input class="form-control input" type="password">
<p><a href="#">Forgot your password?</a></p>
<button class="button">Login</button>
</div>
</div>
</div>
<h3 class="checkout-sep">2. Billing Infomations</h3>
<div class="box-border">
<ul>
<li class="row">
<div class="col-sm-6">
<label for="first_name" class="required">First Name</label>
<input class="input form-control" name="first_name" id="first_name" type="text">
</div>
<div class="col-sm-6">
<label for="last_name" class="required">Last Name</label>
<input name="last_name" class="input form-control" id="last_name" type="text">
</div>
</li>
<li class="row">
<div class="col-sm-6">
<label for="company_name">Company Name</label>
<input name="company_name" class="input form-control" id="company_name" type="text">
</div>
<div class="col-sm-6">
<label for="email_address" class="required">Email Address</label>
<input class="input form-control" name="email_address" id="email_address" type="text">
</div>
</li>
<li class="row">
<div class="col-xs-12">
<label for="address" class="required">Address</label>
<input class="input form-control" name="address" id="address" type="text">
</div>
</li>
<li class="row">
<div class="col-sm-6">
<label for="city" class="required">City</label>
<input class="input form-control" name="city" id="city" type="text">
</div>
<div class="col-sm-6">
<label class="required">State/Province</label>
<select class="input form-control" name="State">
<option value="Alabama">Alabama</option>
<option value="Illinois">Illinois</option>
<option value="Kansas">Kansas</option>
</select>
</div>
</li>
<li class="row">
<div class="col-sm-6">
<label for="postal_code" class="required">Zip/Postal Code</label>
<input class="input form-control" name="postal_code" id="postal_code" type="text">
</div>
<div class="col-sm-6">
<label class="required">Country</label>
<select class="input form-control" name="Country">
<option value="USA">USA</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Argentina">Argentina</option>
<option value="Canada">Canada</option>
</select>
</div>
</li>
<li class="row">
<div class="col-sm-6">
<label for="telephone" class="required">Telephone</label>
<input class="input form-control" name="telephone" id="telephone" type="text">
</div>
<div class="col-sm-6">
<label for="fax">Fax</label>
<input class="input form-control" name="fax" id="fax" type="text">
</div>
</li>
<li class="row">
<div class="col-sm-6">
<label for="password" class="required">Password</label>
<input class="input form-control" name="password" id="password" type="password">
</div>
<div class="col-sm-6">
<label for="confirm" class="required">Confirm Password</label>
<input class="input form-control" name="confirm" id="confirm" type="password">
</div>
</li>
<li>
<button class="button">Continue</button>
</li>
</ul>
</div>
<h3 class="checkout-sep">3. Shipping Information</h3>
<div class="box-border">
<ul>
<li class="row">
<div class="col-sm-6">
<label for="first_name_1" class="required">First Name</label>
<input class="input form-control" name="first_name_1" id="first_name_1" type="text">
</div>
<div class="col-sm-6">
<label for="last_name_1" class="required">Last Name</label>
<input class="input form-control" name="last_name_1" id="last_name_1" type="text">
</div>
</li>
<li class="row">
<div class="col-sm-6">
<label for="company_name_1">Company Name</label>
<input class="input form-control" name="company_name_1" id="company_name_1" type="text">
</div>
<div class="col-sm-6">
<label for="email_address_1" class="required">Email Address</label>
<input class="input form-control" name="email_address_1" id="email_address_1" type="text">
</div>
</li>
<li class="row">
<div class="col-xs-12">
<label for="address_1" class="required">Address</label>
<input class="input form-control" name="address_1" id="address_1" type="text">
</div>
</li>
<li class="row">
<div class="col-sm-6">
<label for="city_1" class="required">City</label>
<input class="input form-control" name="city_1" id="city_1" type="text">
</div>
<div class="col-sm-6">
<label class="required">State/Province</label>
<div class="custom_select">
<select class="input form-control" name="State1">
<option value="Alabama">Alabama</option>
<option value="Illinois">Illinois</option>
<option value="Kansas">Kansas</option>
</select>
</div>
</div>
</li>
<li class="row">
<div class="col-sm-6">
<label for="postal_code_1" class="required">Zip/Postal Code</label>
<input class="input form-control" name="postal_code_1" id="postal_code_1" type="text">
</div>
<div class="col-sm-6">
<label class="required">Country</label>
<div class="custom_select">
<select class="input form-control" name="Country2">
<option value="USA">USA</option>
<option value="Australia">Australia</option>
<option value="Austria">Austria</option>
<option value="Argentina">Argentina</option>
<option value="Canada">Canada</option>
</select>
</div>
</div>
</li>
<li class="row">
<div class="col-sm-6">
<label for="telephone_1" class="required">Telephone</label>
<input class="input form-control" name="telephone_1" id="telephone_1" type="text">
</div>
<div class="col-sm-6">
<label for="fax_1">Fax</label>
<input class="input form-control" name="fax_1" id="fax_1" type="text">
</div>
</li>
</ul>
<button class="button">Continue</button>
</div>
<h3 class="checkout-sep">4. Shipping Method</h3>
<div class="box-border">
<ul class="shipping_method">
<li>
<p class="subcaption bold">Free Shipping</p>
<label for="radio_button_3"><input checked="" name="radio_3" id="radio_button_3" type="radio">Free $0</label>
</li>
<li>
<p class="subcaption bold">Free Shipping</p>
<label for="radio_button_4"><input name="radio_3" id="radio_button_4" type="radio"> Standard Shipping $5.00</label>
</li>
</ul>
<button class="button">Continue</button>
</div>
<h3 class="checkout-sep">5. Payment Information</h3>
<div class="box-border">
<ul>
<li>
<label for="radio_button_5"><input checked="" name="radio_4" id="radio_button_5" type="radio"> Check / Money order</label>
</li>
<li>
<label for="radio_button_6"><input name="radio_4" id="radio_button_6" type="radio"> Credit card (saved)</label>
</li>
</ul>
<button class="button">Continue</button>
</div>
<h3 class="checkout-sep">6. Order Review</h3>
<div class="box-border">
<div class="table-responsive">
<table class="table table-bordered cart_summary">
<thead>
<tr>
<th class="cart_product">Product</th>
<th>Description</th>
<th>Avail.</th>
<th>Unit price</th>
<th>Qty</th>
<th>Total</th>
<th class="action"><i class="fa fa-trash-o"></i></th>
</tr>
</thead>
<tbody>
<tr>
<td class="cart_product">
<a href="#"><img src="images/media/detail/product-100x122.jpg" alt="Product"></a>
</td>
<td class="cart_description">
<p class="product-name"><a href="#">Frederique Constant </a></p>
<small class="cart_ref">SKU : #123654999</small><br>
<small><a href="#">Color : Beige</a></small><br>
<small><a href="#">Size : S</a></small>
</td>
<td class="cart_avail"><span class="label label-success">In stock</span></td>
<td class="price"><span>61,19 €</span></td>
<td class="qty">
<input minlength="1" maxlength="12" name="qty1" id="qty1" value="1" class="form-control input-sm" type="text">
<span data-field="qty1" data-type="minus" class="btn-number" ><i class="fa fa-caret-up"></i></span>
<span data-field="qty1" data-type="plus" class="btn-number"><i class="fa fa-caret-down"></i></span>
</td>
<td class="price">
<span>61,19 €</span>
</td>
<td class="action">
<a href="#">Delete item</a>
</td>
</tr>
<tr>
<td class="cart_product">
<a href="#"><img src="images/media/detail/product-100x122.jpg" alt="Product"></a>
</td>
<td class="cart_description">
<p class="product-name"><a href="#">Frederique Constant </a></p>
<small class="cart_ref">SKU : #123654999</small><br>
<small><a href="#">Color : Beige</a></small><br>
<small><a href="#">Size : S</a></small>
</td>
<td class="cart_avail"><span class="label label-success">In stock</span></td>
<td class="price"><span>61,19 €</span></td>
<td class="qty">
<input minlength="1" maxlength="12" name="qty0" id="qty0" value="1" class="form-control input-sm" type="text">
<span data-field="qty0" data-type="minus" class="btn-number" ><i class="fa fa-caret-up"></i></span>
<span data-field="qty0" data-type="plus" class="btn-number"><i class="fa fa-caret-down"></i></span>
</td>
<td class="price">
<span>61,19 €</span>
</td>
<td class="action">
<a href="#">Delete item</a>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2" rowspan="2"></td>
<td colspan="3">Total products (tax incl.)</td>
<td colspan="2">122.38 €</td>
</tr>
<tr>
<td colspan="3"><strong>Total</strong></td>
<td colspan="2"><strong>122.38 €</strong></td>
</tr>
</tfoot>
</table>
<button class="button pull-right">Place Order</button>
</div>
</div>
</div>
</div>
</main><!-- end MAIN -->
<!-- FOOTER -->
<footer class="site-footer footer-opt-1">
<div class="container">
<div class="footer-column">
<div class="row">
<div class="col-md-3 col-lg-3 col-xs-6 col">
<strong class="logo-footer">
<a href=""><img src="images/media/index1/logo-footer.png" alt="logo"></a>
</strong>
<table class="address">
<tr>
<td><b>Address: </b></td>
<td>Example Street 68, Mahattan,New York, USA</td>
</tr>
<tr>
<td><b>Phone: </b></td>
<td>+ 65 123 456 789</td>
</tr>
<tr>
<td><b>Email:</b></td>
<td>Support@ovicsoft.com</td>
</tr>
</table>
</div>
<div class="col-md-2 col-lg-2 col-xs-6 col">
<div class="links">
<h3 class="title">Company</h3>
<ul>
<li><a href="">About Us</a></li>
<li><a href="">Testimonials</a></li>
<li><a href="">Affiliate Program</a></li>
<li><a href="">Terms & Conditions</a></li>
<li><a href="">Terms & Conditions</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-lg-2 col-xs-6 col">
<div class="links">
<h3 class="title">My Account</h3>
<ul>
<li><a href="">My Order</a></li>
<li><a href="">My Wishlist</a></li>
<li><a href="">My Credit Slip</a></li>
<li><a href="">My Addresses</a></li>
<li><a href="">My Account</a></li>
</ul>
</div>
</div>
<div class="col-md-2 col-lg-2 col-xs-6 col">
<div class="links">
<h3 class="title">Support</h3>
<ul>
<li><a href="">New User Guide</a></li>
<li><a href="">Help Center</a></li>
<li><a href="">Refund Policy</a></li>
<li><a href="">Report Spam</a></li>
<li><a href="">FAQ</a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-lg-3 col-xs-6 col">
<div class="block-newletter">
<div class="block-title">NEWSLETTER</div>
<div class="block-content">
<form>
<div class="input-group">
<input type="text" class="form-control" placeholder="Your Email Address">
<span class="input-group-btn">
<button class="btn btn-subcribe" type="button"><span>ok</span></button>
</span>
</div>
</form>
</div>
</div>
<div class="block-social">
<div class="block-title">Let’s Socialize </div>
<div class="block-content">
<a href="" class="sh-facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="" class="sh-pinterest"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
<a href="" class="sh-vk"><i class="fa fa-vk" aria-hidden="true"></i></a>
<a href="" class="sh-twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="" class="sh-google"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="payment-methods">
<div class="block-title">
Accepted Payment Methods
</div>
<div class="block-content">
<img alt="payment" src="images/media/index1/payment1.png">
<img alt="payment" src="images/media/index1/payment2.png">
<img alt="payment" src="images/media/index1/payment3.png">
<img alt="payment" src="images/media/index1/payment4.png">
<img alt="payment" src="images/media/index1/payment5.png">
<img alt="payment" src="images/media/index1/payment6.png">
<img alt="payment" src="images/media/index1/payment7.png">
<img alt="payment" src="images/media/index1/payment8.png">
<img alt="payment" src="images/media/index1/payment9.png">
<img alt="payment" src="images/media/index1/payment10.png">
</div>
</div>
<div class="footer-links">
<ul class="links">
<li><strong class="title">HOT SEARCHED KEYWORDS:</strong></li>
<li><a href="">Xiaomi Mi3 </a></li>
<li><a href="">Digiflip Pro XT 712 Tablet</a></li>
<li><a href="">Mi 3 Phones </a></li>
<li><a href="">Iphone 6 Plus </a></li>
<li><a href="">Women's Messenger Bags</a></li>
<li><a href="">Wallets </a></li>
<li><a href="">Women's Clutches </a></li>
<li><a href="">Backpacks Totes</a></li>
</ul>
<ul class="links">
<li><strong class="title">tvs: </strong></li>
<li><a href="">Sony TV </a></li>
<li><a href=""> Samsung TV </a></li>
<li><a href="">LG TV </a></li>
<li><a href="">Panasonic TV </a></li>
<li><a href=""> Onida TV </a></li>
<li><a href=""> Toshiba TV </a></li>
<li><a href=""> Philips TV</a></li>
<li><a href="">Micromax TV</a></li>
<li><a href="">LED TV </a></li>
<li><a href=""> LCD TV </a></li>
<li><a href="">Plasma TV </a></li>
<li><a href="">3D TV </a></li>
<li><a href="">Smart TV </a></li>
</ul>
<ul class="links">
<li><strong class="title">MOBILES: </strong></li>
<li><a href="">Moto E </a></li>
<li><a href=""> Samsung Mobile </a></li>
<li><a href="">Micromax Mobile</a></li>
<li><a href="">Nokia Mobile </a></li>
<li><a href=""> HTC Mobile </a></li>
<li><a href="">Sony Mobile </a></li>
<li><a href=""> Apple Mobile </a></li>
<li><a href=""> LG Mobile </a></li>
<li><a href="">Karbonn Mobile</a></li>
</ul>
<ul class="links">
<li><strong class="title">LAPTOPS:</strong></li>
<li><a href="">Apple Laptop </a></li>
<li><a href="">Acer Laptop </a></li>
<li><a href="">Samsung Laptop</a></li>
<li><a href="">Lenovo Laptop </a></li>
<li><a href="">Sony Laptop</a></li>
<li><a href="">Dell Laptop</a></li>
<li><a href="">Asus Laptop </a></li>
<li><a href=""> Toshiba Laptop</a></li>
<li><a href="">LG Laptop </a></li>
<li><a href="">HP Laptop</a></li>
<li><a href="">Notebook</a></li>
</ul>
<ul class="links">
<li><strong class="title">WATCHES:</strong></li>
<li><a href="">FCUK Watches</a></li>
<li><a href="">Titan Watches </a></li>
<li><a href=""> Casio Watches </a></li>
<li><a href=""> Fastrack Watches </a></li>
<li><a href="">Timex Watches </a></li>
<li><a href="">Fossil Watches</a></li>
<li><a href="">Diesel Watches </a></li>
<li><a href=""> Luxury Watches</a></li>
</ul>
<ul class="links">
<li><strong class="title">FOOTWEAR: </strong></li>
<li><a href="">Shoes </a></li>
<li><a href="">Casual Shoes </a></li>
<li><a href=""> Sports Shoes </a></li>
<li><a href="">Formal Shoes </a></li>
<li><a href=""> Adidas Shoes </a></li>
<li><a href="">Gas Shoes</a></li>
<li><a href=""> Puma Shoes</a></li>
<li><a href="">Reebok Shoes </a></li>
<li><a href="">Woodland Shoes </a></li>
<li><a href="">Red tape Shoes</a></li>
<li><a href="">Nike Shoes</a></li>
</ul>
</div>
<div class="footer-bottom">
<div class="links">
<ul>
<li><a href=""> Company Info – Partnerships </a></li>
</ul>
<ul>
<li><a href="">Online Shopping </a></li>
<li><a href="">Promotions </a></li>
<li><a href="">My Orders </a></li>
<li><a href="">Help </a></li>
<li><a href="">Site Map </a></li>
<li><a href="">Customer Service </a></li>
<li><a href="">Support </a></li>
</ul>
<ul>
<li><a href="">Most Populars </a></li>
<li><a href="">Best Sellers </a></li>
<li><a href="">New Arrivals </a></li>
<li><a href="">Special Products </a></li>
<li><a href=""> Manufacturers </a></li>
<li><a href="">Our Stores </a></li>
<li><a href="">Shipping </a></li>
<li><a href="">Payments </a></li>
<li><a href="">Payments </a></li>
<li><a href="">Refunds </a></li>
</ul>
<ul>
<li><a href="">Terms & Conditions </a></li>
<li><a href="">Policy </a></li>
<li><a href="">Policy </a></li>
<li><a href=""> Shipping </a></li>
<li><a href="">Payments </a></li>
<li><a href="">Returns </a></li>
<li><a href="">Refunds </a></li>
<li><a href="">Warrantee </a></li>
<li><a href="">FAQ </a></li>
<li><a href="">Contact </a></li>
</ul>
</div>
</div>
<div class="copyright">
Copyright © 2016 KoolShop. All Rights Reserved. Designed by KoolShop
</div>
</div>
</footer><!-- end FOOTER -->
<!--back-to-top -->
<a href="#" class="back-to-top">
<i aria-hidden="true" class="fa fa-angle-up"></i>
</a>
</div>
<!-- jQuery -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- sticky -->
<script type="text/javascript" src="js/jquery.sticky.js"></script>
<!-- OWL CAROUSEL Slider -->
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<!-- Boostrap -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- Countdown -->
<script type="text/javascript" src="js/jquery.countdown.min.js"></script>
<!--jquery Bxslider -->
<script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
<!-- actual -->
<script type="text/javascript" src="js/jquery.actual.min.js"></script>
<!-- jQuery UI -->
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<!-- Chosen jquery-->
<script type="text/javascript" src="js/chosen.jquery.min.js"></script>
<!-- parallax jquery-->
<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
<!-- elevatezoom -->
<script type="text/javascript" src="js/jquery.elevateZoom.min.js"></script>
<!-- fancybox -->
<script src="js/fancybox/source/jquery.fancybox.pack.js"></script>
<script src="js/fancybox/source/helpers/jquery.fancybox-media.js"></script>
<script src="js/fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>
<!-- arcticmodal -->
<script src="js/arcticmodal/jquery.arcticmodal.js"></script>
<!-- Main -->
<script type="text/javascript" src="js/main.js"></script>
<!-- Custom scripts -->
</body>
</html>