5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <meta name="description" content="">
7 <meta name="author" content="">
8 <title>Cart | E-Shopper</title>
9 <link href="css/bootstrap.min.css" rel="stylesheet">
10 <link href="css/font-awesome.min.css" rel="stylesheet">
11 <link href="css/prettyPhoto.css" rel="stylesheet">
12 <link href="css/price-range.css" rel="stylesheet">
13 <link href="css/animate.css" rel="stylesheet">
14 <link href="css/main.css" rel="stylesheet">
15 <link href="css/responsive.css" rel="stylesheet">
17 <script src="js/html5shiv.js"></script>
18 <script src="js/respond.min.js"></script>
20 <link rel="shortcut icon" href="images/ico/favicon.ico">
21 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
22 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
23 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
24 <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
28 <header id="header"><!--header-->
29 <div class="header_top"><!--header_top-->
30 <div class="container">
32 <div class="col-sm-6">
33 <div class="contactinfo">
34 <ul class="nav nav-pills">
35 <li><a href=""><i class="fa fa-phone"></i> +2 95 01 88 821</a></li>
36 <li><a href=""><i class="fa fa-envelope"></i> info@domain.com</a></li>
40 <div class="col-sm-6">
41 <div class="social-icons pull-right">
42 <ul class="nav navbar-nav">
43 <li><a href=""><i class="fa fa-facebook"></i></a></li>
44 <li><a href=""><i class="fa fa-twitter"></i></a></li>
45 <li><a href=""><i class="fa fa-linkedin"></i></a></li>
46 <li><a href=""><i class="fa fa-dribbble"></i></a></li>
47 <li><a href=""><i class="fa fa-google-plus"></i></a></li>
53 </div><!--/header_top-->
55 <div class="header-middle"><!--header-middle-->
56 <div class="container">
58 <div class="col-sm-4">
59 <div class="logo pull-left">
60 <a href="index.html"><img src="images/home/logo.png" alt="" /></a>
62 <div class="btn-group pull-right">
63 <div class="btn-group">
64 <button type="button" class="btn btn-default dropdown-toggle usa" data-toggle="dropdown">
66 <span class="caret"></span>
68 <ul class="dropdown-menu">
69 <li><a href="">Canada</a></li>
70 <li><a href="">UK</a></li>
74 <div class="btn-group">
75 <button type="button" class="btn btn-default dropdown-toggle usa" data-toggle="dropdown">
77 <span class="caret"></span>
79 <ul class="dropdown-menu">
80 <li><a href="">Canadian Dollar</a></li>
81 <li><a href="">Pound</a></li>
86 <div class="col-sm-8">
87 <div class="shop-menu pull-right">
88 <ul class="nav navbar-nav">
89 <li><a href=""><i class="fa fa-user"></i> Account</a></li>
90 <li><a href=""><i class="fa fa-star"></i> Wishlist</a></li>
91 <li><a href="checkout.html"><i class="fa fa-crosshairs"></i> Checkout</a></li>
92 <li><a href="cart.html" class="active"><i class="fa fa-shopping-cart"></i> Cart</a></li>
93 <li><a href="login.html"><i class="fa fa-lock"></i> Login</a></li>
99 </div><!--/header-middle-->
101 <div class="header-bottom"><!--header-bottom-->
102 <div class="container">
104 <div class="col-sm-9">
105 <div class="navbar-header">
106 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
107 <span class="sr-only">Toggle navigation</span>
108 <span class="icon-bar"></span>
109 <span class="icon-bar"></span>
110 <span class="icon-bar"></span>
113 <div class="mainmenu pull-left">
114 <ul class="nav navbar-nav collapse navbar-collapse">
115 <li><a href="index.html">Home</a></li>
116 <li class="dropdown"><a href="#">Shop<i class="fa fa-angle-down"></i></a>
117 <ul role="menu" class="sub-menu">
118 <li><a href="shop.html">Products</a></li>
119 <li><a href="product-details.html">Product Details</a></li>
120 <li><a href="checkout.html">Checkout</a></li>
121 <li><a href="cart.html" class="active">Cart</a></li>
122 <li><a href="login.html">Login</a></li>
125 <li class="dropdown"><a href="#">Blog<i class="fa fa-angle-down"></i></a>
126 <ul role="menu" class="sub-menu">
127 <li><a href="blog.html">Blog List</a></li>
128 <li><a href="blog-single.html">Blog Single</a></li>
131 <li><a href="404.html">404</a></li>
132 <li><a href="contact-us.html">Contact</a></li>
136 <div class="col-sm-3">
137 <div class="search_box pull-right">
138 <input type="text" placeholder="Search"/>
143 </div><!--/header-bottom-->
144 </header><!--/header-->
146 <section id="cart_items">
147 <div class="container">
148 <div class="breadcrumbs">
149 <ol class="breadcrumb">
150 <li><a href="#">Home</a></li>
151 <li class="active">Shopping Cart</li>
154 <div class="table-responsive cart_info">
155 <table class="table table-condensed">
157 <tr class="cart_menu">
158 <td class="image">Item</td>
159 <td class="description"></td>
160 <td class="price">Price</td>
161 <td class="quantity">Quantity</td>
162 <td class="total">Total</td>
168 <td class="cart_product">
169 <a href=""><img src="images/cart/one.png" alt=""></a>
171 <td class="cart_description">
172 <h4><a href="">Colorblock Scuba</a></h4>
173 <p>Web ID: 1089772</p>
175 <td class="cart_price">
178 <td class="cart_quantity">
179 <div class="cart_quantity_button">
180 <a class="cart_quantity_up" href=""> + </a>
181 <input class="cart_quantity_input" type="text" name="quantity" value="1" autocomplete="off" size="2">
182 <a class="cart_quantity_down" href=""> - </a>
185 <td class="cart_total">
186 <p class="cart_total_price">$59</p>
188 <td class="cart_delete">
189 <a class="cart_quantity_delete" href=""><i class="fa fa-times"></i></a>
194 <td class="cart_product">
195 <a href=""><img src="images/cart/two.png" alt=""></a>
197 <td class="cart_description">
198 <h4><a href="">Colorblock Scuba</a></h4>
199 <p>Web ID: 1089772</p>
201 <td class="cart_price">
204 <td class="cart_quantity">
205 <div class="cart_quantity_button">
206 <a class="cart_quantity_up" href=""> + </a>
207 <input class="cart_quantity_input" type="text" name="quantity" value="1" autocomplete="off" size="2">
208 <a class="cart_quantity_down" href=""> - </a>
211 <td class="cart_total">
212 <p class="cart_total_price">$59</p>
214 <td class="cart_delete">
215 <a class="cart_quantity_delete" href=""><i class="fa fa-times"></i></a>
219 <td class="cart_product">
220 <a href=""><img src="images/cart/three.png" alt=""></a>
222 <td class="cart_description">
223 <h4><a href="">Colorblock Scuba</a></h4>
224 <p>Web ID: 1089772</p>
226 <td class="cart_price">
229 <td class="cart_quantity">
230 <div class="cart_quantity_button">
231 <a class="cart_quantity_up" href=""> + </a>
232 <input class="cart_quantity_input" type="text" name="quantity" value="1" autocomplete="off" size="2">
233 <a class="cart_quantity_down" href=""> - </a>
236 <td class="cart_total">
237 <p class="cart_total_price">$59</p>
239 <td class="cart_delete">
240 <a class="cart_quantity_delete" href=""><i class="fa fa-times"></i></a>
247 </section> <!--/#cart_items-->
249 <section id="do_action">
250 <div class="container">
251 <div class="heading">
252 <h3>What would you like to do next?</h3>
253 <p>Choose if you have a discount code or reward points you want to use or would like to estimate your delivery cost.</p>
256 <div class="col-sm-6">
257 <div class="chose_area">
258 <ul class="user_option">
260 <input type="checkbox">
261 <label>Use Coupon Code</label>
264 <input type="checkbox">
265 <label>Use Gift Voucher</label>
268 <input type="checkbox">
269 <label>Estimate Shipping & Taxes</label>
272 <ul class="user_info">
273 <li class="single_field">
274 <label>Country:</label>
276 <option>United States</option>
277 <option>Bangladesh</option>
279 <option>India</option>
280 <option>Pakistan</option>
281 <option>Ucrane</option>
282 <option>Canada</option>
283 <option>Dubai</option>
287 <li class="single_field">
288 <label>Region / State:</label>
290 <option>Select</option>
291 <option>Dhaka</option>
292 <option>London</option>
293 <option>Dillih</option>
294 <option>Lahore</option>
295 <option>Alaska</option>
296 <option>Canada</option>
297 <option>Dubai</option>
301 <li class="single_field zip-field">
302 <label>Zip Code:</label>
306 <a class="btn btn-default update" href="">Get Quotes</a>
307 <a class="btn btn-default check_out" href="">Continue</a>
310 <div class="col-sm-6">
311 <div class="total_area">
313 <li>Cart Sub Total <span>$59</span></li>
314 <li>Eco Tax <span>$2</span></li>
315 <li>Shipping Cost <span>Free</span></li>
316 <li>Total <span>$61</span></li>
318 <a class="btn btn-default update" href="">Update</a>
319 <a class="btn btn-default check_out" href="">Check Out</a>
324 </section><!--/#do_action-->
326 <footer id="footer"><!--Footer-->
327 <div class="footer-top">
328 <div class="container">
330 <div class="col-sm-2">
331 <div class="companyinfo">
332 <h2><span>e</span>-shopper</h2>
333 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor</p>
336 <div class="col-sm-7">
337 <div class="col-sm-3">
338 <div class="video-gallery text-center">
340 <div class="iframe-img">
341 <img src="images/home/iframe1.png" alt="" />
343 <div class="overlay-icon">
344 <i class="fa fa-play-circle-o"></i>
347 <p>Circle of Hands</p>
352 <div class="col-sm-3">
353 <div class="video-gallery text-center">
355 <div class="iframe-img">
356 <img src="images/home/iframe2.png" alt="" />
358 <div class="overlay-icon">
359 <i class="fa fa-play-circle-o"></i>
362 <p>Circle of Hands</p>
367 <div class="col-sm-3">
368 <div class="video-gallery text-center">
370 <div class="iframe-img">
371 <img src="images/home/iframe3.png" alt="" />
373 <div class="overlay-icon">
374 <i class="fa fa-play-circle-o"></i>
377 <p>Circle of Hands</p>
382 <div class="col-sm-3">
383 <div class="video-gallery text-center">
385 <div class="iframe-img">
386 <img src="images/home/iframe4.png" alt="" />
388 <div class="overlay-icon">
389 <i class="fa fa-play-circle-o"></i>
392 <p>Circle of Hands</p>
397 <div class="col-sm-3">
398 <div class="address">
399 <img src="images/home/map.png" alt="" />
400 <p>505 S Atlantic Ave Virginia Beach, VA(Virginia)</p>
407 <div class="footer-widget">
408 <div class="container">
410 <div class="col-sm-2">
411 <div class="single-widget">
413 <ul class="nav nav-pills nav-stacked">
414 <li><a href="">Online Help</a></li>
415 <li><a href="">Contact Us</a></li>
416 <li><a href="">Order Status</a></li>
417 <li><a href="">Change Location</a></li>
418 <li><a href="">FAQ’s</a></li>
422 <div class="col-sm-2">
423 <div class="single-widget">
425 <ul class="nav nav-pills nav-stacked">
426 <li><a href="">T-Shirt</a></li>
427 <li><a href="">Mens</a></li>
428 <li><a href="">Womens</a></li>
429 <li><a href="">Gift Cards</a></li>
430 <li><a href="">Shoes</a></li>
434 <div class="col-sm-2">
435 <div class="single-widget">
437 <ul class="nav nav-pills nav-stacked">
438 <li><a href="">Terms of Use</a></li>
439 <li><a href="">Privecy Policy</a></li>
440 <li><a href="">Refund Policy</a></li>
441 <li><a href="">Billing System</a></li>
442 <li><a href="">Ticket System</a></li>
446 <div class="col-sm-2">
447 <div class="single-widget">
448 <h2>About Shopper</h2>
449 <ul class="nav nav-pills nav-stacked">
450 <li><a href="">Company Information</a></li>
451 <li><a href="">Careers</a></li>
452 <li><a href="">Store Location</a></li>
453 <li><a href="">Affillate Program</a></li>
454 <li><a href="">Copyright</a></li>
458 <div class="col-sm-3 col-sm-offset-1">
459 <div class="single-widget">
460 <h2>About Shopper</h2>
461 <form action="#" class="searchform">
462 <input type="text" placeholder="Your email address" />
463 <button type="submit" class="btn btn-default"><i class="fa fa-arrow-circle-o-right"></i></button>
464 <p>Get the most recent updates from <br />our site and be updated your self...</p>
473 <div class="footer-bottom">
474 <div class="container">
476 <p class="pull-left">Copyright © 2013 E-SHOPPER Inc. All rights reserved.</p>
477 <p class="pull-right">Designed by <span><a target="_blank" href="http://www.themeum.com">Themeum</a></span></p>
482 </footer><!--/Footer-->
486 <script src="js/jquery.js"></script>
487 <script src="js/bootstrap.min.js"></script>
488 <script src="js/jquery.scrollUp.min.js"></script>
489 <script src="js/jquery.prettyPhoto.js"></script>
490 <script src="js/main.js"></script>