API tools faq
paste
Advertisement
Hacksas

PHP Test code

Hacksas
Mar 17th, 2017
187
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Smart Shop a Ecommerce Online Shopping Category Flat Bootstrap Responsive Website Template | Electronics :: w3layouts</title>
  5. <!-- for-mobile-apps -->
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <meta name="keywords" content="Smart Shop Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
  9. Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
  10. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
  11. function hideURLbar(){ window.scrollTo(0,1); } </script>
  12. <!-- //for-mobile-apps -->
  13. <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
  14. <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
  15. <!-- js -->
  16. <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
  17. <!-- //js -->
  18. <!-- cart -->
  19. <script src="js/simpleCart.min.js"></script>
  20. <!-- cart -->
  21. <!-- for bootstrap working -->
  22. <script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>
  23. <!-- //for bootstrap working -->
  24. <link href='//fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  25. <link href='//fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,900,900italic,700italic' rel='stylesheet' type='text/css'>
  26. <script src="js/jquery.easing.min.js"></script>
  27. </head>
  28. <body>
  29. <!-- header -->
  30. <div class="header">
  31. <div class="container">
  32. <ul>
  33. <li><span class="glyphicon glyphicon-time" aria-hidden="true"></span>Free and Fast Delivery</li>
  34. <li><span class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></span>Free shipping On all orders</li>
  35. <li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span><a href="mailto:info@example.com">info@example.com</a></li>
  36. </ul>
  37. </div>
  38. </div>
  39. <!-- //header -->
  40. <!-- header-bot -->
  41. <div class="header-bot">
  42. <div class="container">
  43. <div class="col-md-3 header-left">
  44. <h1><a href="index.html"><img src="images/logo3.jpg"></a></h1>
  45. </div>
  46. <div class="col-md-6 header-middle">
  47. <form>
  48. <div class="search">
  49. <input type="search" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}" required="">
  50. </div>
  51. <div class="section_room">
  52. <select id="country" onchange="change_country(this.value)" class="frm-field required">
  53. <option value="null">All categories</option>
  54. <option value="null">Electronics</option>
  55. <option value="AX">kids Wear</option>
  56. <option value="AX">Men's Wear</option>
  57. <option value="AX">Women's Wear</option>
  58. <option value="AX">Watches</option>
  59. </select>
  60. </div>
  61. <div class="sear-sub">
  62. <input type="submit" value=" ">
  63. </div>
  64. <div class="clearfix"></div>
  65. </form>
  66. </div>
  67. <div class="col-md-3 header-right footer-bottom">
  68. <ul>
  69. <li><a href="#" class="use1" data-toggle="modal" data-target="#myModal4"><span>Login</span></a>
  70.  
  71. </li>
  72. <li><a class="fb" href="#"></a></li>
  73. <li><a class="twi" href="#"></a></li>
  74. <li><a class="insta" href="#"></a></li>
  75. <li><a class="you" href="#"></a></li>
  76. </ul>
  77. </div>
  78. <div class="clearfix"></div>
  79. </div>
  80. </div>
  81. <!-- //header-bot -->
  82. <!-- banner -->
  83. <div class="ban-top">
  84. <div class="container">
  85. <div class="top_nav_left">
  86. <nav class="navbar navbar-default">
  87. <div class="container-fluid">
  88. <!-- Brand and toggle get grouped for better mobile display -->
  89. <div class="navbar-header">
  90. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
  91. <span class="sr-only">Toggle navigation</span>
  92. <span class="icon-bar"></span>
  93. <span class="icon-bar"></span>
  94. <span class="icon-bar"></span>
  95. </button>
  96. </div>
  97. <!-- Collect the nav links, forms, and other content for toggling -->
  98. <div class="collapse navbar-collapse menu--shylock" id="bs-example-navbar-collapse-1">
  99. <ul class="nav navbar-nav menu__list">
  100. <li class="active menu__item "><a class="menu__link" href="index.html">Home <span class="sr-only">(current)</span></a></li>
  101. <li class="dropdown menu__item">
  102. <a href="#" class="dropdown-toggle menu__link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">men's wear <span class="caret"></span></a>
  103. <ul class="dropdown-menu multi-column columns-3">
  104. <div class="row">
  105. <div class="col-sm-6 multi-gd-img1 multi-gd-text ">
  106. <a href="mens.html"><img src="images/woo1.jpg" alt=" "/></a>
  107. </div>
  108. <div class="col-sm-3 multi-gd-img">
  109. <ul class="multi-column-dropdown">
  110. <li><a href="mens.html">Clothing</a></li>
  111. <li><a href="mens.html">Wallets</a></li>
  112. <li><a href="mens.html">Footwear</a></li>
  113. <li><a href="mens.html">Watches</a></li>
  114. <li><a href="mens.html">Accessories</a></li>
  115. <li><a href="mens.html">Bags</a></li>
  116. <li><a href="mens.html">Caps & Hats</a></li>
  117. </ul>
  118. </div>
  119. <div class="col-sm-3 multi-gd-img">
  120. <ul class="multi-column-dropdown">
  121. <li><a href="mens.html">Jewellery</a></li>
  122. <li><a href="mens.html">Sunglasses</a></li>
  123. <li><a href="mens.html">Perfumes</a></li>
  124. <li><a href="mens.html">Beauty</a></li>
  125. <li><a href="mens.html">Shirts</a></li>
  126. <li><a href="mens.html">Sunglasses</a></li>
  127. <li><a href="mens.html">Swimwear</a></li>
  128. </ul>
  129. </div>
  130. <div class="clearfix"></div>
  131. </div>
  132. </ul>
  133. </li>
  134. <li class="dropdown menu__item">
  135. <a href="#" class="dropdown-toggle menu__link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">women's wear <span class="caret"></span></a>
  136. <ul class="dropdown-menu multi-column columns-3">
  137. <div class="row">
  138. <div class="col-sm-3 multi-gd-img">
  139. <ul class="multi-column-dropdown">
  140. <li><a href="womens.html">Clothing</a></li>
  141. <li><a href="womens.html">Wallets</a></li>
  142. <li><a href="womens.html">Footwear</a></li>
  143. <li><a href="womens.html">Watches</a></li>
  144. <li><a href="womens.html">Accessories</a></li>
  145. <li><a href="womens.html">Bags</a></li>
  146. <li><a href="womens.html">Caps & Hats</a></li>
  147. </ul>
  148. </div>
  149. <div class="col-sm-3 multi-gd-img">
  150. <ul class="multi-column-dropdown">
  151. <li><a href="womens.html">Jewellery</a></li>
  152. <li><a href="womens.html">Sunglasses</a></li>
  153. <li><a href="womens.html">Perfumes</a></li>
  154. <li><a href="womens.html">Beauty</a></li>
  155. <li><a href="womens.html">Shirts</a></li>
  156. <li><a href="womens.html">Sunglasses</a></li>
  157. <li><a href="womens.html">Swimwear</a></li>
  158. </ul>
  159. </div>
  160. <div class="col-sm-6 multi-gd-img multi-gd-text ">
  161. <a href="womens.html"><img src="images/woo.jpg" alt=" "/></a>
  162. </div>
  163. <div class="clearfix"></div>
  164. </div>
  165. </ul>
  166. </li>
  167. <li class=" menu__item menu__item--current"><a class="menu__link" href="electronics.html">Electronics</a></li>
  168. <li class=" menu__item"><a class="menu__link" href="codes.html">Short Codes</a></li>
  169. <li class=" menu__item"><a class="menu__link" href="contact.html">contact</a></li>
  170. </ul>
  171. </div>
  172. </div>
  173. </nav>
  174. </div>
  175. <div class="top_nav_right">
  176. <div class="cart box_1">
  177. <a href="checkout.html">
  178. <h3> <div class="total">
  179. <i class="glyphicon glyphicon-shopping-cart" aria-hidden="true"></i>
  180. <span class="simpleCart_total"></span> (<span id="simpleCart_quantity" class="simpleCart_quantity"></span> items)</div>
  181.  
  182. </h3>
  183. </a>
  184. <p><a href="javascript:;" class="simpleCart_empty">Empty Cart</a></p>
  185.  
  186. </div>
  187. </div>
  188. <div class="clearfix"></div>
  189. </div>
  190. </div>
  191. <!-- //banner-top -->
  192. <!-- banner -->
  193. <div class="page-head">
  194. <div class="container">
  195. <h3>Electronics</h3>
  196. </div>
  197. </div>
  198. <!-- //banner -->
  199. <!-- Electronics -->
  200. <div class="electronics">
  201. <div class="container">
  202. <div class="col-md-8 electro-left text-center">
  203. <div class="electro-img-left mask">
  204. <div class="content-grid-effect slow-zoom vertical">
  205. <div class="img-box"><img src="images/watch.jpg" alt="image" class="img-responsive zoom-img"></div>
  206. <div class="info-box">
  207. <div class="info-content electro-text simpleCart_shelfItem">
  208. <h4>Branded Watches</h4>
  209. <span class="separator"></span>
  210. <p><span class="item_price">$500</span></p>
  211. <span class="separator"></span>
  212. <a class="item_add hvr-outline-out button2" href="#">add to cart </a>
  213. </div>
  214. </div>
  215. </div>
  216. </div>
  217. <div class="electro-img-btm-left mask">
  218. <div class="content-grid-effect slow-zoom vertical">
  219. <div class="img-box"><img src="images/e1.jpg" alt="image" class="img-responsive zoom-img"></div>
  220. <div class="info-box">
  221. <div class="info-content electro-text simpleCart_shelfItem">
  222. <h4>Mobiles</h4>
  223. <span class="separator"></span>
  224. <p><span class="item_price">$500</span></p>
  225. <span class="separator"></span>
  226. <a class="item_add hvr-outline-out button2" href="#">add to cart </a>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. <div class="electro-img-btm-right mask">
  232. <div class="content-grid-effect slow-zoom vertical">
  233. <div class="img-box"><img src="images/e2.jpg" alt="image" class="img-responsive zoom-img"></div>
  234. <div class="info-box">
  235. <div class="info-content electro-text simpleCart_shelfItem">
  236. <h4>Branded Watches</h4>
  237. <span class="separator"></span>
  238. <p><span class="item_price">$500</span></p>
  239. <span class="separator"></span>
  240. <a class="item_add hvr-outline-out button2" href="#">add to cart </a>
  241. </div>
  242. </div>
  243. </div>
  244. </div>
  245. <div class="clearfix"></div>
  246. </div>
  247. <div class="col-md-4 electro-right text-center">
  248. <div class="electro-img-rt mask">
  249. <div class="content-grid-effect slow-zoom vertical">
  250. <div class="img-box"><img src="images/e4.jpg" alt="image" class="img-responsive zoom-img"></div>
  251. <div class="info-box">
  252. <div class="info-content electro-text simpleCart_shelfItem">
  253. <h4>Mobiles</h4>
  254. <span class="separator"></span>
  255. <p><span class="item_price">$500</span></p>
  256. <span class="separator"></span>
  257. <a class="item_add hvr-outline-out button2" href="#">add to cart </a>
  258. </div>
  259. </div>
  260. </div>
  261. </div>
  262. </div>
  263. <div class="clearfix"></div>
  264. <div class="ele-bottom-grid">
  265. <h3><span>Latest </span>Collections</h3>
  266. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</p>
  267. <div class="col-md-3 product-men">
  268. <?php
  269. $host = 'localhost';
  270. $db = 'productslist';
  271. $user = 'root';
  272. $pass = '';
  273. $charset = 'utf8';
  274. $dsn = "mysql:host=$host;dbname=$db;charset=$charset";
  275. $opt = [ PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC, PDO::ATTR_EMULATE_PREPARES => false, ];
  276. $pdo = new PDO($dsn, $user, $pass, $opt);
  277. ?>
  278. <?php
  279. $sql = $pdo->query("SELECT * FROM electronics");
  280. $results = $sql->fetchall();
  281. if(count($results) > 0 ){
  282. foreach($results as $row):?>
  283. <div class="men-pro-item simpleCart_shelfItem">
  284. <div class="men-thumb-item">
  285. <img src="images/<?php echo $row['itemimg'];?>.png" alt="" class="pro-image-front">
  286. <div class="men-cart-pro">
  287. <div class="inner-men-cart-pro">
  288. <a href="single.html" class="link-product-add-cart">Quick View</a>
  289. </div>
  290. </div>
  291. <span class="product-new-top">New</span>
  292. </div>
  293. <div class="item-info-product ">
  294. <h4><a href="single.html"><?php echo $row['itemname'];?></a></h4>
  295. <div class="info-product-price">
  296. <span class="item_price">€<?php echo $row['itemprice'];?></span>
  297. <del>$700.71</del>
  298. </div>
  299. <a href="#" class="item_add single-item hvr-outline-out button2">Add to cart</a>
  300. </div>
  301. </div>
  302. </div>
  303. <div class="clearfix"></div>
  304. </div>
  305. <?php endforeach;}else{ echo "no resuls found";} ?>
  306. </div>
  307. </div>
  308.  
  309. <!-- //Electronics -->
  310. <!-- //product-nav -->
  311. <div class="coupons">
  312. <div class="container">
  313. <div class="coupons-grids text-center">
  314. <div class="col-md-3 coupons-gd">
  315. <h3>Buy your product in a simple way</h3>
  316. </div>
  317. <div class="col-md-3 coupons-gd">
  318. <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
  319. <h4>LOGIN TO YOUR ACCOUNT</h4>
  320. <p>Neque porro quisquam est, qui dolorem ipsum quia dolor
  321. sit amet, consectetur.</p>
  322. </div>
  323. <div class="col-md-3 coupons-gd">
  324. <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
  325. <h4>SELECT YOUR ITEM</h4>
  326. <p>Neque porro quisquam est, qui dolorem ipsum quia dolor
  327. sit amet, consectetur.</p>
  328. </div>
  329. <div class="col-md-3 coupons-gd">
  330. <span class="glyphicon glyphicon-credit-card" aria-hidden="true"></span>
  331. <h4>MAKE PAYMENT</h4>
  332. <p>Neque porro quisquam est, qui dolorem ipsum quia dolor
  333. sit amet, consectetur.</p>
  334. </div>
  335. <div class="clearfix"> </div>
  336. </div>
  337. </div>
  338. </div>
  339. <!-- footer -->
  340. <div class="footer">
  341. <div class="container">
  342. <div class="col-md-3 footer-left">
  343. <h2><a href="index.html"><img src="images/logo3.jpg" alt=" " /></a></h2>
  344. <p>Neque porro quisquam est, qui dolorem ipsum quia dolor
  345. sit amet, consectetur, adipisci velit, sed quia non
  346. numquam eius modi tempora incidunt ut labore
  347. et dolore magnam aliquam quaerat voluptatem.</p>
  348. </div>
  349. <div class="col-md-9 footer-right">
  350. <div class="col-sm-6 newsleft">
  351. <h3>SIGN UP FOR NEWSLETTER !</h3>
  352. </div>
  353. <div class="col-sm-6 newsright">
  354. <form>
  355. <input type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required="">
  356. <input type="submit" value="Submit">
  357. </form>
  358. </div>
  359. <div class="clearfix"></div>
  360. <div class="sign-grds">
  361. <div class="col-md-4 sign-gd">
  362. <h4>Information</h4>
  363. <ul>
  364. <li><a href="index.html">Home</a></li>
  365. <li><a href="mens.html">Men's Wear</a></li>
  366. <li><a href="womens.html">Women's Wear</a></li>
  367. <li><a href="electronics.html">Electronics</a></li>
  368. <li><a href="codes.html">Short Codes</a></li>
  369. <li><a href="contact.html">Contact</a></li>
  370. </ul>
  371. </div>
  372.  
  373. <div class="col-md-4 sign-gd-two">
  374. <h4>Store Information</h4>
  375. <ul>
  376. <li><i class="glyphicon glyphicon-map-marker" aria-hidden="true"></i>Address : 1234k Avenue, 4th block, <span>Newyork City.</span></li>
  377. <li><i class="glyphicon glyphicon-envelope" aria-hidden="true"></i>Email : <a href="mailto:info@example.com">info@example.com</a></li>
  378. <li><i class="glyphicon glyphicon-earphone" aria-hidden="true"></i>Phone : +1234 567 567</li>
  379. </ul>
  380. </div>
  381. <div class="col-md-4 sign-gd flickr-post">
  382. <h4>Flickr Posts</h4>
  383. <ul>
  384. <li><a href="single.html"><img src="images/b15.jpg" alt=" " class="img-responsive" /></a></li>
  385. <li><a href="single.html"><img src="images/b16.jpg" alt=" " class="img-responsive" /></a></li>
  386. <li><a href="single.html"><img src="images/b17.jpg" alt=" " class="img-responsive" /></a></li>
  387. <li><a href="single.html"><img src="images/b18.jpg" alt=" " class="img-responsive" /></a></li>
  388. <li><a href="single.html"><img src="images/b15.jpg" alt=" " class="img-responsive" /></a></li>
  389. <li><a href="single.html"><img src="images/b16.jpg" alt=" " class="img-responsive" /></a></li>
  390. <li><a href="single.html"><img src="images/b17.jpg" alt=" " class="img-responsive" /></a></li>
  391. <li><a href="single.html"><img src="images/b18.jpg" alt=" " class="img-responsive" /></a></li>
  392. <li><a href="single.html"><img src="images/b15.jpg" alt=" " class="img-responsive" /></a></li>
  393. </ul>
  394. </div>
  395. <div class="clearfix"></div>
  396. </div>
  397. </div>
  398. <div class="clearfix"></div>
  399. <p class="copy-right">&copy 2016 Smart Shop. All rights reserved | Design by <a href="http://w3layouts.com/">W3layouts</a></p>
  400. </div>
  401. </div>
  402. <!-- //footer -->
  403. <!-- login -->
  404. <div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  405. <div class="modal-dialog" role="document">
  406. <div class="modal-content modal-info">
  407. <div class="modal-header">
  408. <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  409. </div>
  410. <div class="modal-body modal-spa">
  411. <div class="login-grids">
  412. <div class="login">
  413. <div class="login-bottom">
  414. <h3>Sign up for free</h3>
  415. <form>
  416. <div class="sign-up">
  417. <h4>Email :</h4>
  418. <input type="text" value="Type here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Type here';}" required="">
  419. </div>
  420. <div class="sign-up">
  421. <h4>Password :</h4>
  422. <input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}" required="">
  423.  
  424. </div>
  425. <div class="sign-up">
  426. <h4>Re-type Password :</h4>
  427. <input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}" required="">
  428.  
  429. </div>
  430. <div class="sign-up">
  431. <input type="submit" value="REGISTER NOW" >
  432. </div>
  433.  
  434. </form>
  435. </div>
  436. <div class="login-right">
  437. <h3>Sign in with your account</h3>
  438. <form>
  439. <div class="sign-in">
  440. <h4>Email :</h4>
  441. <input type="text" value="Type here" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Type here';}" required="">
  442. </div>
  443. <div class="sign-in">
  444. <h4>Password :</h4>
  445. <input type="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}" required="">
  446. <a href="#">Forgot password?</a>
  447. </div>
  448. <div class="single-bottom">
  449. <input type="checkbox" id="brand" value="">
  450. <label for="brand"><span></span>Remember Me.</label>
  451. </div>
  452. <div class="sign-in">
  453. <input type="submit" value="SIGNIN" >
  454. </div>
  455. </form>
  456. </div>
  457. <div class="clearfix"></div>
  458. </div>
  459. <p>By logging in you agree to our <a href="#">Terms and Conditions</a> and <a href="#">Privacy Policy</a></p>
  460. </div>
  461. </div>
  462. </div>
  463. </div>
  464. </div>
  465. <!-- //login -->
  466. </body>
  467. </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!