Advertisement
Guest User

fazri

a guest
Jul 2nd, 2018
165
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
C++ 28.63 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title>Abdul shop</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <meta name="description" content="">
  8.     <meta name="author" content="">
  9. <!--Less styles -->
  10.    <!-- Other Less css file //different less files has different color scheam
  11.     <link rel="stylesheet/less" type="text/css" href="themes/less/simplex.less">
  12.     <link rel="stylesheet/less" type="text/css" href="themes/less/classified.less">
  13.     <link rel="stylesheet/less" type="text/css" href="themes/less/amelia.less">  MOVE DOWN TO activate
  14.     -->
  15.     <!--<link rel="stylesheet/less" type="text/css" href="themes/less/bootshop.less">
  16.     <script src="themes/js/less.js" type="text/javascript"></script> -->
  17.    
  18. <!-- Bootstrap style -->
  19.     <link id="callCss" rel="stylesheet" href="themes/bootshop/bootstrap.min.css" media="screen"/>
  20.     <link href="themes/css/base.css" rel="stylesheet" media="screen"/>
  21. <!-- Bootstrap style responsive -->
  22.     <link href="themes/css/bootstrap-responsive.min.css" rel="stylesheet"/>
  23.     <link href="themes/css/font-awesome.css" rel="stylesheet" type="text/css">
  24. <!-- Google-code-prettify -->  
  25.     <link href="themes/js/google-code-prettify/prettify.css" rel="stylesheet"/>
  26. <!-- fav and touch icons -->
  27.     <link rel="shortcut icon" href="themes/images/ico/favicon.ico">
  28.     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="themes/images/ico/apple-touch-icon-144-precomposed.png">
  29.     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="themes/images/ico/apple-touch-icon-114-precomposed.png">
  30.     <link rel="apple-touch-icon-precomposed" sizes="72x72" href="themes/images/ico/apple-touch-icon-72-precomposed.png">
  31.     <link rel="apple-touch-icon-precomposed" href="themes/images/ico/apple-touch-icon-57-precomposed.png">
  32.     <style type="text/css" id="enject"></style>
  33.   </head>
  34. <body>
  35. <div id="header">
  36. <div class="container">
  37. <div id="welcomeLine" class="row">
  38.     <div class="span6"><strong></strong></div>
  39.     <div class="span6">
  40.     <div class="pull-right">
  41.         <a href="product_summary.html"><span class=""></span></a>
  42.         <a href="product_summary.html"><span class=""></span></a>
  43.         <span class="btn btn-mini">En</span>
  44.         <a href="product_summary.html"><span>&pound;</span></a>
  45.         <span class="btn btn-mini">$155.00</span>
  46.         <a href="product_summary.html"><span class="">$</span></a>
  47.         <a href="product_summary.html"><span class="btn btn-mini btn-primary"><i class="icon-shopping-cart icon-white"></i> [ 3 ] Itemes in your cart </span> </a>
  48.     </div>
  49.     </div>
  50. </div>
  51. <!-- Navbar ================================================== -->
  52. <div id="logoArea" class="navbar">
  53. <a id="smallScreen" data-target="#topMenu" data-toggle="collapse" class="btn btn-navbar">
  54.     <span class="icon-bar"></span>
  55.     <span class="icon-bar"></span>
  56.     <span class="icon-bar"></span>
  57. </a>
  58.   <div class="navbar-inner">
  59.     <a class="brand" href="index.html"><img src="themes/images/logo.png" alt="Bootsshop"/></a>
  60.         <form class="form-inline navbar-search" method="post" action="products.html" >
  61.         <input id="srchFld" class="srchTxt" type="text" />
  62.           <select class="srchTxt">
  63.             <option>All</option>
  64.             <option>CLOTHES </option>
  65.             <option>FOOD AND BEVERAGES </option>
  66.             <option>HEALTH & BEAUTY </option>
  67.             <option>SPORTS & LEISURE </option>
  68.             <option>BOOKS & ENTERTAINMENTS </option>
  69.         </select>
  70.           <button type="submit" id="submitButton" class="btn btn-primary">Go</button>
  71.     </form>
  72.     <ul id="topMenu" class="nav pull-right">
  73.      <li class=""><a href="special_offer.html">Specials Offer</a></li>
  74.      <li class=""><a href="normal.html">Delivery</a></li>
  75.      <li class=""><a href="contact.html">Contact</a></li>
  76.      <li class="">
  77.      <a href="#login" role="button" data-toggle="modal" style="padding-right:0"><span class="btn btn-large btn-success">Login</span></a>
  78.     <div id="login" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="login" aria-hidden="false" >
  79.           <div class="modal-header">
  80.             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  81.             <h3>Login Block</h3>
  82.           </div>
  83.           <div class="modal-body">
  84.             <form class="form-horizontal loginFrm">
  85.               <div class="control-group">                              
  86.                 <input type="text" id="inputEmail" placeholder="Email">
  87.               </div>
  88.               <div class="control-group">
  89.                 <input type="password" id="inputPassword" placeholder="Password">
  90.               </div>
  91.               <div class="control-group">
  92.                 <label class="checkbox">
  93.                 <input type="checkbox"> Remember me
  94.                 </label>
  95.               </div>
  96.             </form>    
  97.             <button type="submit" class="btn btn-success">Sign in</button>
  98.             <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
  99.           </div>
  100.     </div>
  101.     </li>
  102.     </ul>
  103.   </div>
  104. </div>
  105. </div>
  106. </div>
  107. <!-- Header End====================================================================== -->
  108. <div id="carouselBlk">
  109.     <div id="myCarousel" class="carousel slide">
  110.         <div class="carousel-inner">
  111.           <div class="item active">
  112.           <div class="container">
  113.             <a href="register.html"><img style="width:100%" src="themes/images/carousel/1.png" alt="special offers"/></a>
  114.             <div class="carousel-caption">
  115.                   <h4>Second Thumbnail label</h4>
  116.                   <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
  117.                 </div>
  118.           </div>
  119.           </div>
  120.           <div class="item">
  121.           <div class="container">
  122.             <a href="register.html"><img style="width:100%" src="themes/images/carousel/2.png" alt=""/></a>
  123.                 <div class="carousel-caption">
  124.                   <h4>Second Thumbnail label</h4>
  125.                   <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
  126.                 </div>
  127.           </div>
  128.           </div>
  129.           <div class="item">
  130.           <div class="container">
  131.             <a href="register.html"><img src="themes/images/carousel/3.png" alt=""/></a>
  132.             <div class="carousel-caption">
  133.                   <h4>Second Thumbnail label</h4>
  134.                   <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
  135.                 </div>
  136.            
  137.           </div>
  138.           </div>
  139.            <div class="item">
  140.            <div class="container">
  141.             <a href="register.html"><img src="themes/images/carousel/4.png" alt=""/></a>
  142.             <div class="carousel-caption">
  143.                   <h4>Second Thumbnail label</h4>
  144.                   <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
  145.                 </div>
  146.            
  147.           </div>
  148.           </div>
  149.            <div class="item">
  150.            <div class="container">
  151.             <a href="register.html"><img src="themes/images/carousel/5.png" alt=""/></a>
  152.             <div class="carousel-caption">
  153.                   <h4>Second Thumbnail label</h4>
  154.                   <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
  155.             </div>
  156.           </div>
  157.           </div>
  158.            <div class="item">
  159.            <div class="container">
  160.             <a href="register.html"><img src="themes/images/carousel/6.png" alt=""/></a>
  161.             <div class="carousel-caption">
  162.                   <h4>Second Thumbnail label</h4>
  163.                   <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
  164.                 </div>
  165.           </div>
  166.           </div>
  167.         </div>
  168.         <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  169.         <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
  170.       </div>
  171. </div>
  172. <div id="mainBody">
  173.     <div class="container">
  174.     <div class="row">
  175. <!-- Sidebar ================================================== -->
  176.     <div id="sidebar" class="span3">
  177.         <div class="well well-small"><a id="myCart" href="product_summary.html"><img src="themes/images/ico-cart.png" alt="cart">3 Items in your cart  <span class="badge badge-warning pull-right">$155.00</span></a></div>
  178.         <ul id="sideManu" class="nav nav-tabs nav-stacked">
  179.             <li class="subMenu open"><a> ELECTRONICS [230]</a>
  180.                 <ul>
  181.                 <li><a class="active" href="products.html"><i class="icon-chevron-right"></i>Cameras (100) </a></li>
  182.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Computers, Tablets & laptop (30)</a></li>
  183.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Mobile Phone (80)</a></li>
  184.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Sound & Vision (15)</a></li>
  185.                 </ul>
  186.             </li>
  187.             <li class="subMenu"><a> CLOTHES [840] </a>
  188.             <ul style="display:none">
  189.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Women's Clothing (45)</a></li>
  190.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Women's Shoes (8)</a></li>                                               
  191.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Women's Hand Bags (5)</a></li>   
  192.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Men's Clothings  (45)</a></li>
  193.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Men's Shoes (6)</a></li>                                             
  194.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Kids Clothing (5)</a></li>                                               
  195.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Kids Shoes (3)</a></li>                                              
  196.             </ul>
  197.             </li>
  198.             <li class="subMenu"><a>FOOD AND BEVERAGES [1000]</a>
  199.                 <ul style="display:none">
  200.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Angoves  (35)</a></li>
  201.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Bouchard Aine & Fils (8)</a></li>                                            
  202.                 <li><a href="products.html"><i class="icon-chevron-right"></i>French Rabbit (5)</a></li>   
  203.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Louis Bernard  (45)</a></li>
  204.                 <li><a href="products.html"><i class="icon-chevron-right"></i>BIB Wine (Bag in Box) (8)</a></li>                                               
  205.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Other Liquors & Wine (5)</a></li>                                            
  206.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Garden (3)</a></li>                                              
  207.                 <li><a href="products.html"><i class="icon-chevron-right"></i>Khao Shong (11)</a></li>                                             
  208.             </ul>
  209.             </li>
  210.             <li><a href="products.html">HEALTH & BEAUTY [18]</a></li>
  211.             <li><a href="products.html">SPORTS & LEISURE [58]</a></li>
  212.             <li><a href="products.html">BOOKS & ENTERTAINMENTS [14]</a></li>
  213.         </ul>
  214.         <br/>
  215.           <div class="thumbnail">
  216.             <img src="themes/images/products/panasonic.jpg" alt="Bootshop panasonoc New camera"/>
  217.             <div class="caption">
  218.               <h5>Panasonic</h5>
  219.                 <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
  220.             </div>
  221.           </div><br/>
  222.             <div class="thumbnail">
  223.                 <img src="themes/images/products/kindle.png" title="Bootshop New Kindel" alt="Bootshop Kindel">
  224.                 <div class="caption">
  225.                   <h5>Kindle</h5>
  226.                     <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
  227.                 </div>
  228.               </div><br/>
  229.             <div class="thumbnail">
  230.                 <img src="themes/images/payment_methods.png" title="Bootshop Payment Methods" alt="Payments Methods">
  231.                 <div class="caption">
  232.                   <h5>Payment Methods</h5>
  233.                 </div>
  234.               </div>
  235.     </div>
  236. <!-- Sidebar end=============================================== -->
  237.         <div class="span9">    
  238.             <div class="well well-small">
  239.             <h4>Featured Products <small class="pull-right">200+ featured products</small></h4>
  240.             <div class="row-fluid">
  241.             <div id="featured" class="carousel slide">
  242.             <div class="carousel-inner">
  243.               <div class="item active">
  244.               <ul class="thumbnails">
  245.                 <li class="span3">
  246.                   <div class="thumbnail">
  247.                   <i class="tag"></i>
  248.                     <a href="product_details.html"><img src="themes/images/products/b1.jpg" alt=""></a>
  249.                     <div class="caption">
  250.                       <h5>Product name</h5>
  251.                       <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  252.                     </div>
  253.                   </div>
  254.                 </li>
  255.                 <li class="span3">
  256.                   <div class="thumbnail">
  257.                   <i class="tag"></i>
  258.                     <a href="product_details.html"><img src="themes/images/products/b2.jpg" alt=""></a>
  259.                     <div class="caption">
  260.                       <h5>Product name</h5>
  261.                       <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  262.                     </div>
  263.                   </div>
  264.                 </li>
  265.                 <li class="span3">
  266.                   <div class="thumbnail">
  267.                   <i class="tag"></i>
  268.                     <a href="product_details.html"><img src="themes/images/products/b3.jpg" alt=""></a>
  269.                     <div class="caption">
  270.                       <h5>Product name</h5>
  271.                        <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  272.                     </div>
  273.                   </div>
  274.                 </li>
  275.                 <li class="span3">
  276.                   <div class="thumbnail">
  277.                   <i class="tag"></i>
  278.                     <a href="product_details.html"><img src="themes/images/products/b4.jpg" alt=""></a>
  279.                     <div class="caption">
  280.                       <h5>Product name</h5>
  281.                        <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  282.                     </div>
  283.                   </div>
  284.                 </li>
  285.               </ul>
  286.               </div>
  287.                <div class="item">
  288.               <ul class="thumbnails">
  289.                 <li class="span3">
  290.                   <div class="thumbnail">
  291.                   <i class="tag"></i>
  292.                     <a href="product_details.html"><img src="themes/images/products/5.jpg" alt=""></a>
  293.                     <div class="caption">
  294.                       <h5>Product name</h5>
  295.                       <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  296.                     </div>
  297.                   </div>
  298.                 </li>
  299.                 <li class="span3">
  300.                   <div class="thumbnail">
  301.                   <i class="tag"></i>
  302.                     <a href="product_details.html"><img src="themes/images/products/6.jpg" alt=""></a>
  303.                     <div class="caption">
  304.                       <h5>Product name</h5>
  305.                       <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  306.                     </div>
  307.                   </div>
  308.                 </li>
  309.                 <li class="span3">
  310.                   <div class="thumbnail">
  311.                     <a href="product_details.html"><img src="themes/images/products/7.jpg" alt=""></a>
  312.                     <div class="caption">
  313.                       <h5>Product name</h5>
  314.                        <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  315.                     </div>
  316.                   </div>
  317.                 </li>
  318.                 <li class="span3">
  319.                   <div class="thumbnail">
  320.                     <a href="product_details.html"><img src="themes/images/products/8.jpg" alt=""></a>
  321.                     <div class="caption">
  322.                       <h5>Product name</h5>
  323.                        <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  324.                     </div>
  325.                   </div>
  326.                 </li>
  327.               </ul>
  328.               </div>
  329.                <div class="item">
  330.               <ul class="thumbnails">
  331.                 <li class="span3">
  332.                   <div class="thumbnail">
  333.                     <a href="product_details.html"><img src="themes/images/products/9.jpg" alt=""></a>
  334.                     <div class="caption">
  335.                       <h5>Product name</h5>
  336.                       <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  337.                     </div>
  338.                   </div>
  339.                 </li>
  340.                 <li class="span3">
  341.                   <div class="thumbnail">
  342.                     <a href="product_details.html"><img src="themes/images/products/10.jpg" alt=""></a>
  343.                     <div class="caption">
  344.                       <h5>Product name</h5>
  345.                       <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  346.                     </div>
  347.                   </div>
  348.                 </li>
  349.                 <li class="span3">
  350.                   <div class="thumbnail">
  351.                     <a href="product_details.html"><img src="themes/images/products/11.jpg" alt=""></a>
  352.                     <div class="caption">
  353.                       <h5>Product name</h5>
  354.                        <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  355.                     </div>
  356.                   </div>
  357.                 </li>
  358.                 <li class="span3">
  359.                   <div class="thumbnail">
  360.                     <a href="product_details.html"><img src="themes/images/products/1.jpg" alt=""></a>
  361.                     <div class="caption">
  362.                       <h5>Product name</h5>
  363.                        <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  364.                     </div>
  365.                   </div>
  366.                 </li>
  367.               </ul>
  368.               </div>
  369.                <div class="item">
  370.               <ul class="thumbnails">
  371.                 <li class="span3">
  372.                   <div class="thumbnail">
  373.                     <a href="product_details.html"><img src="themes/images/products/2.jpg" alt=""></a>
  374.                     <div class="caption">
  375.                       <h5>Product name</h5>
  376.                       <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  377.                     </div>
  378.                   </div>
  379.                 </li>
  380.                 <li class="span3">
  381.                   <div class="thumbnail">
  382.                     <a href="product_details.html"><img src="themes/images/products/3.jpg" alt=""></a>
  383.                     <div class="caption">
  384.                       <h5>Product name</h5>
  385.                       <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  386.                     </div>
  387.                   </div>
  388.                 </li>
  389.                 <li class="span3">
  390.                   <div class="thumbnail">
  391.                     <a href="product_details.html"><img src="themes/images/products/4.jpg" alt=""></a>
  392.                     <div class="caption">
  393.                       <h5>Product name</h5>
  394.                        <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  395.                     </div>
  396.                   </div>
  397.                 </li>
  398.                 <li class="span3">
  399.                   <div class="thumbnail">
  400.                     <a href="product_details.html"><img src="themes/images/products/5.jpg" alt=""></a>
  401.                     <div class="caption">
  402.                       <h5>Product name</h5>
  403.                        <h4><a class="btn" href="product_details.html">VIEW</a> <span class="pull-right">$222.00</span></h4>
  404.                     </div>
  405.                   </div>
  406.                 </li>
  407.               </ul>
  408.               </div>
  409.               </div>
  410.               <a class="left carousel-control" href="#featured" data-slide="prev">‹</a>
  411.               <a class="right carousel-control" href="#featured" data-slide="next">›</a>
  412.               </div>
  413.               </div>
  414.         </div>
  415.         <h4>Latest Products </h4>
  416.               <ul class="thumbnails">
  417.                 <li class="span3">
  418.                   <div class="thumbnail">
  419.                     <a  href="product_details.html"><img src="themes/images/products/6.jpg" alt=""/></a>
  420.                     <div class="caption">
  421.                       <h5>Product name</h5>
  422.                       <p>
  423.                         Lorem Ipsum is simply dummy text.
  424.                       </p>
  425.                      
  426.                       <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
  427.                     </div>
  428.                   </div>
  429.                 </li>
  430.                 <li class="span3">
  431.                   <div class="thumbnail">
  432.                     <a  href="product_details.html"><img src="themes/images/products/7.jpg" alt=""/></a>
  433.                     <div class="caption">
  434.                       <h5>Product name</h5>
  435.                       <p>
  436.                         Lorem Ipsum is simply dummy text.
  437.                       </p>
  438.                      <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
  439.                     </div>
  440.                   </div>
  441.                 </li>
  442.                 <li class="span3">
  443.                   <div class="thumbnail">
  444.                     <a  href="product_details.html"><img src="themes/images/products/8.jpg" alt=""/></a>
  445.                     <div class="caption">
  446.                       <h5>Product name</h5>
  447.                       <p>
  448.                         Lorem Ipsum is simply dummy text.
  449.                       </p>
  450.                        <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
  451.                     </div>
  452.                   </div>
  453.                 </li>
  454.                 <li class="span3">
  455.                   <div class="thumbnail">
  456.                     <a  href="product_details.html"><img src="themes/images/products/9.jpg" alt=""/></a>
  457.                     <div class="caption">
  458.                       <h5>Product name</h5>
  459.                       <p>
  460.                         Lorem Ipsum is simply dummy text.
  461.                       </p>
  462.                       <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
  463.                     </div>
  464.                   </div>
  465.                 </li>
  466.                 <li class="span3">
  467.                   <div class="thumbnail">
  468.                     <a  href="product_details.html"><img src="themes/images/products/10.jpg" alt=""/></a>
  469.                     <div class="caption">
  470.                       <h5>Product name</h5>
  471.                       <p>
  472.                         Lorem Ipsum is simply dummy text.
  473.                       </p>
  474.                       <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
  475.                     </div>
  476.                   </div>
  477.                 </li>
  478.                 <li class="span3">
  479.                   <div class="thumbnail">
  480.                     <a  href="product_details.html"><img src="themes/images/products/11.jpg" alt=""/></a>
  481.                     <div class="caption">
  482.                       <h5>Product name</h5>
  483.                       <p>
  484.                         Lorem Ipsum is simply dummy text.
  485.                       </p>
  486.                        <h4 style="text-align:center"><a class="btn" href="product_details.html"> <i class="icon-zoom-in"></i></a> <a class="btn" href="#">Add to <i class="icon-shopping-cart"></i></a> <a class="btn btn-primary" href="#">$222.00</a></h4>
  487.                     </div>
  488.                   </div>
  489.                 </li>
  490.               </ul>
  491.  
  492.         </div>
  493.         </div>
  494.     </div>
  495. </div>
  496. <!-- Footer ================================================================== -->
  497.     <div  id="footerSection">
  498.     <div class="container">
  499.         <div class="row">
  500.             <div class="span3">
  501.                 <h5>ACCOUNT</h5>
  502.                 <a href="login.html">YOUR ACCOUNT</a>
  503.                 <a href="login.html">PERSONAL INFORMATION</a>
  504.                 <a href="login.html">ADDRESSES</a>
  505.                 <a href="login.html">DISCOUNT</a>  
  506.                 <a href="login.html">ORDER HISTORY</a>
  507.              </div>
  508.             <div class="span3">
  509.                 <h5>INFORMATION</h5>
  510.                 <a href="contact.html">CONTACT</a>  
  511.                 <a href="register.html">REGISTRATION</a>  
  512.                 <a href="legal_notice.html">LEGAL NOTICE</a>  
  513.                 <a href="tac.html">TERMS AND CONDITIONS</a>
  514.                 <a href="faq.html">FAQ</a>
  515.              </div>
  516.             <div class="span3">
  517.                 <h5>OUR OFFERS</h5>
  518.                 <a href="#">NEW PRODUCTS</a>
  519.                 <a href="#">TOP SELLERS</a>  
  520.                 <a href="special_offer.html">SPECIAL OFFERS</a>  
  521.                 <a href="#">MANUFACTURERS</a>
  522.                 <a href="#">SUPPLIERS</a>
  523.              </div>
  524.             <div id="socialMedia" class="span3 pull-right">
  525.                 <h5>SOCIAL MEDIA </h5>
  526.                 <a href="#"><img width="60" height="60" src="themes/images/facebook.png" title="facebook" alt="facebook"/></a>
  527.                 <a href="#"><img width="60" height="60" src="themes/images/twitter.png" title="twitter" alt="twitter"/></a>
  528.                 <a href="#"><img width="60" height="60" src="themes/images/youtube.png" title="youtube" alt="youtube"/></a>
  529.              </div>
  530.          </div>
  531.         <p class="pull-right">&copy; Bootshop</p>
  532.     </div><!-- Container End -->
  533.     </div>
  534. <!-- Placed at the end of the document so the pages load faster ============================================= -->
  535.     <script src="themes/js/jquery.js" type="text/javascript"></script>
  536.     <script src="themes/js/bootstrap.min.js" type="text/javascript"></script>
  537.     <script src="themes/js/google-code-prettify/prettify.js"></script>
  538.    
  539.     <script src="themes/js/bootshop.js"></script>
  540.    <script src="themes/js/jquery.lightbox-0.5.js"></script>
  541.    
  542.     <!-- Themes switcher section ============================================================================================= -->
  543. <div id="secectionBox">
  544. <link rel="stylesheet" href="themes/switch/themeswitch.css" type="text/css" media="screen" />
  545. <script src="themes/switch/theamswitcher.js" type="text/javascript" charset="utf-8"></script>
  546.     <div id="themeContainer">
  547.     <div id="hideme" class="themeTitle">Style Selector</div>
  548.     <div class="themeName">Oregional Skin</div>
  549.     <div class="images style">
  550.     <a href="themes/css/#" name="bootshop"><img src="themes/switch/images/clr/bootshop.png" alt="bootstrap business templates" class="active"></a>
  551.     <a href="themes/css/#" name="businessltd"><img src="themes/switch/images/clr/businessltd.png" alt="bootstrap business templates" class="active"></a>
  552.     </div>
  553.     <div class="themeName">Bootswatch Skins (11)</div>
  554.     <div class="images style">
  555.         <a href="themes/css/#" name="amelia" title="Amelia"><img src="themes/switch/images/clr/amelia.png" alt="bootstrap business templates"></a>
  556.         <a href="themes/css/#" name="spruce" title="Spruce"><img src="themes/switch/images/clr/spruce.png" alt="bootstrap business templates" ></a>
  557.         <a href="themes/css/#" name="superhero" title="Superhero"><img src="themes/switch/images/clr/superhero.png" alt="bootstrap business templates"></a>
  558.         <a href="themes/css/#" name="cyborg"><img src="themes/switch/images/clr/cyborg.png" alt="bootstrap business templates"></a>
  559.         <a href="themes/css/#" name="cerulean"><img src="themes/switch/images/clr/cerulean.png" alt="bootstrap business templates"></a>
  560.         <a href="themes/css/#" name="journal"><img src="themes/switch/images/clr/journal.png" alt="bootstrap business templates"></a>
  561.         <a href="themes/css/#" name="readable"><img src="themes/switch/images/clr/readable.png" alt="bootstrap business templates"></a>
  562.         <a href="themes/css/#" name="simplex"><img src="themes/switch/images/clr/simplex.png" alt="bootstrap business templates"></a>
  563.         <a href="themes/css/#" name="slate"><img src="themes/switch/images/clr/slate.png" alt="bootstrap business templates"></a>
  564.         <a href="themes/css/#" name="spacelab"><img src="themes/switch/images/clr/spacelab.png" alt="bootstrap business templates"></a>
  565.         <a href="themes/css/#" name="united"><img src="themes/switch/images/clr/united.png" alt="bootstrap business templates"></a>
  566.         <p style="margin:0;line-height:normal;margin-left:-10px;display:none;"><small>These are just examples and you can build your own color scheme in the backend.</small></p>
  567.     </div>
  568.     <div class="themeName">Background Patterns </div>
  569.     <div class="images patterns">
  570.         <a href="themes/css/#" name="pattern1"><img src="themes/switch/images/pattern/pattern1.png" alt="bootstrap business templates" class="active"></a>
  571.         <a href="themes/css/#" name="pattern2"><img src="themes/switch/images/pattern/pattern2.png" alt="bootstrap business templates"></a>
  572.         <a href="themes/css/#" name="pattern3"><img src="themes/switch/images/pattern/pattern3.png" alt="bootstrap business templates"></a>
  573.         <a href="themes/css/#" name="pattern4"><img src="themes/switch/images/pattern/pattern4.png" alt="bootstrap business templates"></a>
  574.         <a href="themes/css/#" name="pattern5"><img src="themes/switch/images/pattern/pattern5.png" alt="bootstrap business templates"></a>
  575.         <a href="themes/css/#" name="pattern6"><img src="themes/switch/images/pattern/pattern6.png" alt="bootstrap business templates"></a>
  576.         <a href="themes/css/#" name="pattern7"><img src="themes/switch/images/pattern/pattern7.png" alt="bootstrap business templates"></a>
  577.         <a href="themes/css/#" name="pattern8"><img src="themes/switch/images/pattern/pattern8.png" alt="bootstrap business templates"></a>
  578.         <a href="themes/css/#" name="pattern9"><img src="themes/switch/images/pattern/pattern9.png" alt="bootstrap business templates"></a>
  579.         <a href="themes/css/#" name="pattern10"><img src="themes/switch/images/pattern/pattern10.png" alt="bootstrap business templates"></a>
  580.        
  581.         <a href="themes/css/#" name="pattern11"><img src="themes/switch/images/pattern/pattern11.png" alt="bootstrap business templates"></a>
  582.         <a href="themes/css/#" name="pattern12"><img src="themes/switch/images/pattern/pattern12.png" alt="bootstrap business templates"></a>
  583.         <a href="themes/css/#" name="pattern13"><img src="themes/switch/images/pattern/pattern13.png" alt="bootstrap business templates"></a>
  584.         <a href="themes/css/#" name="pattern14"><img src="themes/switch/images/pattern/pattern14.png" alt="bootstrap business templates"></a>
  585.         <a href="themes/css/#" name="pattern15"><img src="themes/switch/images/pattern/pattern15.png" alt="bootstrap business templates"></a>
  586.        
  587.         <a href="themes/css/#" name="pattern16"><img src="themes/switch/images/pattern/pattern16.png" alt="bootstrap business templates"></a>
  588.         <a href="themes/css/#" name="pattern17"><img src="themes/switch/images/pattern/pattern17.png" alt="bootstrap business templates"></a>
  589.         <a href="themes/css/#" name="pattern18"><img src="themes/switch/images/pattern/pattern18.png" alt="bootstrap business templates"></a>
  590.         <a href="themes/css/#" name="pattern19"><img src="themes/switch/images/pattern/pattern19.png" alt="bootstrap business templates"></a>
  591.         <a href="themes/css/#" name="pattern20"><img src="themes/switch/images/pattern/pattern20.png" alt="bootstrap business templates"></a>
  592.          
  593.     </div>
  594.     </div>
  595. </div>
  596. <span id="themesBtn"></span>
  597. </body>
  598. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement