Files
c22712/Задания/task1/Lahin/DjangoProga/polls/templates/electronics/my-account.html
T
2023-05-22 13:36:25 +03:00

1256 lines
53 KiB
HTML
Raw 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 class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>My Account | Malias</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon
============================================ -->
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico">
<!-- Google Fonts
============================================ -->
<link href='https://fonts.googleapis.com/css?family=Raleway:400,600' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
<!-- Bootstrap CSS
============================================ -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Font awesome CSS
============================================ -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- owl.carousel CSS
============================================ -->
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<!-- nivo slider CSS
============================================ -->
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
<!-- meanmenu CSS
============================================ -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- jquery-ui CSS
============================================ -->
<link rel="stylesheet" href="css/jquery-ui.css">
<!-- animate CSS
============================================ -->
<link rel="stylesheet" href="css/animate.css">
<!-- main CSS
============================================ -->
<link rel="stylesheet" href="css/main.css">
<!-- style CSS
============================================ -->
<link rel="stylesheet" href="css/style.css">
<!-- responsive CSS
============================================ -->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!-- Add your site or application content here -->
<!-- HEADER-AREA START -->
<header class="header-area">
<!-- HEADER-TOP START -->
<div class="header-top hidden-xs">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<div class="top-menu">
<!-- Start Language -->
<ul class="language">
<li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English<i class="fa fa-caret-down left-5"></i></a>
<ul>
<li><a href="#"><img class="right-5" src="img/flags/fr.png" alt="#">French</a></li>
<li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English</a></li>
<li><a href="#"><img class="right-5" src="img/flags/gb.png" alt="#">English</a></li>
</ul>
</li>
</ul>
<!-- End Language -->
<!-- Start Currency -->
<ul class="currency">
<li><a href="#"><strong>$</strong> USD<i class="fa fa-caret-down left-5"></i></a>
<ul>
<li><a href="#">$ EUR</a></li>
<li><a href="#">$ GBP</a></li>
<li><a href="#">$ USD</a></li>
</ul>
</li>
</ul>
<!-- End Currency -->
<p class="welcome-msg">Default welcome msg!</p>
</div>
<!-- Start Top-Link -->
<div class="top-link">
<ul class="link">
<li><a href="my-account.html"><i class="fa fa-user"></i> My Account</a></li>
<li><a href="wishlist.html"><i class="fa fa-heart"></i> Wish List (0)</a></li>
<li><a href="checkout.html"><i class="fa fa-share"></i> Checkout</a></li>
<li><a href="account.html"><i class="fa fa-unlock-alt"></i> Login</a></li>
</ul>
</div>
<!-- End Top-Link -->
</div>
</div>
</div>
</div>
<!-- HEADER-TOP END -->
<!-- HEADER-MIDDLE START -->
<div class="header-middle">
<div class="container">
<!-- Start Support-Client -->
<div class="support-client hidden-xs">
<div class="row">
<!-- Start Single-Support -->
<div class="col-md-3 hidden-sm">
<div class="single-support">
<div class="support-content">
<i class="fa fa-clock-o"></i>
<div class="support-text">
<h1 class="zero gfont-1">working time</h1>
<p>Mon- Sun: 8.00 - 18.00</p>
</div>
</div>
</div>
</div>
<!-- End Single-Support -->
<!-- Start Single-Support -->
<div class="col-md-3 col-sm-4">
<div class="single-support">
<i class="fa fa-truck"></i>
<div class="support-text">
<h1 class="zero gfont-1">Free shipping</h1>
<p>On order over $199</p>
</div>
</div>
</div>
<!-- End Single-Support -->
<!-- Start Single-Support -->
<div class="col-md-3 col-sm-4">
<div class="single-support">
<i class="fa fa-money"></i>
<div class="support-text">
<h1 class="zero gfont-1">Money back 100%</h1>
<p>Within 30 Days after delivery</p>
</div>
</div>
</div>
<!-- End Single-Support -->
<!-- Start Single-Support -->
<div class="col-md-3 col-sm-4">
<div class="single-support">
<i class="fa fa-phone-square"></i>
<div class="support-text">
<h1 class="zero gfont-1">Phone: 0123456789</h1>
<p>Order Online Now !</p>
</div>
</div>
</div>
<!-- End Single-Support -->
</div>
</div>
<!-- End Support-Client -->
<!-- Start logo & Search Box -->
<div class="row">
<div class="col-md-3 col-sm-12">
<div class="logo">
<a href="index.html" title="Malias"><img src="img/logo.png" alt="Malias"></a>
</div>
</div>
<div class="col-md-9 col-sm-12">
<div class="quick-access">
<div class="search-by-category">
<div class="search-container">
<select>
<option class="all-cate">All Categories</option>
<optgroup class="cate-item-head" label="Cameras & Photography">
<option class="cate-item-title">Handbags</option>
<option class="c-item">Blouses And Shirts</option>
<option class="c-item">Clouthes</option>
</optgroup>
<optgroup class="cate-item-head" label="Laptop & Computer">
<option class="cate-item-title">Apple</option>
<option class="c-item">Dell</option>
<option class="c-item">Hp</option>
<option class="c-item">Sony</option>
</optgroup>
<optgroup class="cate-item-head" label="Electronic">
<option class="c-item">Mobile</option>
<option class="c-item">Speaker</option>
<option class="c-item">Headphone</option>
</optgroup>
</select>
</div>
<div class="header-search">
<form action="#">
<input type="text" placeholder="Search">
<button type="submit"><i class="fa fa-search"></i></button>
</form>
</div>
</div>
<div class="top-cart">
<ul>
<li>
<a href="cart.html">
<span class="cart-icon"><i class="fa fa-shopping-cart"></i></span>
<span class="cart-total">
<span class="cart-title">shopping cart</span>
<span class="cart-item">2 item(s)- </span>
<span class="top-cart-price">$365.00</span>
</span>
</a>
<div class="mini-cart-content">
<div class="cart-img-details">
<div class="cart-img-photo">
<a href="#"><img src="img/product/total-cart.jpg" alt="#"></a>
</div>
<div class="cart-img-content">
<a href="#"><h4>Prod Aldults</h4></a>
<span>
<strong class="text-right">1 x</strong>
<strong class="cart-price text-right">$180.00</strong>
</span>
</div>
<div class="pro-del">
<a href="#"><i class="fa fa-times"></i></a>
</div>
</div>
<div class="clear"></div>
<div class="cart-img-details">
<div class="cart-img-photo">
<a href="#"><img src="img/product/total-cart2.jpg" alt="#"></a>
</div>
<div class="cart-img-content">
<a href="#"><h4>Fact Prone</h4></a>
<span>
<strong class="text-right">1 x</strong>
<strong class="cart-price text-right">$185.00</strong>
</span>
</div>
<div class="pro-del">
<a href="#"><i class="fa fa-times"></i></a>
</div>
</div>
<div class="cart-inner-bottom">
<span class="total">
Total:
<span class="amount">$550.00</span>
</span>
<span class="cart-button-top">
<a href="cart.html">View Cart</a>
<a href="checkout.html">Checkout</a>
</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- End logo & Search Box -->
</div>
</div>
<!-- HEADER-MIDDLE END -->
<!-- START MAINMENU-AREA -->
<div class="mainmenu-area shop-page">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="mainmenu">
<nav>
<ul>
<li><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Home Versions 1</a></li>
<li><a href="index-2.html">Home Versions 2</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li class="hot"><a href="shop.html">Bestseller Products</a></li>
<li class="new"><a href="shop-list.html">New Products</a></li>
<li><a href="shop.html">Special Products</a></li>
<li><a href="#">Pages</a>
<ul>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="account.html">Create Account</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="product-details.html">Product details</a></li>
<li><a href="shop.html">Shop Grid View</a></li>
<li><a href="shop-list.html">Shop List View</a></li>
<li><a href="wishlist.html">Wish List</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<!-- END MAIN-MENU-AREA -->
<!-- Start Mobile-menu -->
<div class="mobile-menu-area no-margin hidden-md hidden-lg">
<div class="container">
<div class="row">
<div class="col-xs-12">
<nav id="mobile-menu">
<ul>
<li><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Home Page 1</a></li>
<li><a href="index-2.html">Home Page 2</a></li>
</ul>
</li>
<li><a href="about.html">About Us</a></li>
<li><a href="shop.html">Bestseller Products</a></li>
<li><a href="shop-list.html">New Products</a></li>
<li><a href="#">Pages</a>
<ul>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="account.html">Create Account</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="my-account.html">My Account</a></li>
<li><a href="product-details.html">Product details</a></li>
<li><a href="shop.html">Shop Grid View</a></li>
<li><a href="shop-list.html">Shop List View</a></li>
<li><a href="wishlist.html">Wish List</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- End Mobile-menu -->
</header>
<!-- HEADER AREA END -->
<!-- START PAGE-CONTENT -->
<section class="page-content">
<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="page-menu">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="my-account.html">My Account</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-md-3">
<!-- CATEGORY-MENU-LIST START -->
<div class="left-category-menu hidden-sm hidden-xs">
<div class="left-product-cat">
<div class="category-heading">
<h2>categories</h2>
</div>
<div class="category-menu-list">
<ul>
<!-- Single menu start -->
<li class="arrow-plus">
<a href="#">Cameras & Photography</a>
<!-- MEGA MENU START -->
<div class="cat-left-drop-menu">
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Handbags</a>
<ul>
<li><a href="#">Blouses And Shirts</a></li>
<li><a href="#">Clutches</a></li>
<li><a href="#">Cross Body</a></li>
<li><a href="#">Satchels</a></li>
<li><a href="#">Sholuder</a></li>
<li><a href="#">Toter</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Tops</a>
<ul>
<li><a href="#">Evening</a></li>
<li><a href="#">Long Sleeved</a></li>
<li><a href="#">Short Sleeved</a></li>
<li><a href="#">Sleeveless</a></li>
<li><a href="#">T-Shirts</a></li>
<li><a href="#">Tanks And Camis</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Dresses</a>
<ul>
<li><a href="#">Belts</a></li>
<li><a href="#">Cocktail</a></li>
<li><a href="#">Day</a></li>
<li><a href="#">Evening</a></li>
<li><a href="#">Sundresses</a></li>
<li><a href="#">Sweater</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Accessories</a>
<ul>
<li><a href="#">Bras</a></li>
<li><a href="#">Hair Accessories</a></li>
<li><a href="#">Hats And Gloves</a></li>
<li><a href="#">Lifestyle</a></li>
<li><a href="#">Scarves</a></li>
<li><a href="#">Small Leathers</a></li>
</ul>
</div>
</div>
<!-- MEGA MENU END -->
</li>
<!-- Single menu end -->
<!-- Single menu start -->
<li class="arrow-plus">
<a href="#">Tv & Audio</a>
<!-- MEGA MENU START -->
<div class="cat-left-drop-menu">
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">BAGS</a>
<ul>
<li><a href="#">Blazers</a></li>
<li><a href="#">Bootees Bags</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">CLOTHING</a>
<ul>
<li><a href="#">Blazers</a></li>
<li><a href="#">Bootees Bags</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">LINGERIE</a>
<ul>
<li><a href="#">Blazers</a></li>
<li><a href="#">Bootees Bags</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Shoes</a>
<ul>
<li><a href="#">Blazers</a></li>
<li><a href="#">Bootees Bags</a></li>
<li><a href="#">Jackets</a></li>
<li><a href="#">Shoes</a></li>
</ul>
</div>
</div>
<!-- MEGA MENU END -->
</li>
<!-- Single menu end -->
<!-- Single menu start -->
<li class="arrow-plus">
<a href="#">SmartPhones & Tablets</a>
<!-- MEGA MENU START -->
<div class="cat-left-drop-menu cat-left-drop-menu-photo-contain">
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">Women</a>
<ul>
<li><a href="#">Belts</a></li>
<li><a href="#">Jewelry</a></li>
<li><a href="#">Socks</a></li>
<li><a href="#">Sunglasses</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left">
<a class="menu-item-heading" href="#">CLOTHING</a>
<ul>
<li><a href="#">Boots</a></li>
<li><a href="#">Brands We Love</a></li>
<li><a href="#">Casuals</a></li>
<li><a href="#">Gifts And Tech</a></li>
<li><a href="#">Gifts And Tech</a></li>
<li><a href="#">Slippers</a></li>
<li><a href="#">Speakers</a></li>
</ul>
</div>
<div class="cat-left-drop-menu-left cat-left-drop-menu-photo">
<a href="#"><img src="img/megamenu/vmega_blog1.jpg" alt="Product"></a>
</div>
</div>
<!-- MEGA MENU END -->
</li>
<!-- Single menu end -->
<!-- Single menu start -->
<li>
<a href="#">Laptop & Computer</a>
</li>
<!-- Single menu end -->
<!-- Single menu start -->
<li><a href="#">Sony</a></li>
<!-- Single menu end -->
<!-- Single menu start -->
<li><a href="#">Mobile</a></li>
<!-- Single menu end -->
<!-- Single menu start -->
<li><a href="#">Sports</a></li>
<!-- Single menu end -->
<!-- MENU ACCORDION START -->
<li class=" rx-child">
<a href="#">Books</a>
</li>
<li class=" rx-parent">
<a class="rx-default">
More categories <span class="cat-thumb fa fa-plus"></span>
</a>
<a class="rx-show">
close menu <span class="cat-thumb fa fa-minus"></span>
</a>
</li>
<!-- MENU ACCORDION END -->
</ul>
</div>
</div>
</div>
<!-- END CATEGORY-MENU-LIST -->
</div>
<div class="col-md-9">
<!-- START PRODUCT-BANNER -->
<div class="product-banner">
<div class="row">
<div class="col-xs-12">
<div class="banner">
<a href="#"><img src="img/banner/12.jpg" alt="Product Banner"></a>
</div>
</div>
</div>
</div>
<!-- END PRODUCT-BANNER -->
<!-- entry-header-area start -->
<div class="entry-header-area">
<div class="row">
<div class="col-md-12">
<div class="entry-header">
<h2 class="entry-title">My Account</h2>
</div>
</div>
</div>
</div>
<!-- entry-header-area end -->
<!-- Start checkout-area -->
<div class="checkout-area">
<div class="row">
<div class="col-md-12">
<!-- Accordion start -->
<div class="panel-group" id="accordion">
<!-- Start My-First-Address -->
<div class="panel panel_default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-trigger" data-toggle="collapse" data-parent="#accordion" href="#payment-address">My First Address <i class="fa fa-caret-down"></i> </a>
</h4>
</div>
<div id="payment-address" class="collapse">
<div class="panel-body">
<div class="row">
<div class="col-md-6 col-xs-12">
<fieldset id="account">
<legend>Your Personal Details</legend>
<div class="form-group">
<label><sup>*</sup>First Name</label>
<input type="text" class="form-control" placeholder="Salim" name="firstname" />
</div>
<div class="form-group">
<label><sup>*</sup>Last Name</label>
<input type="text" class="form-control" placeholder="Rana" name="lastname" />
</div>
<div class="form-group">
<label><sup>*</sup>E-mail</label>
<input type="email" class="form-control" placeholder="E-mail" name="email" />
</div>
<div class="form-group">
<label><sup>*</sup>Telephone</label>
<input type="text" class="form-control" placeholder="Telephone" name="telephone" />
</div>
<div class="form-group">
<label>Fax</label>
<input type="text" class="form-control" placeholder="Fax" name="fax" />
</div>
</fieldset>
<fieldset>
<legend>Additional information</legend>
<textarea class="form-control" rows="6"></textarea>
</fieldset>
</div>
<div class="col-md-6 col-xs-12">
<fieldset id="address">
<legend>Your Address</legend>
<div class="form-group">
<label>Company</label>
<input type="text" class="form-control" placeholder="Company" name="company" />
</div>
<div class="form-group">
<label><sup>*</sup>Address 1</label>
<input type="text" class="form-control" placeholder="Address 1" name="Address_1" />
</div>
<div class="form-group">
<label>Address 2</label>
<input type="text" class="form-control" placeholder="Address 2" name="Address_2" />
</div>
<div class="form-group">
<label>Date of Birth</label>
<div class="row">
<div class="col-xs-4">
<select class="form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
</select>
</div>
<div class="col-xs-4">
<select class="form-control">
<option>January</option>
<option>February </option>
<option>March </option>
<option>April </option>
<option>May </option>
<option>June </option>
<option>July </option>
<option>August </option>
<option>September </option>
<option>October </option>
<option>November </option>
<option>December </option>
</select>
</div>
<div class="col-xs-4">
<select class="form-control">
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option>
<option>2013</option>
<option>2014</option>
<option>2016</option>
<option>2016</option>
<option>2017</option>
<option>2018</option>
<option>2019</option>
<option>2020</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label><sup>*</sup>City</label>
<input type="text" class="form-control" placeholder="City" name="city" />
</div>
<div class="form-group">
<label><sup>*</sup>Post Code</label>
<input type="text" class="form-control" placeholder="Post Code" name="postcode" />
</div>
<div class="form-group">
<label><sup>*</sup>Country</label>
<select class="form-control">
<option> --- Please Select --- </option>
<option> Bangladesh </option>
<option> United States </option>
<option> United Kingdom </option>
<option> Canada </option>
<option> Malaysia </option>
<option> United Arab Emirates </option>
</select>
</div>
<div class="form-group">
<label><sup>*</sup>Region / State</label>
<select class="form-control">
<option> --- Please Select --- </option>
<option> Aberdeen </option>
<option> Bedfordshire </option>
<option> Caerphilly </option>
<option> Denbighshire </option>
<option> East Ayrshire </option>
<option> Falkirk </option>
</select>
</div>
</fieldset>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="checkbox">
<label>
<input type="checkbox" name="newsletter" checked />
I wish to subscribe to the Malias newsletter.
</label>
</div>
<div class="buttons clearfix">
<div class="pull-right">
I have read and agree to the
<a href="#"><b>Privacy Policy</b></a>
<input type="checkbox" name="agree" />
<input type="button" class="btn btn-primary" value="Save" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End My-First-Address -->
<!-- Start Order History And Details -->
<div class="panel panel_default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-trigger collapsed" data-toggle="collapse" data-parent="#accordion" href="#checkout-confirm">Order History And Details <i class="fa fa-caret-down"></i> </a>
</h4>
</div>
<div id="checkout-confirm" class="collapse">
<div class="panel-body">
<!-- Start Table -->
<div class="table-responsive">
<table class="table table-bordered">
<thead>
<tr>
<td class="text-center">Image</td>
<td class="text-left">Product Name</td>
<td class="text-left">Model</td>
<td class="text-left">Quantity</td>
<td class="text-right">Unit Price</td>
<td class="text-right">Total</td>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">
<a href="#"><img class="img-thumbnail" src="img/product/cart/1.jpg" alt="#" /></a>
</td>
<td class="text-left">
<a href="#">More-Or-Less</a>
</td>
<td class="text-left">Product 14</td>
<td class="text-left">
<div class="btn-block cart-put">
<input type="text" class="form-control" />
<div class="input-group-btn cart-buttons">
<button class="btn btn-primary" data-toggle="tooltip" title="Update">
<i class="fa fa-refresh"></i>
</button>
<button class="btn btn-danger" data-toggle="tooltip" title="Remove">
<i class="fa fa-times-circle"></i>
</button>
</div>
</div>
</td>
<td class="text-right">$100.00</td>
<td class="text-right">$100.00</td>
</tr>
<tr>
<td class="text-center">
<a href="#"><img class="img-thumbnail" src="img/product/cart/2.jpg" alt="#" /></a>
</td>
<td class="text-left">
<a href="#">More-Or-Less</a>
</td>
<td class="text-left">Product 14</td>
<td class="text-left">
<div class="btn-block cart-put">
<input type="text" class="form-control" />
<div class="input-group-btn cart-buttons">
<button class="btn btn-primary" data-toggle="tooltip" title="Update" >
<i class="fa fa-refresh"></i>
</button>
<button class="btn btn-danger" data-toggle="tooltip" title="Remove">
<i class="fa fa-times-circle"></i>
</button>
</div>
</div>
</td>
<td class="text-right">$100.00</td>
<td class="text-right">$100.00</td>
</tr>
</tbody>
<tfoot>
<tr>
<td class="text-right" colspan="5">
<strong>Sub-Total:</strong>
</td>
<td class="text-right">$200.00</td>
</tr>
<tr>
<td class="text-right" colspan="5">
<strong>Flat Shipping Rate:</strong>
</td>
<td class="text-right">$5.00</td>
</tr>
<tr>
<td class="text-right" colspan="5">
<strong>Flat Shipping Rate:</strong>
</td>
<td class="text-right">$5.00</td>
</tr>
</tfoot>
</table>
</div>
<!-- End Table -->
<div class="buttons pull-right">
<input type="button" class="btn btn-primary" value="Confirm Order" />
</div>
</div>
</div>
</div>
<!-- End Order History And Details -->
<!-- Start My Address -->
<div class="panel panel_default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-trigger collapsed" data-toggle="collapse" data-parent="#accordion" href="#shipping-address">My Address <i class="fa fa-caret-down"></i> </a>
</h4>
</div>
<div id="shipping-address" class="collapse">
<div class="panel-body">
<div class="form-horizontal">
<div class="form-group">
<label class="col-sm-2 control-label"><sup>*</sup>First Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="First Name" name="firstname" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><sup>*</sup>Last Name</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="Last Name" name="lastname" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Company</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="Company" name="company" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><sup>*</sup>Address 1</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="Address 1" name="address_1" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Address 2</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="Address 2" name="address_2" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><sup>*</sup>City</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="City" name="city" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><sup>*</sup>Post Code</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="Post Code" name="postcode" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><sup>*</sup>Country</label>
<div class="col-sm-10">
<select class="form-control">
<option> --- Please Select --- </option>
<option> Bangladesh </option>
<option> United States </option>
<option> United Kingdom </option>
<option> Canada </option>
<option> Malaysia </option>
<option> United Arab Emirates </option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label"><sup>*</sup>Region / State</label>
<div class="col-sm-10">
<select class="form-control">
<option> --- Please Select --- </option>
<option> Dhaka </option>
<option> New York </option>
<option> London </option>
<option> Canada </option>
<option> Malaysia </option>
<option> United Arab Emirates </option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End My Address -->
<!-- Start My Wish List -->
<div class="panel panel_default">
<div class="panel-heading">
<h4 class="panel-title">
<a class="accordion-trigger collapsed" data-toggle="collapse" data-parent="#accordion" href="#payment-method">My Wish List <i class="fa fa-caret-down"></i> </a>
</h4>
</div>
<div id="payment-method" class="collapse">
<div class="panel-body">
<div class="table-responsive">
<table class="table table-bordered table-hover">
<thead>
<tr>
<td class="text-center">Image</td>
<td class="text-left">Product Name</td>
<td class="text-left">Model</td>
<td class="text-right">Stock</td>
<td class="text-right">Unit Price</td>
<td class="text-right">Action</td>
</tr>
</thead>
<tbody>
<tr>
<td class="text-center">
<a href="#"><img src="img/product/cart/3.jpg" alt="#" /></a>
</td>
<td class="text-left">
<a href="#">Prod Aldults</a>
</td>
<td class="text-left">Product 9</td>
<td class="text-right">In Stock</td>
<td class="text-right">
<div class="price-box">
<span class="price">$100.00</span>
</div>
</td>
<td class="text-right">
<button class="btn btn-primary" data-toggle="tooltip" title="Add to Cart" type="button">
<i class="fa fa-shopping-cart"></i>
</button>
<a href="#" class="btn btn-danger" data-toggle="tooltip" title="Remove">
<i class="fa fa-times"></i>
</a>
</td>
</tr>
<tr>
<td class="text-center">
<a href="#"><img src="img/product/cart/4.jpg" alt="#" /></a>
</td>
<td class="text-left">
<a href="#">Prod Aldults</a>
</td>
<td class="text-left">Product 9</td>
<td class="text-right">In Stock</td>
<td class="text-right">
<div class="price-box">
<span class="price">$45.00</span>
<span class="old-price">$100.00</span>
</div>
</td>
<td class="text-right">
<button class="btn btn-primary" data-toggle="tooltip" title="Add to Cart" type="button">
<i class="fa fa-shopping-cart"></i>
</button>
<a href="#" class="btn btn-danger" data-toggle="tooltip" title="Remove">
<i class="fa fa-times"></i>
</a>
</td>
</tr>
</tbody>
</table>
</div>
<div class="buttons clearfix pull-right">
<a href="#" class="btn btn-primary">Save</a>
</div>
</div>
</div>
</div>
<!-- End My Wish List -->
</div>
<!-- Accordion end -->
</div>
</div>
</div>
<!-- End Shopping-Cart -->
<!-- My-Account-Area start -->
<div class="my-account-area">
<div class="row">
<div class="col-md-6">
</div>
</div>
</div>
<!-- My-Account-Area end -->
</div>
</div>
</div>
<!-- START BRAND-LOGO-AREA -->
<div class="brand-logo-area carosel-navigation">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="area-title">
<h3 class="title-group border-red gfont-1">Brand Logo</h3>
</div>
</div>
</div>
<div class="row">
<div class="active-brand-logo">
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/1.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/2.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/3.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/4.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/5.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/6.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/1.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/2.png" alt=""></a>
</div>
</div>
<div class="col-md-2">
<div class="single-brand-logo">
<a href="#"><img src="img/brand/3.png" alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END BRAND-LOGO-AREA -->
<!-- START SUBSCRIBE-AREA -->
<div class="subscribe-area">
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-7 col-xs-12">
<label class="hidden-sm hidden-xs">Sign Up for Our Newsletter:</label>
<div class="subscribe">
<form action="#">
<input type="text" placeholder="Enter Your E-mail">
<button type="submit">Subscribe</button>
</form>
</div>
</div>
<div class="col-md-4 col-sm-5 col-xs-12">
<div class="social-media">
<a href="#"><i class="fa fa-facebook fb"></i></a>
<a href="#"><i class="fa fa-google-plus gp"></i></a>
<a href="#"><i class="fa fa-twitter tt"></i></a>
<a href="#"><i class="fa fa-youtube yt"></i></a>
<a href="#"><i class="fa fa-linkedin li"></i></a>
<a href="#"><i class="fa fa-rss rs"></i></a>
</div>
</div>
</div>
</div>
</div>
<!-- END SUBSCRIBE-AREA -->
</section>
<!-- END PAGE-CONTENT -->
<!-- FOOTER-AREA START -->
<footer class="footer-area">
<!-- Footer Start -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-3">
<div class="footer-title">
<h5>My Account</h5>
</div>
<nav>
<ul class="footer-content">
<li><a href="my-account.html">My Account</a></li>
<li><a href="#">Order History</a></li>
<li><a href="wishlist">Wish List</a></li>
<li><a href="#">Search Terms</a></li>
<li><a href="#">Returns</a></li>
</ul>
</nav>
</div>
<div class="col-xs-12 col-sm-4 col-md-3">
<div class="footer-title">
<h5>Customer Service</h5>
</div>
<nav>
<ul class="footer-content">
<li><a href="contact.html">Contact Us</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="#">Delivery Information</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
</ul>
</nav>
</div>
<div class="col-xs-12 hidden-sm col-md-3">
<div class="footer-title">
<h5>Payment & Shipping</h5>
</div>
<nav>
<ul class="footer-content">
<li><a href="#">Brands</a></li>
<li><a href="#">Gift Vouchers</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="shop-list.html">Specials</a></li>
<li><a href="#">Search Terms</a></li>
</ul>
</nav>
</div>
<div class="col-xs-12 col-sm-4 col-md-3">
<div class="footer-title">
<h5>Payment & Shipping</h5>
</div>
<nav>
<ul class="footer-content box-information">
<li>
<i class="fa fa-home"></i><span>Towerthemes, 1234 Stret Lorem, LPA States, Libero</span>
</li>
<li>
<i class="fa fa-envelope-o"></i><p><a href="contact.html">admin@bootexperts.com</a></p>
</li>
<li>
<i class="fa fa-phone"></i>
<span>01234-56789</span> <br> <span> 01234-56789</span>
</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- Footer End -->
<!-- Copyright-area Start -->
<div class="copyright-area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="copyright">
<p>Copyright &copy; Взято с <a href="http://bayguzin.ru" target="_blank"> bayguzin.ru</a> All rights reserved.</p>
<div class="payment">
<a href="#"><img src="img/payment.png" alt="Payment"></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Copyright-area End -->
</footer>
<!-- FOOTER-AREA END -->
<!-- jquery
============================================ -->
<script src="js/jquery-1.11.3.min.js"></script>
<!-- bootstrap JS
============================================ -->
<script src="js/bootstrap.min.js"></script>
<!-- wow JS
============================================ -->
<script src="js/wow.min.js"></script>
<!-- meanmenu JS
============================================ -->
<script src="js/jquery.meanmenu.js"></script>
<!-- owl.carousel JS
============================================ -->
<script src="js/owl.carousel.min.js"></script>
<!-- scrollUp JS
============================================ -->
<script src="js/jquery.scrollUp.min.js"></script>
<!-- countdon.min JS
============================================ -->
<script src="js/countdon.min.js"></script>
<!-- jquery-price-slider js
============================================ -->
<script src="js/jquery-price-slider.js"></script>
<!-- Nivo slider js
============================================ -->
<script src="js/jquery.nivo.slider.js" type="text/javascript"></script>
<!-- plugins JS
============================================ -->
<script src="js/plugins.js"></script>
<!-- main JS
============================================ -->
<script src="js/main.js"></script>
</body>
</html>