1. <html>
  2. <!--[if lt IE 8]> <html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
  3. <!--[if IE 8]> <html class="no-js lt-ie10 lt-ie9"> <![endif]-->
  4. <!--[if IE 9]> <html class="no-js lt-ie10"> <![endif]-->
  6. <head>
  7. <meta charset="utf-8">
  8. <title>Webmarket HTML Template - Home Page</title>
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  10. <meta name="description" content="">
  11. <meta name="author" content="ProteusThemes">
  13. <!-- = Google Fonts = -->
  14. <script type="text/javascript">
  15. WebFontConfig = {
  16. google : {
  17. families : ['Open+Sans:400,700,400italic,700italic:latin,latin-ext,cyrillic', 'Pacifico::latin']
  18. }
  19. };
  20. (function() {
  21. var wf = document.createElement('script');
  22. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  23. wf.type = 'text/javascript';
  24. wf.async = 'true';
  25. var s = document.getElementsByTagName('script')[0];
  26. s.parentNode.insertBefore(wf, s);
  27. })();
  28. </script>
  30. <!-- Twitter Bootstrap -->
  31. <link href="stylesheets/bootstrap.css" rel="stylesheet">
  32. <link href="stylesheets/responsive.css" rel="stylesheet">
  33. <!-- Slider Revolution -->
  34. <link rel="stylesheet" href="js/rs-plugin/css/settings.css" type="text/css"/>
  35. <!-- jQuery UI -->
  36. <link rel="stylesheet" href="js/jquery-ui-1.10.3/css/smoothness/jquery-ui-1.10.3.custom.min.css" type="text/css"/>
  37. <!-- PrettyPhoto -->
  38. <link rel="stylesheet" href="js/prettyphoto/css/prettyPhoto.css" type="text/css"/>
  39. <!-- main styles -->
  40. <link href="stylesheets/main.css" rel="stylesheet">
  43. <!-- Modernizr -->
  44. <script src="js/modernizr.custom.56918.js"></script>
  46. <!-- Fav and touch icons -->
  47. <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch/144.png">
  48. <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch/114.png">
  49. <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch/72.png">
  50. <link rel="apple-touch-icon-precomposed" href="images/apple-touch/57.png">
  51. <link rel="shortcut icon" href="images/apple-touch/57.png">
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  53. <script>
  54. $(document).ready(function(){
  55. $('option').click(function ()
  56. {
  57. $(this).closest('form').submit();
  58. });
  59. });
  60. </script>
  61. </head>
  63. <body class="">
  65. <div class="master-wrapper">
  66. <!-- ========== -->
  67. <!-- = Header = -->
  68. <!-- ========== -->
  69. <header id="header">
  70. <div class="darker-row">
  71. <div class="container">
  72. <div class="row">
  73. <div class="span4">
  74. <div class="higher-line">
  75. Wellcome! Please
  76. <a href="#registerModal" role="button" data-toggle="modal">Register</a> or
  77. <a href="#loginModal" role="button" data-toggle="modal">Login</a>
  78. </div>
  79. </div>
  80. <div class="span8">
  81. <div class="topmost-line">
  82. <div class="higher-line">
  83. <a href="my-account.html" class="gray-link">My account</a>
  84. &nbsp; | &nbsp;
  85. <a href="my-account.html" class="gray-link">Wishlist (2)</a>
  86. &nbsp; | &nbsp;
  87. <a href="checkout-step-1.html" class="gray-link">Checkout</a>
  88. </div>
  89. &nbsp;
  90. <div class="lang-currency">
  91. <div class="dropdown js-selectable-dropdown">
  92. <a data-toggle="dropdown" class="selected" href="#"><span class="js-change-text"><i class="famfamfam-flag-gb"></i> English (EN)</span> <b class="caret"></b></a>
  93. <ul class="dropdown-menu js-possibilities" role="menu" aria-labelledby="dLabel">
  94. <li><a href="#"><i class="famfamfam-flag-gb"></i> English (EN)</a></li>
  95. <li><a href="#"><i class="famfamfam-flag-si"></i> Slovenian (SI)</a></li>
  96. <li><a href="#"><i class="famfamfam-flag-de"></i> German (DE)</a></li>
  97. <li><a href="#"><i class="famfamfam-flag-fr"></i> French (FR)</a></li>
  98. <li><a href="#"><i class="famfamfam-flag-es"></i> Spanish (ES)</a></li>
  99. </ul>
  100. </div>
  101. <div class="dropdown js-selectable-dropdown">
  102. <a data-toggle="dropdown" class="selected" href="#"><span class="js-change-text">USD ($)</span> <b class="caret"></b></a>
  103. <ul class="dropdown-menu js-possibilities" role="menu" aria-labelledby="dLabel">
  104. <li><a href="#">USD ($)</a></li>
  105. <li><a href="#">EUR (€)</a></li>
  106. <li><a href="#">YEN (¥)</a></li>
  107. <li><a href="#">GBP (£)</a></li>
  108. </ul>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <div class="container">
  117. <div class="row">
  119. <!-- ========== -->
  120. <!-- = Logo = -->
  121. <!-- ========== -->
  122. <div class="span7">
  123. <a class="brand" href="index.html">
  124. <img src="images/logo.png" alt="Webmarket Logo" width="48" height="48" />
  125. <span class="pacifico">Webmarket</span>
  126. <span class="tagline">Really Cool e-Commerce HTML Template</span>
  127. </a>
  128. </div>
  130. <!-- ========== -->
  131. <!-- = Social Icons = -->
  132. <!-- ========== -->
  133. <div class="span5">
  134. <div class="top-right">
  135. <div class="icons">
  136. <a href="http://www.facebook.com/ProteusNet"><span class="zocial-facebook"></span></a>
  137. <a href="skype:primozcigler?call"><span class="zocial-skype"></span></a>
  138. <a href="https://twitter.com/proteusnetcom"><span class="zocial-twitter"></span></a>
  139. <a href="http://eepurl.com/xFPYD"><span class="zocial-rss"></span></a>
  140. <a href="#"><span class="zocial-wordpress"></span></a>
  141. <a href="#"><span class="zocial-android"></span></a>
  142. <a href="#"><span class="zocial-html5"></span></a>
  143. <a href="#"><span class="zocial-windows"></span></a>
  144. <a href="#"><span class="zocial-apple"></span></a>
  145. </div>
  146. </div>
  147. </div> <!-- /social icons -->
  148. </div>
  149. </div>
  150. </header>
  152. <!-- ========== -->
  153. <!-- = Main Menu / navbar = -->
  154. <!-- ========== -->
  155. <div class="navbar navbar-static-top" id="stickyNavbar">
  156. <div class="navbar-inner">
  157. <div class="container">
  158. <div class="row">
  159. <div class="span9">
  160. <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  161. <span class="icon-bar"></span>
  162. <span class="icon-bar"></span>
  163. <span class="icon-bar"></span>
  164. </button>
  166. <!-- ========== -->
  167. <!-- = Menu = -->
  168. <!-- ========== -->
  169. <div class="nav-collapse collapse">
  170. <ul class="nav" id="mainNavigation">
  171. <li class="dropdown active">
  172. <a href="index.html" class="dropdown-toggle"> Home <b class="caret"></b> </a>
  173. <ul class="dropdown-menu">
  174. <li class="dropdown active">
  175. <a href="index.html"><i class="icon-caret-right pull-right visible-desktop"></i> Color Themes</a>
  176. <ul class="dropdown-menu">
  177. <li class="active"><a href="index.html">Default Theme</a></li>
  178. <li><a href="index-grass-green.html">Grass Green Theme</a></li>
  179. <li><a href="index-oil-green.html">Oil Green Theme</a></li>
  180. <li><a href="index-gray.html">Gray Theme</a></li>
  181. </ul>
  182. </li>
  183. <li class="dropdown">
  184. <a href="index-boxed-solid.html"><i class="icon-caret-right pull-right visible-desktop"></i> Boxed Version</a>
  185. <ul class="dropdown-menu">
  186. <li><a href="index-boxed-solid.html">Boxed - solid color background</a></li>
  187. <li><a href="index-boxed-pattern.html">Boxed - pattern background</a></li>
  188. </ul>
  189. </li>
  190. </ul>
  191. </li>
  193. <li class="dropdown dropdown-supermenu">
  194. <a href="shop.html" class="dropdown-toggle"> Shop <b class="caret"></b> </a>
  195. <ul class="dropdown-menu supermenu accepts-5">
  196. <li class="row">
  197. <div class="span2">
  198. <ul class="nav nav-pills nav-stacked">
  199. <li><a href="shop.html">Grid View</a></li>
  200. <li><a href="shop-list-view.html">List View</a></li>
  201. <li><a href="shop-no-sidebar.html">Full Width</a></li>
  202. <li><a href="product.html">Single Product</a></li>
  203. <li><a href="shop-search.html">Search Results</a></li>
  204. </ul>
  205. </div>
  206. <div class="span3">
  207. <div class="embed-container"><iframe src="http://player.vimeo.com/video/5606758" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>
  208. <h5><span class="light">Awesome</span> Video</h5>
  209. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, maiores.</p>
  210. </div>
  211. </li>
  212. </ul>
  213. </li>
  214. <li class="dropdown dropdown-megamenu">
  215. <a href="#" class="dropdown-toggle"> Megamenu <b class="caret"></b> </a>
  216. <ul class="dropdown-menu megamenu container"><!-- .col-2 for min-width:320px, .col-3 for min-width:480px -->
  217. <li class="row"><!-- .megamenu--half for 2 cols, .megamenu--third for 3 cols -->
  218. <div class="span3">
  219. <ul class="nav nav-pills nav-stacked">
  220. <li><a href="shop.html">Accessories</a></li>
  221. <li><a href="shop.html">Jeans</a></li>
  222. <li><a href="shop.html">Suits &amp; Blazers</a></li>
  223. <li><a href="shop.html">Sunglasses</a></li>
  224. <li><a href="shop.html">Swimwear</a></li>
  225. <li><a href="shop.html">Trousers</a></li>
  226. <li><a href="shop.html">T-Shirts</a></li>
  227. </ul>
  228. </div>
  229. <div class="span2">
  230. <ul class="nav nav-pills nav-stacked">
  231. <li><a href="#">Lorem Ac</a></li>
  232. </ul>
  233. <ul class="nav unstyled">
  234. <li><a href="#">Evening Tops</a></li>
  235. <li><a href="#">Shirts &amp; Blouses</a></li>
  236. <li><a href="#">Tunics</a></li>
  237. </ul>
  238. <ul class="nav nav-pills nav-stacked">
  239. <li><a href="#">Ipsum Eros</a></li>
  240. </ul>
  241. <ul class="nav unstyled">
  242. <li><a href="#">Evening Tops</a></li>
  243. <li><a href="#">Shirts &amp; Blouses</a></li>
  244. <li><a href="#">Tunics</a></li>
  245. </ul>
  246. </div>
  247. <div class="span2">
  248. <ul class="nav nav-pills nav-stacked">
  249. <li><a href="#">Elit Ac</a></li>
  250. </ul>
  251. <ul class="nav unstyled">
  252. <li><a href="#">Evening Tops</a></li>
  253. <li><a href="#">Shirts &amp; Blouses</a></li>
  254. <li><a href="#">Tunics</a></li>
  255. </ul>
  256. <ul class="nav nav-pills nav-stacked">
  257. <li><a href="#">Vel Vulputate</a></li>
  258. </ul>
  259. <ul class="nav unstyled">
  260. <li><a href="#">Evening Tops</a></li>
  261. <li><a href="#">Shirts &amp; Blouses</a></li>
  262. <li><a href="#">Tunics</a></li>
  263. </ul>
  264. </div>
  265. <div class="span2">
  266. <ul class="nav nav-pills nav-stacked">
  267. <li><a href="#">Elit Tincidunt</a></li>
  268. </ul>
  269. <ul class="nav unstyled">
  270. <li><a href="#">Evening Tops</a></li>
  271. <li><a href="#">Shirts &amp; Blouses</a></li>
  272. <li><a href="#">Tunics</a></li>
  273. </ul>
  274. <ul class="nav nav-pills nav-stacked">
  275. <li><a href="#">Feugiat Condimentum</a></li>
  276. </ul>
  277. <ul class="nav unstyled">
  278. <li><a href="#">Evening Tops</a></li>
  279. <li><a href="#">Shirts &amp; Blouses</a></li>
  280. <li><a href="#">Tunics</a></li>
  281. </ul>
  282. </div>
  283. <div class="span3">
  284. <a href="shop.html"><img src="images/dummy/menu/woman.jpg" alt="woman in red" width="540" height="270"></a>
  285. <h5><span class="light">Featured</span> Category</h5>
  286. <p>
  287. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error, quas illo sapiente ratione nihil ut.
  288. </p>
  289. </div>
  290. </li>
  291. <li class="row visible-desktop">
  292. <div class="span12">
  293. <hr>
  294. </div>
  295. </li>
  296. <li class="row visible-desktop">
  297. <div class="span6">
  298. New arrivals in: &nbsp;
  299. <a href="#" class="btn btn-mini">Clothing</a>
  300. <a href="#" class="btn btn-mini">Shoes</a>
  301. <a href="#" class="btn btn-mini">Accessories</a>
  302. <a href="#" class="btn btn-mini btn-warning">Back in stock</a>
  303. </div>
  304. <div class="span6">
  305. <div class="pull-right sm-no-pull">
  306. Outlet / Sale: &nbsp;
  307. <a href="#" class="btn btn-mini btn-success">UP TO -70%</a>
  308. </div>
  309. </div>
  310. </li>
  311. </ul>
  312. </li>
  313. <li class="dropdown">
  314. <a href="blog.html" class="dropdown-toggle">Blog <b class="caret"></b> </a>
  315. <ul class="dropdown-menu">
  316. <li><a href="blog.html">Default Layout</a></li>
  317. <li><a href="blog-single.html">Single Post</a></li>
  318. <li><a href="blog-search.html">Search Results</a></li>
  319. <li><a href="404.html">404 Page</a></li>
  320. </ul>
  321. </li>
  322. <li class="dropdown">
  323. <a href="features.html" class="dropdown-toggle">Features <b class="caret"></b> </a>
  324. <ul class="dropdown-menu">
  325. <li><a href="icons.html">Icons</a></li>
  326. <li class="dropdown">
  327. <a href="features.html" class="dropdown-toggle"><i class="icon-caret-right pull-right visible-desktop"></i> All Features</a>
  328. <ul class="dropdown-menu">
  329. <li><a href="features.html#headings">Headings</a></li>
  330. <li><a href="features.html#alertBoxes">Alert Boxes</a></li>
  331. <li><a href="features.html#tabs">Tabs</a></li>
  332. <li><a href="features.html#buttons">Buttons</a></li>
  333. <li><a href="features.html#toggles">Toggles</a></li>
  334. <li><a href="features.html#quotes">Quotes</a></li>
  335. <li><a href="features.html#gallery">Gallery Grids</a></li>
  336. <li><a href="features.html#code">Code</a></li>
  337. <li><a href="features.html#columns">Columns</a></li>
  338. <li><a href="features.html#maps">Maps</a></li>
  339. <li><a href="features.html#progress">Progress Bars</a></li>
  340. <li><a href="features.html#tables">Tables</a></li>
  341. </ul>
  342. </li>
  343. </ul>
  344. </li>
  345. <li><a href="about-us.html">About Us</a></li>
  346. <li><a href="contact.html">Contact</a></li>
  347. </ul>
  349. <!-- ========== -->
  350. <!-- = Search form = -->
  351. <!-- ========== -->
  352. <form class="navbar-form pull-right" action="#" method="get">
  353. <button type="submit"><span class="icon-search"></span></button>
  354. <input type="text" class="span1" name="search" id="navSearchInput">
  355. </form>
  356. </div><!-- /.nav-collapse -->
  357. </div>
  359. <!-- ========== -->
  360. <!-- = Cart = -->
  361. <!-- ========== -->
  362. <div class="span3">
  363. <div class="cart-container" id="cartContainer">
  364. <div class="cart">
  365. <p class="items">CART <span class="dark-clr">(3)</span></p>
  366. <p class="dark-clr hidden-tablet">$1816.90</p>
  367. <a href="checkout-step-1.html" class="btn btn-danger">
  368. <!-- <span class="icon icons-cart"></span> -->
  369. <i class="icon-shopping-cart"></i>
  370. </a>
  371. </div>
  372. <div class="open-panel">
  373. <div class="item-in-cart clearfix">
  374. <div class="image">
  375. <img src="images/dummy/cart-items/cart-item-1.jpg" width="124" height="124" alt="cart item" />
  376. </div>
  377. <div class="desc">
  378. <strong><a href="product.html">Vel Vulputate Eros Amet Feugiat</a></strong>
  379. <span class="light-clr qty">
  380. Qty: 1
  381. &nbsp;
  382. <a href="#" class="icon-remove-sign" title="Remove Item"></a>
  383. </span>
  384. </div>
  385. <div class="price">
  386. <strong>$894</strong>
  387. </div>
  388. </div>
  389. <div class="item-in-cart clearfix">
  390. <div class="image">
  391. <img src="images/dummy/cart-items/cart-item-2.jpg" width="124" height="124" alt="cart item" />
  392. </div>
  393. <div class="desc">
  394. <strong><a href="product.html">Vel Felis Est</a></strong>
  395. <span class="light-clr qty">
  396. Qty: 1
  397. &nbsp;
  398. <a href="#" class="icon-remove-sign" title="Remove Item"></a>
  399. </span>
  400. </div>
  401. <div class="price">
  402. <strong>$1617</strong>
  403. </div>
  404. </div>
  405. <div class="item-in-cart clearfix">
  406. <div class="image">
  407. <img src="images/dummy/cart-items/cart-item-3.jpg" width="124" height="124" alt="cart item" />
  408. </div>
  409. <div class="desc">
  410. <strong><a href="product.html">Vel Ac Amet Feugiat</a></strong>
  411. <span class="light-clr qty">
  412. Qty: 1
  413. &nbsp;
  414. <a href="#" class="icon-remove-sign" title="Remove Item"></a>
  415. </span>
  416. </div>
  417. <div class="price">
  418. <strong>$3363</strong>
  419. </div>
  420. </div>
  421. <div class="summary">
  422. <div class="line">
  423. <div class="row-fluid">
  424. <div class="span6">Shipping:</div>
  425. <div class="span6 align-right">$4.99</div>
  426. </div>
  427. </div>
  428. <div class="line">
  429. <div class="row-fluid">
  430. <div class="span6">Subtotal:</div>
  431. <div class="span6 align-right size-16">$357.81</div>
  432. </div>
  433. </div>
  434. </div>
  435. <div class="proceed">
  436. <a href="checkout-step-1.html" class="btn btn-danger pull-right bold higher">CHECKOUT <i class="icon-shopping-cart"></i></a>
  437. <small>Shipping costs are calculated based on location. <a href="#">More information</a></small>
  438. </div>
  439. </div>
  440. </div>
  441. </div> <!-- /cart -->
  442. </div>
  443. </div>
  444. </div>
  445. </div> <!-- /main menu -->
  446. <div class="darker-stripe">
  447. <div class="container">
  448. <div class="row">
  449. <div class="span12">
  450. <ul class="breadcrumb">
  451. <li>
  452. <a href="index.html">Webmarket</a>
  453. </li>
  454. <li><span class="icon-chevron-right"></span></li>
  455. <li>
  456. <a href="shop.html">Shop</a>
  457. </li>
  458. <li><span class="icon-chevron-right"></span></li>
  459. <li>
  460. <a href="shop.html">Grid View</a>
  461. </li>
  462. </ul>
  463. </div>
  464. </div>
  465. </div>
  466. </div>
  468. <div class="container">
  469. <div class="push-up blocks-spacer">
  470. <div class="row">
  472. <!-- ========== -->
  473. <!-- = Sidebar = -->
  474. <!-- ========== -->
  475. <aside class="span3 left-sidebar" id="tourStep1">
  476. <div class="sidebar-item sidebar-filters" id="sidebarFilters">
  478. <!-- ========== -->
  479. <!-- = Sidebar Title = -->
  480. <!-- ========== -->
  481. <div class="underlined">
  482. <h3><span class="light">Shop</span> by filters</h3>
  483. </div>
  485. <!-- ========== -->
  486. <!-- = Categories = -->
  487. <!-- ========== -->
  488. <div class="accordion-group" id="tourStep2">
  489. <div class="accordion-heading">
  490. <a class="accordion-toggle" >Categories <b class="caret"></b></a>
  491. </div>
  492. <div>
  493. <div >
  495. <br />
  496. <b>Warning</b>: strpos() [<a href='function.strpos'>function.strpos</a>]: Empty delimiter in <b>E:\shopping\wordpress\InstantWP_4.3.1\iwpserver\htdocs\shoprang\product-grid.php</b> on line <b>77</b><br />
  497. <br />
  498. <b>Warning</b>: strpos() [<a href='function.strpos'>function.strpos</a>]: Empty delimiter in <b>E:\shopping\wordpress\InstantWP_4.3.1\iwpserver\htdocs\shoprang\product-grid.php</b> on line <b>91</b><br />
  499. <a href="product-grid.php?category=&subcategory=&subsubcategory=,&like=&seller=&lowprice=&highprice=&sort=distance&brand="><img src="http://127.0.0.1:4001/unselected.png"/></a><br>
  501. </div>
  502. </div>
  503. </div> <!-- /categories -->
  505. <!-- ========== -->
  507. <!-- = Prices slider = -->
  508. <!-- ========== -->
  509. <div class="accordion-group">
  510. <div class="accordion-heading">
  511. <a class="accordion-toggle">PRICE<b class="caret"></b></a>
  512. </div>
  513. <div id="filterPrices" class="a">
  514. <div class="accordion-inner with-slider">
  517. </div>
  518. </div>
  519. </div> <!-- /prices slider -->
  520. <!-- = Prices slider = -->
  521. <!-- ========== -->
  522. <div class="accordion-group">
  523. <div class="accordion-heading">
  525. </div>
  526. <div class="accordion-body in collapse">
  527. <div>
  528. <div>
  529. </div><form name="input" action="http://127.0.0.1:4001/shoprang/price.php?category=&subcategory=&subsubcategory=&like=&seller=&stock&sort=distance&brand=" method="post">
  530. <input type="text" name="low" value="" />
  531. <input type="text" name="high" value="" /><input type="submit" value="go"/> </form> </div>
  532. </div>
  533. </div> <!-- /prices slider -->
  535. <!-- ========== -->
  536. <!-- = Size filter = -->
  537. <!-- ========== -->
  538. <div class="accordion-group" id="tourStep3">
  539. <div id="" class="">
  540. <div class="accordion-inner">
  541. <!-- = Categories = -->
  542. <!-- ========== -->
  543. <div class="accordion-group" id="tourStep2">
  544. <div class="accordion-heading">
  545. <a class="accordion-toggle" >Brand<b class="caret"></b></a>
  546. </div>
  547. <div>
  548. <div class="" >
  550. <br />
  551. <b>Warning</b>: strpos() [<a href='function.strpos'>function.strpos</a>]: Empty delimiter in <b>E:\shopping\wordpress\InstantWP_4.3.1\iwpserver\htdocs\shoprang\product-grid.php</b> on line <b>169</b><br />
  552. <br />
  553. <b>Warning</b>: strpos() [<a href='function.strpos'>function.strpos</a>]: Empty delimiter in <b>E:\shopping\wordpress\InstantWP_4.3.1\iwpserver\htdocs\shoprang\product-grid.php</b> on line <b>180</b><br />
  554. <a href="product-grid.php?category=&subcategory=&subsubcategory=&like=&brand=,&seller=&lowprice=&highprice=&sort=distance"><img src="http://127.0.0.1:4001/unselected.png"/></a><br>
  556. </div>
  557. </div>
  558. </div> </div>
  559. </div>
  560. </div> <!-- /size filter -->
  561. <!-- ========== -->
  562. <!-- ========== -->
  563. <!-- = Categories = -->
  564. <!-- ========== -->
  565. <div class="accordion-group" id="tourStep2">
  566. <div class="accordion-heading">
  567. <a class="accordion-toggle" >Seller<b class="caret"></b></a>
  568. </div>
  569. <div>
  570. <div > <a href="product-grid.php?category=&subcategory=&subsubcategory=&like=&seller=,2&lowprice=&highprice=&sort=distance&stock=&brand="><img src="http://127.0.0.1:4001/unselected.png"/>Himanshu</a><br>
  572. </div>
  573. </div>
  574. </div> <!-- /categories -->
  575. <!-- ========== -->
  576. <div class="accordion-group">
  577. <div class="accordion-heading">
  578. <a class="accordion-toggle collapsed" data-toggle="collapse" href="#filterFour">Stock <b class="caret"></b></a>
  579. </div>
  580. <div id="filterFour" class="accordion-body collapse">
  581. <div class="accordion-inner">
  582. <a href="product-grid.php?category=&subcategory=&subsubcategory=&like=&seller=,2&lowprice=&highprice=&sort=distance&stock=no&brand="><img src="http://127.0.0.1:4001/selected.png"/>In STOCK</a><br> </div>
  583. </div>
  584. </div> <!-- /brand filter -->
  586. <!-- ========== -->
  589. <a href="#" class="remove-filter" id="removeFilters"><span class="icon-ban-circle"></span> Remove All Filters</a>
  591. </div>
  592. </aside> <section class="span9">
  594. <div class="underlined push-down-20">
  595. <div class="row">
  596. <div class="span4">
  597. <h3><span class="light">All</span> Products</h3>
  598. <a href="product-grid.php?category=&subcategory=&subsubcategory=&seller=,2&lowprice=&highprice=&sort=distance&stock=&brand="></a>
  599. </div>
  600. <div class="span5 align-right sm-align-left">
  601. <div class="form-inline sorting-by" id="tourStep4">
  603. <form name="input1" action="http://127.0.0.1:4001/shoprang/sort.php?category=&subcategory=&subsubcategory=&like=&seller=&stock&brand=&highprice=&lowprice=" method="post"> <label for="isotopeSorting" class="black-clr">Sort:</label>
  604. <select id="isotopeSorting" class="span3" name="sort">
  605. <option name="sort" value='pricelow' class="option11" >By Price (Low to High) &uarr;</option>
  606. <option name="sort" value='pricehigh' class="option11" >By Price (High to Low) &darr;</option>
  607. <option name="sort" value='featured' class="option11" >Featured &darr;</option>
  608. <option name="sort" value='distance' class="option11" selected>By Distance (Low to High) &uarr;</option>
  609. <option name="sort" value='newest' class="option11" >By popularity &darr;</option>
  611. </select></form>
  612. </div>
  613. <div class="view-switch">
  614. <a href="shop.html" class="btn btn-primary"><i class="icon-th"></i></a>
  615. <a href="shop-list-view.html" class="btn"><i class="icon-list"></i></a>
  616. </div>
  617. </div>
  618. </div>
  619. </div> <!-- /title -->
  621. <!-- ========== -->
  622. <!-- = Products = -->
  623. <!-- ========== -->
  624. <div class="auto-style1">
  625. SELECT product.ID,product.name,featured.featured,product.sellprice,product.shortdescription,( 6371 * ACOS( COS( RADIANS( ) ) * COS( RADIANS( seller.latitude ) ) * COS( RADIANS( seller.longitude ) - RADIANS( ) ) + SIN( RADIANS( ) ) * SIN( RADIANS( seller.latitude ) ) ) ) as distance from seller,product,featured where seller.ID = product.sellerid and product.ID = featured.productid and product.approved = "yes" and product.category="" product.subcategory = "" and product.company IN('') and product.subsubcategory IN('') and product.stock > 0 Order by distance ASC<br />
  626. <b>Warning</b>: mysql_fetch_array() expects parameter 1 to be resource, boolean given in <b>E:\shopping\wordpress\InstantWP_4.3.1\iwpserver\htdocs\shoprang\product-grid.php</b> on line <b>350</b><br />
  628. <div id="isotopeContainer" class="isotope-container">
  630. <!-- ========== -->
  631. <div class="span3 isotope--target filter--shorts">
  632. <div class="product">
  633. <div class="product-inner">
  634. <div class="stamp green">New</div>
  635. <div class="product-img">
  636. <div class="picture">
  637. <a href="product.html"><img width="540" height="374" alt="" src="images/dummy/products/product-1.jpg" /></a>
  638. <div class="img-overlay">
  639. <a class="btn more btn-primary" href="product.html">More</a>
  640. <a class="btn buy btn-danger" href="#">Add to Cart</a>
  641. </div>
  642. </div>
  643. </div>
  644. <div class="main-titles no-margin">
  645. <h4 class="title">$766</h4>
  646. <h5 class="no-margin isotope--title">Eros Feugiat</h5>
  647. </div>
  648. <div class="row-fluid hidden-line">
  649. <div class="span6">
  650. <a href="#" class="btn btn-small"><i class="icon-heart"></i></a>
  651. <a href="#" class="btn btn-small"><i class="icon-exchange"></i></a>
  652. </div>
  653. <div class="span6 align-right">
  654. <span class="icon-star stars-clr"></span>
  655. <span class="icon-star"></span>
  656. <span class="icon-star"></span>
  657. <span class="icon-star"></span>
  658. <span class="icon-star"></span>
  659. </div>
  660. </div>
  661. </div>
  662. </div>
  663. </div>
  664. </div>
  665. </div>
  666. <hr />
  667. </section> <!-- /main content -->
  668. </div>
  669. </div>
  670. </div> <!-- /container -->
  671. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  672. <script>
  673. $(document).ready(function(){
  674. $('option11').click(function ()
  675. {
  676. $(this).closest('form').submit();
  677. });
  678. });
  679. </script>
  680. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  682. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  684. <script>
  685. $(document).ready(function () {
  687. $.post(
  688. "product_results.php", {
  689. username: "hlo"
  690. },
  691. function (data) {
  692. $('#product').html(data);
  694. });
  697. });
  698. </script>
  699. <div id="product"></div>
  700. <!-- ========== -->
  701. <!-- = Footer = -->
  702. <!-- ========== -->
  703. <footer>
  705. <!-- ========== -->
  706. <!-- = Upper footer = -->
  707. <!-- ========== -->
  708. <div class="foot-light">
  709. <div class="container">
  710. <div class="row">
  711. <div class="span4">
  712. <h2 class="pacifico">Webmarket &nbsp; <img src="images/webmarket.png" alt="Webmarket Cart" class="align-baseline" /></h2>
  713. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tincidunt vestibulum risus et gravida. Etiam vel augue ligula, blandit malesuada nisi. Quisque a augue nisi. Nullam interdum convallis </p>
  714. </div>
  715. <div class="span4">
  716. <div class="main-titles lined">
  717. <h3 class="title">Facebook</h3>
  718. </div>
  719. <div class="bordered">
  720. <div class="fill-iframe">
  721. <div class="fb-like-box" data-href="https://www.facebook.com/ProteusNet" data-width="292" data-height="200" data-colorscheme="dark" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
  722. </div>
  723. </div>
  724. </div>
  725. <div class="span4">
  726. <div class="main-titles lined">
  727. <h3 class="title"><span class="light">Newsletters</span> Signup</h3>
  728. </div>
  729. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  730. Aliquam tincidunt vestibulum risus et gravida.</p>
  731. <!-- Begin MailChimp Signup Form -->
  732. <div id="mc_embed_signup">
  733. <form action="http://proteusthemes.us4.list-manage1.com/subscribe/post?u=ea0786485977f5ec8c9283d5c&amp;id=5dad3f35e9" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form form-inline" target="_blank" novalidate>
  734. <div class="mc-field-group">
  735. <input type="email" value="" placeholder="Enter your e-mail address" name="EMAIL" class="required email" id="mce-EMAIL">
  736. <input type="submit" value="Send" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary">
  737. </div>
  738. <div id="mce-responses" class="clear">
  739. <div class="response" id="mce-error-response" style="display:none"></div>
  740. <div class="response" id="mce-success-response" style="display:none"></div>
  741. </div>
  743. </form>
  744. </div>
  745. <!--End mc_embed_signup-->
  746. </div>
  747. </div>
  748. </div>
  749. </div> <!-- /upper footer -->
  751. <!-- ========== -->
  752. <!-- = Middle footer = -->
  753. <!-- ========== -->
  754. <div class="foot-dark">
  755. <div class="container">
  756. <div class="row">
  758. <!-- ========== -->
  759. <!-- = Menu 1 = -->
  760. <!-- ========== -->
  761. <div class="span3">
  762. <div class="main-titles lined">
  763. <h3 class="title"><span class="light">Main</span> Navigation</h3>
  764. </div>
  765. <ul class="nav bold">
  766. <li><a href="#">Home</a></li>
  767. <li><a href="#">Pages</a></li>
  768. <li><a href="#">About Us</a></li>
  769. <li><a href="#">Shortcodes</a></li>
  770. <li><a href="#">Gallery</a></li>
  771. <li><a href="#">Contact Us</a></li>
  772. </ul>
  773. </div>
  775. <!-- ========== -->
  776. <!-- = Menu 2 = -->
  777. <!-- ========== -->
  778. <div class="span3">
  779. <div class="main-titles lined">
  780. <h3 class="title"><span class="light">Second</span> Navigation</h3>
  781. </div>
  782. <ul class="nav">
  783. <li><a href="#">Lorem Ipsum Dolor Sit</a></li>
  784. <li><a href="#">Amet Webmarket Signup</a></li>
  785. <li><a href="#">Brands</a></li>
  786. <li><a href="#">Latest Tweets Sometging</a></li>
  787. <li><a href="#">Ipsum Sit Lorem Amet</a></li>
  788. </ul>
  789. </div>
  791. <!-- ========== -->
  792. <!-- = Menu 3 = -->
  793. <!-- ========== -->
  794. <div class="span3">
  795. <div class="main-titles lined">
  796. <h3 class="title"><span class="light">Third</span> Navigation</h3>
  797. </div>
  798. <ul class="nav">
  799. <li><a href="#">Lorem Ipsum Dolor Sit</a></li>
  800. <li><a href="#">Amet Webmarket Signup</a></li>
  801. <li><a href="#">Brands</a></li>
  802. <li><a href="#">Latest Tweets Sometging</a></li>
  803. <li><a href="#">Ipsum Sit Lorem Amet</a></li>
  804. </ul>
  805. </div>
  807. <!-- ========== -->
  808. <!-- = Menu 4 = -->
  809. <!-- ========== -->
  810. <div class="span3">
  811. <div class="main-titles lined">
  812. <h3 class="title"><span class="light">Fourth</span> Navigation</h3>
  813. </div>
  814. <ul class="nav">
  815. <li><a href="#">Lorem Ipsum Dolor Sit</a></li>
  816. <li><a href="#">Amet Webmarket Signup</a></li>
  817. <li><a href="#">Brands</a></li>
  818. <li><a href="#">Latest Tweets Sometging</a></li>
  819. <li><a href="#">Ipsum Sit Lorem Amet</a></li>
  820. </ul>
  821. </div>
  822. </div>
  823. </div>
  824. </div> <!-- /middle footer -->
  826. <!-- ========== -->
  827. <!-- = Bottom Footer = -->
  828. <!-- ========== -->
  829. <div class="foot-last">
  830. <a href="#" id="toTheTop">
  831. <span class="icon-chevron-up"></span>
  832. </a>
  833. <div class="container">
  834. <div class="row">
  835. <div class="span6">
  836. &copy; Copyright 2013. Images of products by <a target="_blank" href="http://www.horsefeathers.eu/">Horsefeathers</a>.
  837. </div>
  838. <div class="span6">
  839. <div class="pull-right">Webmarket HTML Template by <a href="http://www.proteusthemes.com">ProteusThemes</a></div>
  840. </div>
  841. </div>
  842. </div>
  843. </div> <!-- /bottom footer -->
  844. </footer> <!-- /footer -->
  847. <!-- ========== -->
  848. <!-- = Modal Windows = -->
  849. <!-- ========== -->
  851. <!-- = Login = -->
  852. <div id="loginModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel" aria-hidden="true">
  853. <div class="modal-header">
  854. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  855. <h3 id="loginModalLabel"><span class="light">Login</span> To Webmarket</h3>
  856. </div>
  857. <div class="modal-body">
  858. <form method="post" action="login.php">
  859. <div class="control-group">
  860. <label class="control-label hidden shown-ie8" for="inputEmail">Username</label>
  861. <div class="controls">
  862. <input type="text" class="input-block-level" id="username" placeholder="Username" name="username" required>
  863. </div>
  864. </div>
  865. <div class="control-group">
  866. <label class="control-label hidden shown-ie8" for="inputPassword">Password</label>
  867. <div class="controls">
  868. <input type="password" class="input-block-level" id="password" name="password" placeholder="Password" required>
  869. </div>
  870. </div>
  871. <div class="control-group">
  872. <div class="controls">
  873. <label class="checkbox">
  874. <input type="checkbox">
  875. Remember me
  876. </label>
  877. </div>
  878. </div>
  879. <button type="submit" class="btn btn-primary input-block-level bold higher">
  880. SIGN IN
  881. </button>
  882. </form>
  883. <p class="center-align push-down-0">
  884. <a data-toggle="modal" role="button" href="#forgotPassModal" data-dismiss="modal">Forgot your password?</a>
  885. </p>
  886. </div>
  887. </div>
  890. <!-- = Forgot your password = -->
  891. <div id="forgotPassModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="forgotPassModalLabel" aria-hidden="true">
  892. <div class="modal-header">
  893. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
  894. <h3 id="forgotPassModalLabel"><span class="light">Forgot</span> your password?</h3>
  895. </div>
  896. <div class="modal-body">
  897. <form method="post" action="index.php">
  898. <div class="control-group">
  899. <label class="control-label hidden shown-ie8" for="inputUsernameRegister">Username</label>
  900. <div class="controls">
  901. <input type="text" class="input-block-level" id="username" placeholder="Username">
  902. </div>
  903. </div>
  904. <p class="center-align">OR</p>
  905. <div class="control-group">
  906. <label class="control-label hidden shown-ie8" for="inputEmailRegister">Email</label>
  907. <div class="controls">
  908. <input type="email" class="input-block-level" id="password" placeholder="Email">
  909. </div>
  910. </div>
  911. <button type="submit" class="btn btn-primary input-block-level bold higher">
  912. SEND ME A NEW PASSWORD
  913. </button>
  914. </form>
  915. </div>
  916. </div>
  918. </div> <!-- end of master-wrapper -->
  922. <!-- ========== -->
  923. <!-- = JavaScript = -->
  924. <!-- ========== -->
  926. <!-- = FB = -->
  928. <div id="fb-root"></div>
  929. <script>(function(d, s, id) {
  930. var js, fjs = d.getElementsByTagName(s)[0];
  931. if (d.getElementById(id)) return;
  932. js = d.createElement(s); js.id = id;
  933. js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=126780447403102";
  934. fjs.parentNode.insertBefore(js, fjs);
  935. }(document, 'script', 'facebook-jssdk'));</script>
  938. <!-- = jQuery - CDN with local fallback = -->
  939. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  940. <script type="text/javascript">
  941. if (typeof jQuery == 'undefined') {
  942. document.write('<script src="js/jquery.min.js"><\/script>');
  943. }
  944. </script>
  946. <!-- = _ = -->
  947. <script src="js/underscore/underscore-min.js" type="text/javascript"></script>
  949. <!-- = Bootstrap = -->
  950. <script src="js/bootstrap.min.js" type="text/javascript"></script>
  952. <!-- = Slider Revolution = -->
  953. <script src="js/rs-plugin/js/jquery.themepunch.plugins.min.js" type="text/javascript"></script>
  954. <script src="js/rs-plugin/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
  956. <!-- = CarouFredSel = -->
  957. <script src="js/jquery.carouFredSel-6.2.1-packed.js" type="text/javascript"></script>
  959. <!-- = jQuery UI = -->
  960. <script src="js/jquery-ui-1.10.3/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
  961. <script src="js/jquery-ui-1.10.3/touch-fix.min.js" type="text/javascript"></script>
  963. <!-- = Isotope = -->
  964. <script src="js/isotope/jquery.isotope.min.js" type="text/javascript"></script>
  966. <!-- = Tour = -->
  967. <script src="js/bootstrap-tour/build/js/bootstrap-tour.min.js" type="text/javascript"></script>
  969. <!-- = PrettyPhoto = -->
  970. <script src="js/prettyphoto/js/jquery.prettyPhoto.js" type="text/javascript"></script>
  972. <!-- = Google Maps API = -->
  973. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  974. <script type="text/javascript" src="js/goMap/js/jquery.gomap-1.3.2.min.js"></script>
  976. <!-- = Custom JS = -->
  977. <script src="js/custom.js" type="text/javascript"></script>
  979. </body>
  980. </html>

this is the code