home *** CD-ROM | disk | FTP | other *** search
/ 74.208.221.89 / 74.208.221.89.zip / 74.208.221.89 / category.aspx < prev    next >
Text File  |  2015-03-28  |  53KB  |  807 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.  
  9. <!-- WRAPPER -->
  10. <div class="wrapper">
  11. <!--#include file="shoppingcart.ascx" -->
  12. <!-- /Popup: Shopping cart items -->
  13. <!--#include file="topbar.ascx" -->
  14. <!-- /Header top bar -->
  15. <!--#include file="headersearch.ascx" -->
  16.     <!-- CONTENT AREA -->
  17.     <div class="content-area">
  18.  
  19.         <!-- BREADCRUMBS -->
  20.         <section class="page-section breadcrumbs">
  21.             <div class="container">
  22.                 <div class="page-header">
  23.                     <h1>Category Page</h1>
  24.                 </div>
  25.                 <ul class="breadcrumb">
  26.                     <li><a href="#">Home</a></li>
  27.                     <li><a href="#">Shop</a></li>
  28.                     <li class="active">Category Grid View Page With Left Sidebar</li>
  29.                 </ul>
  30.             </div>
  31.         </section>
  32.         <!-- /BREADCRUMBS -->
  33.  
  34.         <!-- PAGE WITH SIDEBAR -->
  35.         <section class="page-section with-sidebar">
  36.             <div class="container">
  37.                 <div class="row">
  38.                     <!-- SIDEBAR -->
  39.                     <aside class="col-md-3 sidebar" id="sidebar">
  40.                         <!-- widget search -->
  41.                         <div class="widget">
  42.                             <div class="widget-search">
  43.                                 <input class="form-control" type="text" placeholder="Search">
  44.                                 <button><i class="fa fa-search"></i></button>
  45.                             </div>
  46.                         </div>
  47.                         <!-- /widget search -->
  48.                         <!-- widget shop categories -->
  49.                         <div class="widget shop-categories">
  50.                             <h4 class="widget-title">Categories</h4>
  51.                             <div class="widget-content">
  52.                                 <ul>
  53.                                     <li>
  54.                                         <span class="arrow"><i class="fa fa-angle-down"></i></span>
  55.                                         <a href="#">Woman</a>
  56.                                         <ul class="children">
  57.                                             <li>
  58.                                                 <a href="#">Sweaters & Knits
  59.                                                     <span class="count">12</span>
  60.                                                 </a>
  61.                                             </li>
  62.                                             <li>
  63.                                                 <a href="#">Jackets & Coats
  64.                                                     <span class="count">12</span>
  65.                                                 </a>
  66.                                             </li>
  67.                                             <li>
  68.                                                 <a href="#">Denim
  69.                                                     <span class="count">12</span>
  70.                                                 </a>
  71.                                             </li>
  72.                                             <li>
  73.                                                 <a href="#">Pants
  74.                                                     <span class="count">12</span>
  75.                                                 </a>
  76.                                             </li>
  77.                                             <li>
  78.                                                 <a href="#">Shorts
  79.                                                     <span class="count">12</span>
  80.                                                 </a>
  81.                                             </li>
  82.                                         </ul>
  83.                                     </li>
  84.                                     <li>
  85.                                         <span class="arrow"><i class="fa fa-angle-down"></i></span>
  86.                                         <a href="#">Man</a>
  87.                                         <ul class="children">
  88.                                             <li>
  89.                                                 <a href="#">Sweaters & Knits
  90.                                                     <span class="count">12</span>
  91.                                                 </a>
  92.                                             </li>
  93.                                             <li>
  94.                                                 <a href="#">Jackets & Coats
  95.                                                     <span class="count">12</span>
  96.                                                 </a>
  97.                                             </li>
  98.                                             <li>
  99.                                                 <a href="#">Denim
  100.                                                     <span class="count">12</span>
  101.                                                 </a>
  102.                                             </li>
  103.                                             <li>
  104.                                                 <a href="#">Pants
  105.                                                     <span class="count">12</span>
  106.                                                 </a>
  107.                                             </li>
  108.                                             <li>
  109.                                                 <a href="#">Shorts
  110.                                                     <span class="count">12</span>
  111.                                                 </a>
  112.                                             </li>
  113.                                         </ul>
  114.                                     </li>
  115.                                     <li>
  116.                                         <span class="arrow"><i class="fa fa-angle-down"></i></span>
  117.                                         <a href="#">Dress</a>
  118.                                         <ul class="children">
  119.                                             <li>
  120.                                                 <a href="#">Sweaters & Knits
  121.                                                     <span class="count">12</span>
  122.                                                 </a>
  123.                                             </li>
  124.                                             <li>
  125.                                                 <a href="#">Jackets & Coats
  126.                                                     <span class="count">12</span>
  127.                                                 </a>
  128.                                             </li>
  129.                                             <li>
  130.                                                 <a href="#">Denim
  131.                                                     <span class="count">12</span>
  132.                                                 </a>
  133.                                             </li>
  134.                                             <li>
  135.                                                 <a href="#">Pants
  136.                                                     <span class="count">12</span>
  137.                                                 </a>
  138.                                             </li>
  139.                                             <li>
  140.                                                 <a href="#">Shorts
  141.                                                     <span class="count">12</span>
  142.                                                 </a>
  143.                                             </li>
  144.                                         </ul>
  145.                                     </li>
  146.                                     <li>
  147.                                         <span class="arrow"><i class="fa fa-angle-down"></i></span>
  148.                                         <a href="#">Top Sellers</a>
  149.                                         <ul class="children">
  150.                                             <li>
  151.                                                 <a href="#">Sweaters & Knits
  152.                                                     <span class="count">12</span>
  153.                                                 </a>
  154.                                             </li>
  155.                                             <li>
  156.                                                 <a href="#">Jackets & Coats
  157.                                                     <span class="count">12</span>
  158.                                                 </a>
  159.                                             </li>
  160.                                             <li>
  161.                                                 <a href="#">Denim
  162.                                                     <span class="count">12</span>
  163.                                                 </a>
  164.                                             </li>
  165.                                             <li>
  166.                                                 <a href="#">Pants
  167.                                                     <span class="count">12</span>
  168.                                                 </a>
  169.                                             </li>
  170.                                             <li>
  171.                                                 <a href="#">Shorts
  172.                                                     <span class="count">12</span>
  173.                                                 </a>
  174.                                             </li>
  175.                                         </ul>
  176.                                     </li>
  177.                                     <li>
  178.                                         <span class="arrow"><i class="fa fa-angle-up"></i></span>
  179.                                         <a href="#">Accessories</a>
  180.                                         <ul class="children active">
  181.                                             <li>
  182.                                                 <a href="#">Sweaters & Knits
  183.                                                     <span class="count">12</span>
  184.                                                 </a>
  185.                                             </li>
  186.                                             <li>
  187.                                                 <a href="#">Jackets & Coats
  188.                                                     <span class="count">12</span>
  189.                                                 </a>
  190.                                             </li>
  191.                                             <li>
  192.                                                 <a href="#">Denim
  193.                                                     <span class="count">12</span>
  194.                                                 </a>
  195.                                             </li>
  196.                                             <li>
  197.                                                 <a href="#">Pants
  198.                                                     <span class="count">12</span>
  199.                                                 </a>
  200.                                             </li>
  201.                                             <li>
  202.                                                 <a href="#">Shorts
  203.                                                     <span class="count">12</span>
  204.                                                 </a>
  205.                                             </li>
  206.                                         </ul>
  207.                                     </li>
  208.                                     <li><a href="#">Sale Off</a></li>
  209.                                 </ul>
  210.                             </div>
  211.                         </div>
  212.                         <!-- /widget shop categories -->
  213.                         <!-- widget product color -->
  214.                         <div class="widget widget-colors">
  215.                             <h4 class="widget-title">Colors</h4>
  216.                             <div class="widget-content">
  217.                                 <ul>
  218.                                     <li><a href="#"><span style="background-color: #ffffff"></span></a></li>
  219.                                     <li><a href="#"><span style="background-color: #161618"></span></a></li>
  220.                                     <li><a href="#"><span style="background-color: #e74c3c"></span></a></li>
  221.                                     <li><a href="#"><span style="background-color: #783ce7"></span></a></li>
  222.                                     <li><a href="#"><span style="background-color: #3498db"></span></a></li>
  223.                                     <li><a href="#"><span style="background-color: #00a847"></span></a></li>
  224.                                     <li><a href="#"><span style="background-color: #3ce7d9"></span></a></li>
  225.                                     <li><a href="#"><span style="background-color: #fa17bc"></span></a></li>
  226.                                     <li><a href="#"><span style="background-color: #a87e00"></span></a></li>
  227.                                 </ul>
  228.                             </div>
  229.                         </div>
  230.                         <!-- /widget product color -->
  231.                         <!-- widget price filter -->
  232.                         <div class="widget widget-filter-price">
  233.                             <h4 class="widget-title">Price</h4>
  234.                             <div class="widget-content">
  235.                                 <div id="slider-range"></div>
  236.                                 <input type="text" id="amount" readonly />
  237.                                 <button class="btn btn-theme">Filter</button>
  238.                             </div>
  239.                         </div>
  240.                         <!-- /widget price filter -->
  241.                         <!-- widget tabs -->
  242.                         <div class="widget widget-tabs">
  243.                             <div class="widget-content">
  244.                                 <ul id="tabs" class="nav nav-justified">
  245.                                     <li><a href="#tab-s1" data-toggle="tab">Top</a></li>
  246.                                     <li class="active"><a href="#tab-s2" data-toggle="tab">Sale Off</a></li>
  247.                                     <li><a href="#tab-s3" data-toggle="tab">Deals</a></li>
  248.                                 </ul>
  249.                                 <div class="tab-content">
  250.                                     <!-- tab 1 -->
  251.                                     <div class="tab-pane fade" id="tab-s1">
  252.                                         <div class="product-list">
  253.                                             <div class="media">
  254.                                                 <a class="pull-left media-link" href="#">
  255.                                                     <img class="media-object" src="assets/img/preview/shop/top-sellers-1.jpg" alt="">
  256.                                                     <i class="fa fa-plus"></i>
  257.                                                 </a>
  258.                                                 <div class="media-body">
  259.                                                     <h4 class="media-heading"><a href="#">Standard Product Header</a></h4>
  260.                                                     <div class="rating">
  261.                                                         <span class="star"></span><!--
  262.                                         --><span class="star active"></span><!--
  263.                                         --><span class="star active"></span><!--
  264.                                         --><span class="star active"></span><!--
  265.                                         --><span class="star active"></span>
  266.                                                     </div>
  267.                                                     <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  268.                                                 </div>
  269.                                             </div>
  270.                                             <div class="media">
  271.                                                 <a class="pull-left media-link" href="#">
  272.                                                     <img class="media-object" src="assets/img/preview/shop/top-sellers-2.jpg" alt="">
  273.                                                     <i class="fa fa-plus"></i>
  274.                                                 </a>
  275.                                                 <div class="media-body">
  276.                                                     <h4 class="media-heading"><a href="#">Standard Product Header</a></h4>
  277.                                                     <div class="rating">
  278.                                                         <span class="star"></span><!--
  279.                                         --><span class="star active"></span><!--
  280.                                         --><span class="star active"></span><!--
  281.                                         --><span class="star active"></span><!--
  282.                                         --><span class="star active"></span>
  283.                                                     </div>
  284.                                                     <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  285.                                                 </div>
  286.                                             </div>
  287.                                             <div class="media">
  288.                                                 <a class="pull-left media-link" href="#">
  289.                                                     <img class="media-object" src="assets/img/preview/shop/top-sellers-3.jpg" alt="">
  290.                                                     <i class="fa fa-plus"></i>
  291.                                                 </a>
  292.                                                 <div class="media-body">
  293.                                                     <h4 class="media-heading"><a href="#">Standard Product Header</a></h4>
  294.                                                     <div class="rating">
  295.                                                         <span class="star"></span><!--
  296.                                         --><span class="star active"></span><!--
  297.                                         --><span class="star active"></span><!--
  298.                                         --><span class="star active"></span><!--
  299.                                         --><span class="star active"></span>
  300.                                                     </div>
  301.                                                     <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  302.                                                 </div>
  303.                                             </div>
  304.                                         </div>
  305.                                     </div>
  306.  
  307.                                     <!-- tab 2 -->
  308.                                     <div class="tab-pane fade in active" id="tab-s2">
  309.                                         <div class="product-list">
  310.                                             <div class="media">
  311.                                                 <a class="pull-left media-link" href="#">
  312.                                                     <img class="media-object" src="assets/img/preview/shop/top-sellers-4.jpg" alt="">
  313.                                                     <i class="fa fa-plus"></i>
  314.                                                 </a>
  315.                                                 <div class="media-body">
  316.                                                     <h4 class="media-heading"><a href="#">Standard Product Header</a></h4>
  317.                                                     <div class="rating">
  318.                                                         <span class="star"></span><!--
  319.                                         --><span class="star active"></span><!--
  320.                                         --><span class="star active"></span><!--
  321.                                         --><span class="star active"></span><!--
  322.                                         --><span class="star active"></span>
  323.                                                     </div>
  324.                                                     <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  325.                                                 </div>
  326.                                             </div>
  327.                                             <div class="media">
  328.                                                 <a class="pull-left media-link" href="#">
  329.                                                     <img class="media-object" src="assets/img/preview/shop/top-sellers-5.jpg" alt="">
  330.                                                     <i class="fa fa-plus"></i>
  331.                                                 </a>
  332.                                                 <div class="media-body">
  333.                                                     <h4 class="media-heading"><a href="#">Standard Product Header</a></h4>
  334.                                                     <div class="rating">
  335.                                                         <span class="star"></span><!--
  336.                                         --><span class="star active"></span><!--
  337.                                         --><span class="star active"></span><!--
  338.                                         --><span class="star active"></span><!--
  339.                                         --><span class="star active"></span>
  340.                                                     </div>
  341.                                                     <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  342.                                                 </div>
  343.                                             </div>
  344.                                             <div class="media">
  345.                                                 <a class="pull-left media-link" href="#">
  346.                                                     <img class="media-object" src="assets/img/preview/shop/top-sellers-6.jpg" alt="">
  347.                                                     <i class="fa fa-plus"></i>
  348.                                                 </a>
  349.                                                 <div class="media-body">
  350.                                                     <h4 class="media-heading"><a href="#">Standard Product Header</a></h4>
  351.                                                     <div class="rating">
  352.                                                         <span class="star"></span><!--
  353.                                         --><span class="star active"></span><!--
  354.                                         --><span class="star active"></span><!--
  355.                                         --><span class="star active"></span><!--
  356.                                         --><span class="star active"></span>
  357.                                                     </div>
  358.                                                     <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  359.                                                 </div>
  360.                                             </div>
  361.                                         </div>
  362.                                     </div>
  363.  
  364.                                     <!-- tab 3 -->
  365.                                     <div class="tab-pane fade" id="tab-s3">
  366.                                         <div class="product-list">
  367.                                             <div class="media">
  368.                                                 <a class="pull-left media-link" href="#">
  369.                                                     <img class="media-object" src="assets/img/preview/shop/top-sellers-7.jpg" alt="">
  370.                                                     <i class="fa fa-plus"></i>
  371.                                                 </a>
  372.                                                 <div class="media-body">
  373.                                                     <h4 class="media-heading"><a href="#">Standard Product Header</a></h4>
  374.                                                     <div class="rating">
  375.                                                         <span class="star"></span><!--
  376.                                         --><span class="star active"></span><!--
  377.                                         --><span class="star active"></span><!--
  378.                                         --><span class="star active"></span><!--
  379.                                         --><span class="star active"></span>
  380.                                                     </div>
  381.                                                     <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  382.                                                 </div>
  383.                                             </div>
  384.                                             <div class="media">
  385.                                                 <a class="pull-left media-link" href="#">
  386.                                                     <img class="media-object" src="assets/img/preview/shop/top-sellers-8.jpg" alt="">
  387.                                                     <i class="fa fa-plus"></i>
  388.                                                 </a>
  389.                                                 <div class="media-body">
  390.                                                     <h4 class="media-heading"><a href="#">Standard Product Header</a></h4>
  391.                                                     <div class="rating">
  392.                                                         <span class="star"></span><!--
  393.                                         --><span class="star active"></span><!--
  394.                                         --><span class="star active"></span><!--
  395.                                         --><span class="star active"></span><!--
  396.                                         --><span class="star active"></span>
  397.                                                     </div>
  398.                                                     <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  399.                                                 </div>
  400.                                             </div>
  401.                                             <div class="media">
  402.                                                 <a class="pull-left media-link" href="#">
  403.                                                     <img class="media-object" src="assets/img/preview/shop/top-sellers-9.jpg" alt="">
  404.                                                     <i class="fa fa-plus"></i>
  405.                                                 </a>
  406.                                                 <div class="media-body">
  407.                                                     <h4 class="media-heading"><a href="#">Standard Product Header</a></h4>
  408.                                                     <div class="rating">
  409.                                                         <span class="star"></span><!--
  410.                                         --><span class="star active"></span><!--
  411.                                         --><span class="star active"></span><!--
  412.                                         --><span class="star active"></span><!--
  413.                                         --><span class="star active"></span>
  414.                                                     </div>
  415.                                                     <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  416.                                                 </div>
  417.                                             </div>
  418.                                         </div>
  419.                                     </div>
  420.                                 </div>
  421.                                 <a class="btn btn-theme btn-theme-dark btn-theme-sm btn-block" href="#">More Products</a>
  422.                             </div>
  423.                         </div>
  424.                         <!-- /widget tabs -->
  425.                       
  426.                        
  427.                        
  428.                     </aside>
  429.                     <!-- /SIDEBAR -->
  430.                     <!-- CONTENT -->
  431.                     <div class="col-md-9 content" id="content">
  432.  
  433.                         <div class="main-slider sub">
  434.                             <div class="owl-carousel" id="main-slider">
  435.  
  436.                                 <!-- Slide 1 -->
  437.                                 <div class="item slide1 sub">
  438.                                     <img class="slide-img" src="assets/img/preview/slider/slide-1-sub.jpg" alt=""/>
  439.                                     <div class="caption">
  440.                                         <div class="container">
  441.                                             <div class="div-table">
  442.                                                 <div class="div-cell">
  443.                                                     <div class="caption-content">
  444.                                                         <h2 class="caption-title"><span>Winter Fashion</span></h2>
  445.                                                         <h3 class="caption-subtitle"><span>Collection Ready</span></h3>
  446.                                                         <p class="caption-text">
  447.                                                             <a class="btn btn-theme" href="#">Shop Now</a>
  448.                                                         </p>
  449.                                                     </div>
  450.                                                 </div>
  451.                                             </div>
  452.                                         </div>
  453.                                     </div>
  454.                                 </div>
  455.                                 <!-- /Slide 1 -->
  456.  
  457.                                 <!-- Slide 2 -->
  458.                                 <div class="item slide2 sub">
  459.                                     <img class="slide-img" src="assets/img/preview/slider/slide-1-sub.jpg" alt=""/>
  460.                                     <div class="caption">
  461.                                         <div class="container">
  462.                                             <div class="div-table">
  463.                                                 <div class="div-cell">
  464.                                                     <div class="caption-content">
  465.                                                         <h2 class="caption-title"><span>Winter Fashion</span></h2>
  466.                                                         <h3 class="caption-subtitle"><span>Collection Ready</span></h3>
  467.                                                         <p class="caption-text">
  468.                                                             <a class="btn btn-theme" href="#">Shop Now</a>
  469.                                                         </p>
  470.                                                     </div>
  471.                                                 </div>
  472.                                             </div>
  473.                                         </div>
  474.                                     </div>
  475.                                 </div>
  476.                                 <!-- /Slide 2 -->
  477.  
  478.                             </div>
  479.                         </div>
  480.  
  481.                         <!-- shop-sorting -->
  482.                         <div class="shop-sorting">
  483.                             <div class="row">
  484.                                 <div class="col-sm-8">
  485.                                     <form class="form-inline" action="">
  486.                                         <div class="form-group selectpicker-wrapper">
  487.                                             <select
  488.                                                     class="selectpicker input-price" data-live-search="true" data-width="100%"
  489.                                                     data-toggle="tooltip" title="Select">
  490.                                                 <option>Product Name</option>
  491.                                                 <option>Product Name</option>
  492.                                                 <option>Product Name</option>
  493.                                             </select>
  494.                                         </div>
  495.                                         <div class="form-group selectpicker-wrapper">
  496.                                             <select
  497.                                                     class="selectpicker input-price" data-live-search="true" data-width="100%"
  498.                                                     data-toggle="tooltip" title="Select">
  499.                                                 <option>Select Manifacturers</option>
  500.                                                 <option>Select Manifacturers</option>
  501.                                                 <option>Select Manifacturers</option>
  502.                                             </select>
  503.                                         </div>
  504.                                     </form>
  505.                                 </div>
  506.                                 <div class="col-sm-4 text-right-sm">
  507.                                     <a class="btn btn-theme btn-theme-transparent btn-theme-sm" href="#"><img src="assets/img/icon-list.png" alt=""/></a>
  508.                                     <a class="btn btn-theme btn-theme-transparent btn-theme-sm" href="#"><img src="assets/img/icon-grid.png" alt=""/></a>
  509.                                 </div>
  510.                             </div>
  511.                         </div>
  512.                         <!-- /shop-sorting -->
  513.  
  514.                         <!-- Products grid -->
  515.                         <div class="row products grid">
  516.                             <div class="col-md-4 col-sm-6">
  517.                                 <div class="thumbnail no-border no-padding">
  518.                                     <div class="media">
  519.                                         <a class="media-link" href="#">
  520.                                             <img src="assets/img/preview/shop/product-1c.jpg" alt=""/>
  521.                                     <span class="icon-view">
  522.                                         <strong><i class="fa fa-eye"></i></strong>
  523.                                     </span>
  524.                                         </a>
  525.                                     </div>
  526.                                     <div class="caption text-center">
  527.                                         <h4 class="caption-title">Standard Product Header</h4>
  528.                                        
  529.                                         <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  530.                                         <div class="buttons">
  531.                                             <a class="btn btn-theme btn-theme-transparent btn-wish-list" href="#"><i class="fa fa-heart"></i></a><!--
  532.                                     --><a class="btn btn-theme btn-theme-transparent btn-icon-left" href="#"><i class="fa fa-shopping-cart"></i>Add to Cart</a><!--
  533.                                     --><a class="btn btn-theme btn-theme-transparent btn-compare" href="#"><i class="fa fa-exchange"></i></a>
  534.                                         </div>
  535.                                     </div>
  536.                                 </div>
  537.                             </div>
  538.                             
  539.                             <div class="col-md-4 col-sm-6">
  540.                                 <div class="thumbnail no-border no-padding">
  541.                                     <div class="media">
  542.                                         <a class="media-link" href="#">
  543.                                             <img src="assets/img/preview/shop/product-2c.jpg" alt=""/>
  544.                                     <span class="icon-view">
  545.                                         <strong><i class="fa fa-eye"></i></strong>
  546.                                     </span>
  547.                                         </a>
  548.                                     </div>
  549.                                     <div class="caption text-center">
  550.                                         <h4 class="caption-title">Standard Product Header</h4>
  551.                                         
  552.                                         <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  553.                                         <div class="buttons">
  554.                                             <a class="btn btn-theme btn-theme-transparent btn-wish-list" href="#"><i class="fa fa-heart"></i></a><!--
  555.                                     --><a class="btn btn-theme btn-theme-transparent btn-icon-left" href="#"><i class="fa fa-shopping-cart"></i>Add to Cart</a><!--
  556.                                     --><a class="btn btn-theme btn-theme-transparent btn-compare" href="#"><i class="fa fa-exchange"></i></a>
  557.                                         </div>
  558.                                     </div>
  559.                                 </div>
  560.                             </div>
  561.                             
  562.                             <div class="col-md-4 col-sm-6">
  563.                                 <div class="thumbnail no-border no-padding">
  564.                                     <div class="media">
  565.                                         <a class="media-link" href="#">
  566.                                             <img src="assets/img/preview/shop/product-3c.jpg" alt=""/>
  567.                                     <span class="icon-view">
  568.                                         <strong><i class="fa fa-eye"></i></strong>
  569.                                     </span>
  570.                                         </a>
  571.                                     </div>
  572.                                     <div class="caption text-center">
  573.                                         <h4 class="caption-title">Standard Product Header</h4>
  574.                                         
  575.                                         <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  576.                                         <div class="buttons">
  577.                                             <a class="btn btn-theme btn-theme-transparent btn-wish-list" href="#"><i class="fa fa-heart"></i></a><!--
  578.                                     --><a class="btn btn-theme btn-theme-transparent btn-icon-left" href="#"><i class="fa fa-shopping-cart"></i>Add to Cart</a><!--
  579.                                     --><a class="btn btn-theme btn-theme-transparent btn-compare" href="#"><i class="fa fa-exchange"></i></a>
  580.                                         </div>
  581.                                     </div>
  582.                                 </div>
  583.                             </div>
  584.                             
  585.                             <div class="col-md-4 col-sm-6">
  586.                                 <div class="thumbnail no-border no-padding">
  587.                                     <div class="media">
  588.                                         <a class="media-link" href="#">
  589.                                             <img src="assets/img/preview/shop/product-4c.jpg" alt=""/>
  590.                                     <span class="icon-view">
  591.                                         <strong><i class="fa fa-eye"></i></strong>
  592.                                     </span>
  593.                                         </a>
  594.                                     </div>
  595.                                     <div class="caption text-center">
  596.                                         <h4 class="caption-title">Standard Product Header</h4>
  597.                                         
  598.                                         <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  599.                                         <div class="buttons">
  600.                                             <a class="btn btn-theme btn-theme-transparent btn-wish-list" href="#"><i class="fa fa-heart"></i></a><!--
  601.                                     --><a class="btn btn-theme btn-theme-transparent btn-icon-left" href="#"><i class="fa fa-shopping-cart"></i>Add to Cart</a><!--
  602.                                     --><a class="btn btn-theme btn-theme-transparent btn-compare" href="#"><i class="fa fa-exchange"></i></a>
  603.                                         </div>
  604.                                     </div>
  605.                                 </div>
  606.                             </div>
  607.                             
  608.                             <div class="col-md-4 col-sm-6">
  609.                                 <div class="thumbnail no-border no-padding">
  610.                                     <div class="media">
  611.                                         <a class="media-link" href="#">
  612.                                             <img src="assets/img/preview/shop/product-5c.jpg" alt=""/>
  613.                                     <span class="icon-view">
  614.                                         <strong><i class="fa fa-eye"></i></strong>
  615.                                     </span>
  616.                                         </a>
  617.                                     </div>
  618.                                     <div class="caption text-center">
  619.                                         <h4 class="caption-title">Standard Product Header</h4>
  620.                                         
  621.                                         <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  622.                                         <div class="buttons">
  623.                                             <a class="btn btn-theme btn-theme-transparent btn-wish-list" href="#"><i class="fa fa-heart"></i></a><!--
  624.                                     --><a class="btn btn-theme btn-theme-transparent btn-icon-left" href="#"><i class="fa fa-shopping-cart"></i>Add to Cart</a><!--
  625.                                     --><a class="btn btn-theme btn-theme-transparent btn-compare" href="#"><i class="fa fa-exchange"></i></a>
  626.                                         </div>
  627.                                     </div>
  628.                                 </div>
  629.                             </div>
  630.                             
  631.                             <div class="col-md-4 col-sm-6">
  632.                                 <div class="thumbnail no-border no-padding">
  633.                                     <div class="media">
  634.                                         <a class="media-link" href="#">
  635.                                             <img src="assets/img/preview/shop/product-6c.jpg" alt=""/>
  636.                                     <span class="icon-view">
  637.                                         <strong><i class="fa fa-eye"></i></strong>
  638.                                     </span>
  639.                                         </a>
  640.                                     </div>
  641.                                     <div class="caption text-center">
  642.                                         <h4 class="caption-title">Standard Product Header</h4>
  643.                                         
  644.                                         <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  645.                                         <div class="buttons">
  646.                                             <a class="btn btn-theme btn-theme-transparent btn-wish-list" href="#"><i class="fa fa-heart"></i></a><!--
  647.                                     --><a class="btn btn-theme btn-theme-transparent btn-icon-left" href="#"><i class="fa fa-shopping-cart"></i>Add to Cart</a><!--
  648.                                     --><a class="btn btn-theme btn-theme-transparent btn-compare" href="#"><i class="fa fa-exchange"></i></a>
  649.                                         </div>
  650.                                     </div>
  651.                                 </div>
  652.                             </div>
  653.                             
  654.                             <div class="col-md-4 col-sm-6">
  655.                                 <div class="thumbnail no-border no-padding">
  656.                                     <div class="media">
  657.                                         <a class="media-link" href="#">
  658.                                             <img src="assets/img/preview/shop/product-7c.jpg" alt=""/>
  659.                                     <span class="icon-view">
  660.                                         <strong><i class="fa fa-eye"></i></strong>
  661.                                     </span>
  662.                                         </a>
  663.                                     </div>
  664.                                     <div class="caption text-center">
  665.                                         <h4 class="caption-title">Standard Product Header</h4>
  666.                                         
  667.                                         <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  668.                                         <div class="buttons">
  669.                                             <a class="btn btn-theme btn-theme-transparent btn-wish-list" href="#"><i class="fa fa-heart"></i></a><!--
  670.                                     --><a class="btn btn-theme btn-theme-transparent btn-icon-left" href="#"><i class="fa fa-shopping-cart"></i>Add to Cart</a><!--
  671.                                     --><a class="btn btn-theme btn-theme-transparent btn-compare" href="#"><i class="fa fa-exchange"></i></a>
  672.                                         </div>
  673.                                     </div>
  674.                                 </div>
  675.                             </div>
  676.                             
  677.                             <div class="col-md-4 col-sm-6">
  678.                                 <div class="thumbnail no-border no-padding">
  679.                                     <div class="media">
  680.                                         <a class="media-link" href="#">
  681.                                             <img src="assets/img/preview/shop/product-8c.jpg" alt=""/>
  682.                                     <span class="icon-view">
  683.                                         <strong><i class="fa fa-eye"></i></strong>
  684.                                     </span>
  685.                                         </a>
  686.                                     </div>
  687.                                     <div class="caption text-center">
  688.                                         <h4 class="caption-title">Standard Product Header</h4>
  689.                                         
  690.                                         <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  691.                                         <div class="buttons">
  692.                                             <a class="btn btn-theme btn-theme-transparent btn-wish-list" href="#"><i class="fa fa-heart"></i></a><!--
  693.                                     --><a class="btn btn-theme btn-theme-transparent btn-icon-left" href="#"><i class="fa fa-shopping-cart"></i>Add to Cart</a><!--
  694.                                     --><a class="btn btn-theme btn-theme-transparent btn-compare" href="#"><i class="fa fa-exchange"></i></a>
  695.                                         </div>
  696.                                     </div>
  697.                                 </div>
  698.                             </div>
  699.                             
  700.                             <div class="col-md-4 col-sm-6">
  701.                                 <div class="thumbnail no-border no-padding">
  702.                                     <div class="media">
  703.                                         <a class="media-link" href="#">
  704.                                             <img src="assets/img/preview/shop/product-9c.jpg" alt=""/>
  705.                                     <span class="icon-view">
  706.                                         <strong><i class="fa fa-eye"></i></strong>
  707.                                     </span>
  708.                                         </a>
  709.                                     </div>
  710.                                     <div class="caption text-center">
  711.                                         <h4 class="caption-title">Standard Product Header</h4>
  712.                                         
  713.                                         <div class="price"><ins>$400.00</ins> <del>$425.00</del></div>
  714.                                         <div class="buttons">
  715.                                             <a class="btn btn-theme btn-theme-transparent btn-wish-list" href="#"><i class="fa fa-heart"></i></a><!--
  716.                                     --><a class="btn btn-theme btn-theme-transparent btn-icon-left" href="#"><i class="fa fa-shopping-cart"></i>Add to Cart</a><!--
  717.                                     --><a class="btn btn-theme btn-theme-transparent btn-compare" href="#"><i class="fa fa-exchange"></i></a>
  718.                                         </div>
  719.                                     </div>
  720.                                 </div>
  721.                             </div>
  722.                             
  723.                             
  724.                             
  725.                             
  726.                         </div>
  727.                         <!-- /Products grid -->
  728.  
  729.                         <!-- Pagination -->
  730.                         <div class="pagination-wrapper">
  731.                             <ul class="pagination">
  732.                                 <li class="disabled"><a href="#"><i class="fa fa-angle-double-left"></i> Previous</a></li>
  733.                                 <li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
  734.                                 <li><a href="#">2</a></li>
  735.                                 <li><a href="#">3</a></li>
  736.                                 <li><a href="#">4</a></li>
  737.                                 <li><a href="#">Next <i class="fa fa-angle-double-right"></i></a></li>
  738.                             </ul>
  739.                         </div>
  740.                         <!-- /Pagination -->
  741.  
  742.                     </div>
  743.                     <!-- /CONTENT -->
  744.  
  745.                 </div>
  746.             </div>
  747.         </section>
  748.         <!-- /PAGE WITH SIDEBAR -->
  749.  
  750.         <!-- PAGE -->
  751.         <section class="page-section no-padding-top">
  752.             <div class="container">
  753.                 <div class="row blocks shop-info-banners">
  754.                     <div class="col-md-4">
  755.                         <div class="block">
  756.                             <div class="media">
  757.                                 <div class="pull-right"><i class="fa fa-gift"></i></div>
  758.                                 <div class="media-body">
  759.                                     <h4 class="media-heading">Buy 1 Get 1</h4>
  760.                                     Proin dictum elementum velit. Fusce euismod consequat ante.
  761.                                 </div>
  762.                             </div>
  763.                         </div>
  764.                     </div>
  765.                     <div class="col-md-4">
  766.                         <div class="block">
  767.                             <div class="media">
  768.                                 <div class="pull-right"><i class="fa fa-comments"></i></div>
  769.                                 <div class="media-body">
  770.                                     <h4 class="media-heading">Call to Free</h4>
  771.                                     Proin dictum elementum velit. Fusce euismod consequat ante.
  772.                                 </div>
  773.                             </div>
  774.                         </div>
  775.                     </div>
  776.                     <div class="col-md-4">
  777.                         <div class="block">
  778.                             <div class="media">
  779.                                 <div class="pull-right"><i class="fa fa-trophy"></i></div>
  780.                                 <div class="media-body">
  781.                                     <h4 class="media-heading">Money Back!</h4>
  782.                                     Proin dictum elementum velit. Fusce euismod consequat ante.
  783.                                 </div>
  784.                             </div>
  785.                         </div>
  786.                     </div>
  787.                 </div>
  788.             </div>
  789.         </section>
  790.         <!-- /PAGE -->
  791.  
  792.     </div>
  793.     <!-- /CONTENT AREA -->
  794.  
  795.      <!--#include file="footer.ascx" -->
  796.     <!-- /FOOTER -->
  797.  
  798.     <div id="to-top" class="to-top"><i class="fa fa-angle-up"></i></div>
  799.  
  800. </div>
  801. <!-- /WRAPPER -->
  802. <!--#include file="footerfiles.ascx" -->
  803. <!-- JS Global -->
  804.  
  805.  
  806. </body>
  807. </html>