Productos.php 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. <?
  2. include('db.php');
  3. $statement = $db->prepare("SELECT `nombre` FROM `productos` WHERE `categoria` = ? limit 7");
  4. $cat = 'FACIALES';
  5. $statement->bind_param('s', $cat);
  6. $statement->execute();
  7. $statement->bind_result($nombre);
  8. ?>
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html>
  11. <head>
  12. <title>ESPECIFICOS Buenos Aires</title>
  13. <link type="text/css" rel="Stylesheet" href="Productos.css" />
  14. <link type="text/css" rel="Stylesheet" href="Especificos.css" />
  15. <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  16. <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  17. <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  18. </head>
  19. <body>
  20. <div id="top_wrapper">
  21. <div id="navbar" font-family="champagne">
  22. <ul id="navlist">
  23. <li><a href="Especificos.html#nosotros">nosotros</a></li>
  24. <li><a href="#productos">productos</a></li>
  25. <li><a href="#actividades">actividades</a></li>
  26. <li><a href="#top_wrapper"><img src="Images/LOGO.png" /></a></li>
  27. <li><a href="#cursos">cursos</a></li>
  28. <li><a href="#distribuidoras">donde comprar</a></li>
  29. <li>contacto</li>
  30. </ul>
  31. </div>
  32. </div>
  33. <div id="productos_wrapper">
  34. <br />
  35. <div id="productosbar">
  36. <ul id ="categorias">
  37. <a href=""><li><h3>LIMPIEZA</h3></li></a>
  38. <li><h3>MÁSCARAS</h3></li>
  39. <li><h3>ÁCIDO<br />HIALURÓNICO</h3></li>
  40. <li><h3>PEELING</h3></li>
  41. <li><h3>CORPORALES</h3></li>
  42. <li><h3>HOMBRES</h3></li>
  43. <li><h3>PROTECCIÓN<br />INTENSIVA</h3></li>
  44. <li><h3>MONODOSIS</h3></li>
  45. <li><h3>ACTIVOS<br />CONCENTRADOS</h3></li>
  46. </ul>
  47. </div>
  48. <div id ="paginas_wrapper">
  49. <?
  50. $i=0;
  51. while($statement->fetch()){
  52. ?>
  53. <div id="pagina">
  54. <div class="nav" style="display: inline; float: left; height: 30px; margin-top: 170px;">
  55. <label for="img-1" class="prev">&#x2039;</label>
  56. </div>
  57. <div id="lista_productos">
  58. <? while ($i<3) {
  59. $i++;
  60. ?>
  61. <div id="producto" style="float:left;">
  62. <div style="float : left;">
  63. <img src="Images/producto.jpg">
  64. </div>
  65. <div style="float : left;">
  66. <h4> <? echo $nombre; ?> </h4>
  67. <br> blahblahlbahlbfdgracdmksla iaos fjdiosa f<br><br>
  68. <u>Ver más</u>
  69. </div>
  70. </div>
  71. <?
  72. if (i!=3 && !$statement->fetch()) { break; }
  73. } //while $i %3 && st-fetch
  74. $i=0;
  75. ?>
  76. </div>
  77. <div class="nav" style="float: right; height: 30px; margin-top: 170px;">
  78. <label for="img-3" class="next">&#x203a;</label>
  79. </div>
  80. <ul id="paginas_list">
  81. <li> &#149; </li>
  82. <li style="opacity: 0.5"> &#149; </li>
  83. <li style="opacity: 0.5;"> &#149; </li>
  84. </ul>
  85. </div>
  86. <? } ?>
  87. <br>
  88. <div id="pagina" class="hidden">
  89. <div id="lista_productos">
  90. <div id="producto" style="float:left;">
  91. <div style="float : left;">
  92. <img src="Images/producto.jpg">
  93. </div>
  94. <div style="float : left;">
  95. <h4> CELLANE CREMA CORPORAL </h4>
  96. <br> blahblahlbahlbfdgracdmksla iaos fjdiosa f<br><br>
  97. <a>Ver más</a>
  98. </div>
  99. </div>
  100. <div id="producto" style="float:left;">
  101. <div style="float : left;">
  102. <img src="Images/producto.jpg">
  103. </div>
  104. <div style="float : left;">
  105. <h4> CELLANE CREMA PARA MASAJES </h4>
  106. <br> blahblahlbahlbfdgra
  107. </div>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </body>
  114. </html>