|
|
@@ -1,4 +1,13 @@
|
|
|
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
+<?
|
|
|
+include('db.php');
|
|
|
+
|
|
|
+$statement = $db->prepare("SELECT `nombre` FROM `productos` WHERE `categoria` = ? limit 3");
|
|
|
+$cat = 'FACIALES';
|
|
|
+$statement->bind_param('s', $cat);
|
|
|
+$statement->execute();
|
|
|
+$statement->bind_result($nombre);
|
|
|
+?>
|
|
|
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
@@ -52,37 +61,25 @@
|
|
|
<div class="nav" style="display: inline; float: left;
|
|
|
height: 30px; margin-top: 170px;">
|
|
|
<label for="img-1" class="prev">‹</label>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <?
|
|
|
+ while($statement->fetch()){
|
|
|
+ ?>
|
|
|
<div id="lista_productos">
|
|
|
<div id="producto" style="float:left;">
|
|
|
<div style="float : left;">
|
|
|
<img src="Images/producto.jpg">
|
|
|
</div>
|
|
|
<div style="float : left;">
|
|
|
- <h4> CELLANE CREMA CORPORAL </h4>
|
|
|
+ <h4> <? echo $nombre; ?> </h4>
|
|
|
<br> blahblahlbahlbfdgracdmksla iaos fjdiosa f<br><br>
|
|
|
<u>Ver más</u>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div id="producto" style="float:left;">
|
|
|
- <div style="float : left;">
|
|
|
- <img src="Images/producto.jpg">
|
|
|
- </div>
|
|
|
- <div style="float : left;">
|
|
|
- <h4> CELLANE CREMA PARA MASAJES </h4>
|
|
|
- <br> blahblahlbahlbfdgra
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div id="producto" style="float:left;">
|
|
|
- <div style="float : left;">
|
|
|
- <img src="Images/producto.jpg">
|
|
|
- </div>
|
|
|
- <div style="float : left;">
|
|
|
- <h4> CELLANE CREMA PARA MASAJES </h4>
|
|
|
- <br> blahblahlbahlbfdgra
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <?
|
|
|
+ }
|
|
|
+ ?>
|
|
|
|
|
|
<div class="nav" style="float: right; height: 30px; margin-top: 170px;">
|
|
|
<label for="img-3" class="next">›</label>
|
|
|
@@ -90,7 +87,7 @@
|
|
|
<ul id="paginas_list">
|
|
|
<li> • </li>
|
|
|
<li style="opacity: 0.5"> • </li>
|
|
|
- <li style="opacity: 0.5;"> • </li></div>
|
|
|
+ <li style="opacity: 0.5;"> • </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
@@ -123,83 +120,6 @@
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
- <!--
|
|
|
- <ul class="slides">
|
|
|
- <input type="radio" name="radio-btn" id="img-1" checked />
|
|
|
- <li class="slide-container">
|
|
|
- <div class="slide">
|
|
|
- <img src="http://farm9.staticflickr.com/8072/8346734966_f9cd7d0941_z.jpg"/>
|
|
|
- </div>
|
|
|
- <div class="nav">
|
|
|
- <label for="img-6" class="prev">‹</label>
|
|
|
- <label for="img-2" class="next">›</label>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
-
|
|
|
- <input type="radio" name="radio-btn" id="img-2" />
|
|
|
- <li class="slide-container">
|
|
|
- <div class="slide">
|
|
|
- <img src="http://farm9.staticflickr.com/8504/8365873811_d32571df3d_z.jpg" />
|
|
|
- </div>
|
|
|
- <div class="nav">
|
|
|
- <label for="img-1" class="prev">‹</label>
|
|
|
- <label for="img-3" class="next">›</label>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
-
|
|
|
- <input type="radio" name="radio-btn" id="img-3" />
|
|
|
- <li class="slide-container">
|
|
|
- <div class="slide">
|
|
|
- <img src="http://farm9.staticflickr.com/8068/8250438572_d1a5917072_z.jpg" />
|
|
|
- </div>
|
|
|
- <div class="nav">
|
|
|
- <label for="img-2" class="prev">‹</label>
|
|
|
- <label for="img-4" class="next">›</label>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
-
|
|
|
- <input type="radio" name="radio-btn" id="img-4" />
|
|
|
- <li class="slide-container">
|
|
|
- <div class="slide">
|
|
|
- <img src="http://farm9.staticflickr.com/8061/8237246833_54d8fa37f0_z.jpg" />
|
|
|
- </div>
|
|
|
- <div class="nav">
|
|
|
- <label for="img-3" class="prev">‹</label>
|
|
|
- <label for="img-5" class="next">›</label>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
-
|
|
|
- <input type="radio" name="radio-btn" id="img-5" />
|
|
|
- <li class="slide-container">
|
|
|
- <div class="slide">
|
|
|
- <img src="http://farm9.staticflickr.com/8055/8098750623_66292a35c0_z.jpg" />
|
|
|
- </div>
|
|
|
- <div class="nav">
|
|
|
- <label for="img-4" class="prev">‹</label>
|
|
|
- <label for="img-6" class="next">›</label>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
-
|
|
|
- <input type="radio" name="radio-btn" id="img-6" />
|
|
|
- <li class="slide-container">
|
|
|
- <div class="slide">
|
|
|
- <img src="http://farm9.staticflickr.com/8195/8098750703_797e102da2_z.jpg" />
|
|
|
- </div>
|
|
|
- <div class="nav">
|
|
|
- <label for="img-5" class="prev">‹</label>
|
|
|
- <label for="img-1" class="next">›</label>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
|
|
|
- <li class="nav-dots">
|
|
|
- <label for="img-1" class="nav-dot" id="img-dot-1"></label>
|
|
|
- <label for="img-2" class="nav-dot" id="img-dot-2"></label>
|
|
|
- <label for="img-3" class="nav-dot" id="img-dot-3"></label>
|
|
|
- <label for="img-4" class="nav-dot" id="img-dot-4"></label>
|
|
|
- <label for="img-5" class="nav-dot" id="img-dot-5"></label>
|
|
|
- <label for="img-6" class="nav-dot" id="img-dot-6"></label>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
--->
|
|
|
</body>
|
|
|
</html>
|
