home *** CD-ROM | disk | FTP | other *** search
/ 74.208.221.89 / 74.208.221.89.zip / 74.208.221.89 / shopping-cart.aspx < prev    next >
Text File  |  2015-03-28  |  18KB  |  314 lines
  1. ∩╗┐<!DOCTYPE html>
  2. <html lang="en">
  3. <!--#include file="header.ascx" -->
  4. <body id="home" class="wide">
  5.     <!-- PRELOADER -->
  6.     <!--#include file="preloader.ascx" -->
  7.     <!-- /PRELOADER -->
  8.     <!-- WRAPPER -->
  9.     <div class="wrapper">
  10.         <!--#include file="shoppingcart.ascx" -->
  11.         <!-- /Popup: Shopping cart items -->
  12.         <!--#include file="topbar.ascx" -->
  13.         <!-- /Header top bar -->
  14.         <!--#include file="headersearch.ascx" -->
  15.         <!-- CONTENT AREA -->
  16.         <div class="content-area">
  17.  
  18.             <!-- BREADCRUMBS -->
  19.             <section class="page-section breadcrumbs">
  20.                 <div class="container">
  21.                     <div class="page-header">
  22.                         <h1>Shopping Cart</h1>
  23.                     </div>
  24.                     <ul class="breadcrumb">
  25.                         <li><a href="#">Home</a></li>
  26.                         <li><a href="#">Shop</a></li>
  27.                         <li class="active">Shopping Cart</li>
  28.                     </ul>
  29.                 </div>
  30.             </section>
  31.             <!-- /BREADCRUMBS -->
  32.             <!-- PAGE -->
  33.             <section class="page-section color">
  34.                 <div class="container">
  35.  
  36.                     <h3 class="block-title alt"><i class="fa fa-angle-down color"></i>1. Account</h3>
  37.                     <form action="#" class="form-sign-in">
  38.                         <div class="row ">
  39.                            
  40.                             <div class="col-md-6">
  41.                                 <div class="form-group"><input class="form-control" type="text" placeholder="User name or email"></div>
  42.                             </div>
  43.                             <div class="col-md-6">
  44.                                 <div class="form-group"><input class="form-control" type="password" placeholder="Your password"></div>
  45.                             </div>
  46.                             <div class="col-md-6">
  47.                                 <div class="checkbox">
  48.                                     <label>
  49.                                         <input type="checkbox"> Remember me
  50.                                     </label>
  51.                                 </div>
  52.                             </div>
  53.                             <div class="col-md-6 text-right-md">
  54.                                 <a class="forgot-password" href="#">Forgot your password ?</a>
  55.                             </div>
  56.                             <div class="col-md-12">
  57.                                 <p class="btn-row"><a class="btn btn-theme btn-theme-dark" href="#">Login</a> <span class="text"> or </span> <a class="btn btn-theme btn-theme-dark" href="#">Create account</a></p>
  58.                             </div>
  59.                         </div>
  60.                     </form>
  61.  
  62.                     <h3 class="block-title alt"><i class="fa fa-angle-down"></i>2. Orders</h3>
  63.                     <div class="row orders">
  64.                         <div class="col-md-8">
  65.                             <table class="table">
  66.                                 <thead>
  67.                                     <tr>
  68.                                         <th>Image</th>
  69.                                         <th>Quantity</th>
  70.                                         <th>Product Name</th>
  71.                                         <th>Total</th>
  72.                                     </tr>
  73.                                 </thead>
  74.                                 <tbody>
  75.                                     <tr>
  76.                                         <td class="image"><a class="media-link" href="#"><i class="fa fa-plus"></i><img src="assets/img/preview/shop/order-1.jpg" alt="" /></a></td>
  77.                                         <td class="quantity">x3</td>
  78.                                         <td class="description">
  79.                                             <h4><a href="#">Standard Product Name Header Here</a></h4>
  80.                                             by Category Name
  81.                                         </td>
  82.                                         <td class="total"> INR150 <a href="#"><i class="fa fa-close"></i></a></td>
  83.                                     </tr>
  84.                                     <tr>
  85.                                         <td class="image"><a class="media-link" href="#"><i class="fa fa-plus"></i><img src="assets/img/preview/shop/order-1.jpg" alt="" /></a></td>
  86.                                         <td class="quantity">x3</td>
  87.                                         <td class="description">
  88.                                             <h4><a href="#">Standard Product Name Header Here</a></h4>
  89.                                             by Category Name
  90.                                         </td>
  91.                                         <td class="total"> INR250 <a href="#"><i class="fa fa-close"></i></a></td>
  92.                                     </tr>
  93.                                     <tr>
  94.                                         <td class="image"><a class="media-link" href="#"><i class="fa fa-plus"></i><img src="assets/img/preview/shop/order-1.jpg" alt="" /></a></td>
  95.                                         <td class="quantity">x3</td>
  96.                                         <td class="description">
  97.                                             <h4><a href="#">Standard Product Name Header Here</a></h4>
  98.                                             by Category Name
  99.                                         </td>
  100.                                         <td class="total"> INR350 <a href="#"><i class="fa fa-close"></i></a></td>
  101.                                     </tr>
  102.                                 </tbody>
  103.                             </table>
  104.                         </div>
  105.                         <div class="col-md-4">
  106.                             <h3 class="block-title"><span>Shopping cart</span></h3>
  107.                             <div class="shopping-cart">
  108.                                 <table>
  109.                                     <tr>
  110.                                         <td>Sub-total:</td>
  111.                                         <td> INR2,500.00</td>
  112.                                     </tr>
  113.                                     <tr>
  114.                                         <td>Shipping:</td>
  115.                                         <td> INR25</td>
  116.                                     </tr>
  117.                                     <tfoot>
  118.                                         <tr>
  119.                                             <td>Total:</td>
  120.                                             <td> INR2,525.00</td>
  121.                                         </tr>
  122.                                     </tfoot>
  123.                                 </table>
  124.                                 <div class="form-group">
  125.                                     <textarea class="form-control" placeholder="Send a Message"></textarea>
  126.                                 </div>
  127.                                 <div class="form-group">
  128.                                     <input class="form-control" type="text" placeholder="Enter your coupon code" />
  129.                                 </div>
  130.                                 <button class="btn btn-theme btn-theme-dark btn-block">Apply Coupon</button>
  131.                             </div>
  132.                         </div>
  133.                     </div>
  134.  
  135.                     <h3 class="block-title alt"><i class="fa fa-angle-down"></i>3. Delivery address</h3>
  136.                     <form action="#" class="form-delivery">
  137.                         <div class="row">
  138.                             <div class="col-md-6">
  139.                                 <div class="form-group"><input class="form-control" type="text" placeholder="First Name"></div>
  140.                             </div>
  141.                             <div class="col-md-6">
  142.                                 <div class="form-group"><input class="form-control" type="text" placeholder="Last Name"></div>
  143.                             </div>
  144.                             <div class="col-md-12">
  145.                                 <div class="form-group"><input class="form-control" type="text" placeholder="Address"></div>
  146.                             </div>
  147.                             <div class="col-md-6">
  148.                                 <div class="form-group selectpicker-wrapper">
  149.                                     <select class="selectpicker input-price" data-live-search="true" data-width="100%"
  150.                                             data-toggle="tooltip" title="Select">
  151.                                         <option>Country</option>
  152.                                         <option>Country</option>
  153.                                         <option>Country</option>
  154.                                     </select>
  155.                                 </div>
  156.                             </div>
  157.                             <div class="col-md-6">
  158.                                 <div class="form-group selectpicker-wrapper">
  159.                                     <select class="selectpicker input-price" data-live-search="true" data-width="100%"
  160.                                             data-toggle="tooltip" title="Select">
  161.                                         <option>City</option>
  162.                                         <option>City</option>
  163.                                         <option>City</option>
  164.                                     </select>
  165.                                 </div>
  166.                             </div>
  167.                             <div class="col-md-4">
  168.                                 <div class="form-group"><input class="form-control" type="text" placeholder="Postcode/ZIP"></div>
  169.                             </div>
  170.                             <div class="col-md-4">
  171.                                 <div class="form-group"><input class="form-control" type="text" placeholder="Email"></div>
  172.                             </div>
  173.                             <div class="col-md-4">
  174.                                 <div class="form-group"><input class="form-control" type="text" placeholder="Phone Number"></div>
  175.                             </div>
  176.                             <div class="col-md-12">
  177.                                 <div class="form-group"><textarea class="form-control" placeholder="Add─▒t─▒onal Informat─▒on" name="name" id="id" cols="30" rows="10"></textarea></div>
  178.                             </div>
  179.                             <div class="col-md-12">
  180.                                 <div class="checkbox">
  181.                                     <label>
  182.                                         <input type="checkbox"> Ship to  Different address for invoice
  183.                                     </label>
  184.                                 </div>
  185.                             </div>
  186.                         </div>
  187.                     </form>
  188.  
  189.                     <h3 class="block-title alt"><i class="fa fa-angle-down"></i>4. Payments options</h3>
  190.                     <div class="panel-group payments-options" id="accordion" role="tablist" aria-multiselectable="true">
  191.                         <div class="panel radio panel-default">
  192.                             <div class="panel-heading" role="tab" id="headingOne">
  193.                                 <h4 class="panel-title">
  194.                                     <a data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" aria-controls="collapseOne">
  195.                                         <span class="dot"></span> Direct Bank Transfer
  196.                                     </a>
  197.                                 </h4>
  198.                             </div>
  199.                             <div id="collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1">
  200.                                 <div class="panel-body">
  201.                                     <div class="alert alert-success" role="alert">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sollicitudin ultrices suscipit. Sed commodo vel mauris vel dapibus.</div>
  202.                                 </div>
  203.                             </div>
  204.                         </div>
  205.                         <div class="panel panel-default">
  206.                             <div class="panel-heading" role="tab" id="headingTwo">
  207.                                 <h4 class="panel-title">
  208.                                     <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="false" aria-controls="collapseTwo">
  209.                                         <span class="dot"></span> Cheque Payment
  210.                                     </a>
  211.                                 </h4>
  212.                             </div>
  213.                             <div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2">
  214.                                 <div class="panel-body">
  215.                                     Please send your cheque to Store Name, Store Street, Store Town, Store State / County, Store Postcode.
  216.                                 </div>
  217.                             </div>
  218.                         </div>
  219.                         <div class="panel panel-default">
  220.                             <div class="panel-heading" role="tab" id="headingThree">
  221.                                 <h4 class="panel-title">
  222.                                     <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="false" aria-controls="collapseThree">
  223.                                         <span class="dot"></span> Credit Card
  224.                                     </a>
  225.                                     <span class="overflowed pull-right">
  226.                                         <img src="assets/img/preview/payments/mastercard-2.jpg" alt="" />
  227.                                         <img src="assets/img/preview/payments/visa-2.jpg" alt="" />
  228.                                         <img src="assets/img/preview/payments/american-express-2.jpg" alt="" />
  229.                                         <img src="assets/img/preview/payments/discovery-2.jpg" alt="" />
  230.                                         <img src="assets/img/preview/payments/eheck-2.jpg" alt="" />
  231.                                     </span>
  232.                                 </h4>
  233.                             </div>
  234.                             <div id="collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading3"></div>
  235.                         </div>
  236.                         <div class="panel panel-default">
  237.                             <div class="panel-heading" role="tab" id="heading4">
  238.                                 <h4 class="panel-title">
  239.                                     <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="false" aria-controls="collapse4">
  240.                                         <span class="dot"></span> PayPal
  241.                                     </a>
  242.                                     <span class="overflowed pull-right"><img src="assets/img/preview/payments/paypal-2.jpg" alt="" /></span>
  243.                                 </h4>
  244.                             </div>
  245.                             <div id="collapse4" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading4"></div>
  246.                         </div>
  247.                     </div>
  248.                     <div class="overflowed">
  249.                         <a class="btn btn-theme btn-theme-dark" href="#">Home Page</a>
  250.                         <a class="btn btn-theme pull-right" href="#">Place Order</a>
  251.                     </div>
  252.  
  253.  
  254.  
  255.                 </div>
  256.             </section>
  257.             <!-- /PAGE -->
  258.             <!-- PAGE -->
  259.             <section class="page-section">
  260.                 <div class="container">
  261.                     <div class="row blocks shop-info-banners">
  262.                         <div class="col-md-4">
  263.                             <div class="block">
  264.                                 <div class="media">
  265.                                     <div class="pull-right"><i class="fa fa-gift"></i></div>
  266.                                     <div class="media-body">
  267.                                         <h4 class="media-heading">Buy 1 Get 1</h4>
  268.                                         Proin dictum elementum velit. Fusce euismod consequat ante.
  269.                                     </div>
  270.                                 </div>
  271.                             </div>
  272.                         </div>
  273.                         <div class="col-md-4">
  274.                             <div class="block">
  275.                                 <div class="media">
  276.                                     <div class="pull-right"><i class="fa fa-comments"></i></div>
  277.                                     <div class="media-body">
  278.                                         <h4 class="media-heading">Call to Free</h4>
  279.                                         Proin dictum elementum velit. Fusce euismod consequat ante.
  280.                                     </div>
  281.                                 </div>
  282.                             </div>
  283.                         </div>
  284.                         <div class="col-md-4">
  285.                             <div class="block">
  286.                                 <div class="media">
  287.                                     <div class="pull-right"><i class="fa fa-trophy"></i></div>
  288.                                     <div class="media-body">
  289.                                         <h4 class="media-heading">Money Back!</h4>
  290.                                         Proin dictum elementum velit. Fusce euismod consequat ante.
  291.                                     </div>
  292.                                 </div>
  293.                             </div>
  294.                         </div>
  295.                     </div>
  296.                 </div>
  297.             </section>
  298.             <!-- /PAGE -->
  299.  
  300.         </div>
  301.         <!-- /CONTENT AREA -->
  302.         <!--#include file="footer.ascx" -->
  303.     <!-- /FOOTER -->
  304.  
  305.     <div id="to-top" class="to-top"><i class="fa fa-angle-up"></i></div>
  306.  
  307. </div>
  308. <!-- /WRAPPER -->
  309. <!--#include file="footerfiles.ascx" -->
  310. <!-- JS Global -->
  311.  
  312.  
  313. </body>
  314. </html>