API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Nov 27th, 2014
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  5. <title>Online Shop</title>
  6. <link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
  7. <!--[if lte IE 6]><link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" /><![endif]-->
  8.  
  9. <meta name="keywwords" content="Shop Around - Great free html template for on-line shop. Use it as a start point for your on line business. The template can be easily implemented in many open source E-commerce platforms" />
  10. <meta name="description" content="Shop Around - Great free html template for on-line shop. Use it as a start point for your on line business. The template can be easily implemented in many open source E-commerce platforms" />
  11.  
  12. <!-- JS -->
  13. <script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
  14. <script src="js/jquery.jcarousel.pack.js" type="text/javascript"></script>
  15. <script src="js/jquery-func.js" type="text/javascript"></script>
  16. <!-- End JS -->
  17. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  18.  
  19. </head>
  20. <body>
  21.  
  22. <!-- Shell -->
  23. <div class="shell">
  24.  
  25. <!-- Header -->
  26. <div id="header">
  27. <h1 id="logo"><a href="#">shoparound</a></h1>
  28.  
  29. <!-- Cart -->
  30. <div id="cart">
  31. <a href="#" class="cart-link">Your Shopping Cart</a>
  32. <!--
  33. <div class="cl">&nbsp;</div>
  34. <span>Articles: <strong>0</strong></span>
  35. &nbsp;&nbsp;
  36. <span>Cost: <strong>$0.00</strong></span>
  37. -->
  38. <div class="cart-details-area">
  39. <div class="cart-details-container">
  40. <p class='cart-empty'>Cart is Empty Now !!</p>
  41. <div class='cart-append'></div>
  42. <br/>
  43. <p class='cart-total'></p>
  44. </div>
  45. </div>
  46. </div>
  47. <!-- End Cart -->
  48.  
  49. <!-- Navigation -->
  50. <div id="navigation">
  51. <ul>
  52. <li><a href="#" class="active">Home</a></li>
  53. <!--<li><a href="#">Support</a></li>-->
  54. <li><a href="#">Log In</a></li>
  55. <li><a href="#">Sign Up</a></li>
  56. <li><a href="#">More</a></li>
  57. </ul>
  58. </div>
  59. <!-- End Navigation -->
  60. </div>
  61. <!-- End Header -->
  62.  
  63. <!-- Main -->
  64. <div id="main">
  65. <div class="cl">&nbsp;</div>
  66.  
  67. <!-- Content -->
  68. <div id="content">
  69.  
  70. <!-- Content Slider -->
  71. <div id="slider" class="box">
  72. <div id="slider-holder">
  73. <ul>
  74. <li><a href="#"><img src="css/images/slide1.jpg" alt="" /></a></li>
  75. <li><a href="#"><img src="css/images/slide2.jpg" alt="" /></a></li>
  76. <li><a href="#"><img src="css/images/slide1.jpg" alt="" /></a></li>
  77. <li><a href="#"><img src="css/images/slide2.jpg" alt="" /></a></li>
  78. </ul>
  79. </div>
  80. <div id="slider-nav">
  81. <a href="#" class="active">1</a>
  82. <a href="#" class="active">2</a>
  83. <a href="#"class="active">3</a>
  84. <a href="#" >4</a>
  85. </div>
  86. </div>
  87. <!-- End Content Slider -->
  88.  
  89. <!-- Products -->
  90. <div class="products">
  91. <div class="cl">&nbsp;</div>
  92. <ul>
  93. <li>
  94. <a href="#"><img src="css/images/largebanana.jpg" alt="" width="220px"/></a>
  95. <div class="product-info">
  96. <h3>LOREM IPSUM</h3>
  97. <div class="product-desc">
  98. <h4>WOMEN’S</h4>
  99. <p>Lorem ipsum dolor sit<br />amet</p>
  100. <strong class="price">$58.99</strong>
  101. </div>
  102. </div>
  103. </li>
  104. <li>
  105. <a href="#"><img src="css/images/slide3.jpg" alt="" /></a>
  106. <div class="product-info">
  107. <h3>LOREM IPSUM</h3>
  108. <div class="product-desc">
  109. <h4>WOMEN’S</h4>
  110. <p>Lorem ipsum dolor sit<br />amet</p>
  111. <strong class="price">$58.99</strong>
  112. </div>
  113. </div>
  114. </li>
  115. <li class="last">
  116. <a href="#"><img src="css/images/slide2.jpg" alt="" /></a>
  117. <div class="product-info">
  118. <h3>LOREM IPSUM</h3>
  119. <div class="product-desc">
  120. <h4>WOMEN’S</h4>
  121. <p>Lorem ipsum dolor sit<br />amet</p>
  122. <strong class="price">$58.99</strong>
  123. </div>
  124. </div>
  125. </li>
  126. </ul>
  127. <div class="cl">&nbsp;</div>
  128. </div>
  129. <!-- End Products -->
  130.  
  131. </div>
  132. <!-- End Content -->
  133.  
  134. <!-- Sidebar -->
  135. <div id="sidebar">
  136.  
  137. <!-- Search -->
  138. <div class="box search">
  139. <h2>Search by <span></span></h2>
  140. <div class="box-content">
  141. <form action="" method="post">
  142.  
  143. <label>Keyword</label>
  144. <input type="text" class="field" />
  145.  
  146. <label>Category</label>
  147. <select class="field">
  148. <option value="">-- Select Category --</option>
  149. </select>
  150.  
  151. <div class="inline-field">
  152. <label>Price</label>
  153. <select class="field small-field">
  154. <option value="">$10</option>
  155. </select>
  156. <label>to:</label>
  157. <select class="field small-field">
  158. <option value="">$50</option>
  159. </select>
  160. </div>
  161.  
  162. <input type="submit" class="search-submit" value="Search" />
  163.  
  164. <p>
  165. <a href="#" class="bul">Advanced search</a><br />
  166. <a href="#" class="bul">Contact Customer Support</a>
  167. </p>
  168.  
  169. </form>
  170. </div>
  171. </div>
  172. <!-- End Search -->
  173.  
  174. <!-- Categories -->
  175. <div class="box categories">
  176. <h2>Main Menu<span></span></h2>
  177. <div class="box-content">
  178. <!--main category-->
  179. <ul>
  180. <li class='main-category'>
  181. <div class="main-category-title">Fruits</div>
  182. <ul class='category-container'>
  183. <li class=''>
  184. <div class='category-title' data-category='1'>Banana
  185. <img src='css/images/banana.png' alt="" width="25px" />
  186. <button class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></button>
  187. <button class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></button>
  188. <button><img src='css/images/wishlist.png' alt="" width="25px" /></button>
  189.  
  190. </div>
  191. <div class='product-area' data-category='1'>
  192. <div class='product-container'>
  193. <div class="product-image">
  194. <img src="css/images/largebanana.jpg" alt="" width="220px"/>
  195. <h3 class='product-name'>Banana
  196. Unit Price=90.80Tk
  197. </h3>
  198. </div>
  199. <div class="product-price-area">
  200. <div class='product-price-container'>
  201. <h3 class='product-name'>Banana
  202.  
  203. </h3>
  204. <h3 class='product-price' data-price='1'>90.80</h3>
  205. <!--<input value=1 class='count' type="number" min='1'/>-->
  206. </div>
  207. </div>
  208. </div>
  209. <!--<div class='product-btn'>
  210. <button><a class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></a></button>
  211. <button><a class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></a></button>
  212. <button><a class="add-to-wishlist"><img src='css/images/wishlist.png' alt="" width="25px" /></a></button>
  213. </div>-->
  214. </div>
  215. </li>
  216. <li class=''>
  217. <div class='category-title' data-category='2'>Apple
  218. <img src='css/images/apples.png' alt="" width="30px" />
  219. <button class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></button>
  220. <button class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></button>
  221. <button><img src='css/images/wishlist.png' alt="" width="25px" /></button>
  222. </div>
  223. <div class='product-area' data-category='2'>
  224. <div class='product-container'>
  225. <div class="product-image">
  226. <img src='css/images/apples.jpeg' alt="" />
  227.  
  228. </div>
  229. <div class="product-price-area">
  230. <div class='product-price-container'>
  231. <h3 class='product-name'>Apple</h3>
  232. <h3 class='product-price' data-price='2'>90.80</h3>
  233. <!--<input value=1 class='count' type="number" min='1'/>-->
  234. </div>
  235. </div>
  236. </div>
  237. <!--<div class='product-btn'>
  238. <button><a class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></a></button>
  239. <button><a class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></a></button>
  240. <button><a class="add-to-wishlist"><img src='css/images/wishlist.png' alt="" width="25px" /></a></button>
  241. </div>-->
  242. </div>
  243. </li>
  244. <li class=''>
  245. <div class='category-title' data-category='3'>Orange
  246. <img src='css/images/orange.png' alt="" width="25px" />
  247. <button class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></button>
  248. <button class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></button>
  249. <button><img src='css/images/wishlist.png' alt="" width="25px" /></button>
  250. </div>
  251. <div class='product-area' data-category='3'>
  252. <div class='product-container'>
  253. <div class="product-image">
  254. <img src='css/images/orange.jpg' alt="" />
  255. </div>
  256. <div class="product-price-area">
  257. <div class='product-price-container'>
  258. <h3 class='product-name'>Orange</h3>
  259. <h3 class='product-price' data-price='3'>90.80</h3>
  260. <!--<input value=1 class='count' type="number" min='1'/>-->
  261. </div>
  262. </div>
  263. </div>
  264. <!--<div class='product-btn'>
  265. <button><a class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></a></button>
  266. <button><a class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></a></button>
  267. <button><a class="add-to-wishlist"><img src='css/images/wishlist.png' alt="" width="25px" /></a></button>
  268. </div>-->
  269. </div>
  270. </li>
  271. </ul>
  272. </li>
  273. </ul>
  274. <!--main category-->
  275. <ul>
  276. <li class='main-category'>
  277. <div class="main-category-title">Vegetable</div>
  278. <ul class='category-container'>
  279. <li class=''>
  280. <div class='category-title' data-category='4'>Banana
  281. <img src='css/images/banana.png' alt="" width="25px" />
  282. <button class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></button>
  283. <button class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></button>
  284. <button><img src='css/images/wishlist.png' alt="" width="25px" /></button>
  285.  
  286. </div>
  287. <div class='product-area' data-category='4'>
  288. <div class='product-container'>
  289. <div class="product-image">
  290. <img src="css/images/largebanana.jpg" alt="" width="220px"/>
  291. <h3 class='product-name'>Banana
  292. Unit Price=90.80Tk
  293. </h3>
  294. </div>
  295. <div class="product-price-area">
  296. <div class='product-price-container'>
  297. <h3 class='product-name'>Banana
  298.  
  299. </h3>
  300. <h3 class='product-price' data-price='4'>90.80</h3>
  301. <!--<input value=1 class='count' type="number" min='1'/>-->
  302. </div>
  303. </div>
  304. </div>
  305. <!--<div class='product-btn'>
  306. <button><a class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></a></button>
  307. <button><a class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></a></button>
  308. <button><a class="add-to-wishlist"><img src='css/images/wishlist.png' alt="" width="25px" /></a></button>
  309. </div>-->
  310. </div>
  311. </li>
  312. <li class=''>
  313. <div class='category-title' data-category='5'>Apple
  314. <img src='css/images/apples.png' alt="" width="30px" />
  315. <button class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></button>
  316. <button class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></button>
  317. <button><img src='css/images/wishlist.png' alt="" width="25px" /></button>
  318. </div>
  319. <div class='product-area' data-category='5'>
  320. <div class='product-container'>
  321. <div class="product-image">
  322. <img src='css/images/apples.jpeg' alt="" />
  323.  
  324. </div>
  325. <div class="product-price-area">
  326. <div class='product-price-container'>
  327. <h3 class='product-name'>Apple</h3>
  328. <h3 class='product-price' data-price='5'>90.80</h3>
  329. <!--<input value=1 class='count' type="number" min='1'/>-->
  330. </div>
  331. </div>
  332. </div>
  333. <!--<div class='product-btn'>
  334. <button><a class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></a></button>
  335. <button><a class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></a></button>
  336. <button><a class="add-to-wishlist"><img src='css/images/wishlist.png' alt="" width="25px" /></a></button>
  337. </div>-->
  338. </div>
  339. </li>
  340. <li class=''>
  341. <div class='category-title' data-category='6'>Orange
  342. <img src='css/images/orange.png' alt="" width="25px" />
  343. <button class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></button>
  344. <button class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></button>
  345. <button><img src='css/images/wishlist.png' alt="" width="25px" /></button>
  346. </div>
  347. <div class='product-area' data-category='6'>
  348. <div class='product-container'>
  349. <div class="product-image">
  350. <img src='css/images/orange.jpg' alt="" />
  351. </div>
  352. <div class="product-price-area">
  353. <div class='product-price-container'>
  354. <h3 class='product-name'>Orange</h3>
  355. <h3 class='product-price' data-price='6'>90.80</h3>
  356. <!--<input value=1 class='count' type="number" min='1'/>-->
  357. </div>
  358. </div>
  359. </div>
  360. <!--<div class='product-btn'>
  361. <button><a class="add-to-cart"><img src='css/images/plus.png' alt="" width="25px" /></a></button>
  362. <button><a class="remove-from-cart"><img src='css/images/minus.png' alt="" width="25px" /></a></button>
  363. <button><a class="add-to-wishlist"><img src='css/images/wishlist.png' alt="" width="25px" /></a></button>
  364. </div>-->
  365. </div>
  366. </li>
  367. </ul>
  368. </li>
  369. </ul>
  370. </div>
  371. </div>
  372. <!-- End Categories -->
  373.  
  374. </div>
  375. <!-- End Sidebar -->
  376.  
  377. <div class="cl">&nbsp;</div>
  378. </div>
  379. <!-- End Main -->
  380.  
  381. <!-- Side Full -->
  382. <div class="side-full">
  383.  
  384. <!-- More Products -->
  385. <div class="more-products">
  386. <div class="more-products-holder">
  387. <ul>
  388. <li><a href="#"><img src="css/images/small1.jpg" alt="" /></a></li>
  389. <li><a href="#"><img src="css/images/small2.jpg" alt="" /></a></li>
  390. <li><a href="#"><img src="css/images/small3.jpg" alt="" /></a></li>
  391. <li><a href="#"><img src="css/images/small4.jpg" alt="" /></a></li>
  392. <li><a href="#"><img src="css/images/small5.jpg" alt="" /></a></li>
  393. <li><a href="#"><img src="css/images/small6.jpg" alt="" /></a></li>
  394. <li><a href="#"><img src="css/images/small7.jpg" alt="" /></a></li>
  395. <li><a href="#"><img src="css/images/small1.jpg" alt="" /></a></li>
  396. <li><a href="#"><img src="css/images/small2.jpg" alt="" /></a></li>
  397. <li><a href="#"><img src="css/images/small3.jpg" alt="" /></a></li>
  398. <li><a href="#"><img src="css/images/small4.jpg" alt="" /></a></li>
  399. <li><a href="#"><img src="css/images/small5.jpg" alt="" /></a></li>
  400. <li><a href="#"><img src="css/images/small6.jpg" alt="" /></a></li>
  401. <li><a href="#"><img src="css/images/small7.jpg" alt="" /></a></li>
  402. <li><a href="#"><img src="css/images/small1.jpg" alt="" /></a></li>
  403. <li><a href="#"><img src="css/images/small2.jpg" alt="" /></a></li>
  404. <li><a href="#"><img src="css/images/small3.jpg" alt="" /></a></li>
  405. <li><a href="#"><img src="css/images/small4.jpg" alt="" /></a></li>
  406. <li><a href="#"><img src="css/images/small5.jpg" alt="" /></a></li>
  407. <li><a href="#"><img src="css/images/small6.jpg" alt="" /></a></li>
  408. <li class="last"><a href="#"><img src="css/images/small7.jpg" alt="" /></a></li>
  409. </ul>
  410. </div>
  411. <div class="more-nav">
  412. <a href="#" class="prev">previous</a>
  413. <a href="#" class="next">next</a>
  414. </div>
  415. </div>
  416. <!-- End More Products -->
  417.  
  418. <!-- Text Cols -->
  419. <div class="cols">
  420. <div class="cl">&nbsp;</div>
  421. <div class="col">
  422. <h3 class="ico ico1">Donec imperdiet</h3>
  423. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet, metus ac cursus auctor, arcu felis ornare dui.</p>
  424. <p class="more"><a href="#" class="bul">Lorem ipsum</a></p>
  425. </div>
  426. <div class="col">
  427. <h3 class="ico ico2">Donec imperdiet</h3>
  428. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet, metus ac cursus auctor, arcu felis ornare dui.</p>
  429. <p class="more"><a href="#" class="bul">Lorem ipsum</a></p>
  430. </div>
  431. <div class="col">
  432. <h3 class="ico ico3">Donec imperdiet</h3>
  433. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet, metus ac cursus auctor, arcu felis ornare dui.</p>
  434. <p class="more"><a href="#" class="bul">Lorem ipsum</a></p>
  435. </div>
  436. <div class="col col-last">
  437. <h3 class="ico ico4">Donec imperdiet</h3>
  438. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec imperdiet, metus ac cursus auctor, arcu felis ornare dui.</p>
  439. <p class="more"><a href="#" class="bul">Lorem ipsum</a></p>
  440. </div>
  441. <div class="cl">&nbsp;</div>
  442. </div>
  443. <!-- End Text Cols -->
  444.  
  445. </div>
  446. <!-- End Side Full -->
  447.  
  448. <!-- Footer -->
  449. <div id="footer">
  450. <p class="left">
  451. <a href="#">Home</a>
  452. <span>|</span>
  453. <a href="#">Log In</a>
  454. <span>|</span>
  455. <a href="#">Sign Up</a>
  456. <span>|</span>
  457. <a href="#">More</a>
  458.  
  459. </p>
  460. <p class="right">
  461. &copy; 2010 Shop Around.
  462. Design by <a href="http://chocotemplates.com" target="_blank" title="The Sweetest CSS Templates WorldWide">Chocotemplates.com</a>
  463. </p>
  464. </div>
  465. <!-- End Footer -->
  466.  
  467. </div>
  468. <!-- End Shell -->
  469.  
  470. <script type="text/javascript" src='js/custom.js'></script>
  471. </body>
  472. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!