MOON

File: /home/asjudine/public_html/productos.php
<!DOCTYPE HTML>
<html>

<head>
  <title>BOTONIA</title>
  
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <!-- modernizr enables HTML5 elements and feature detects -->
  <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
</head>

<body>
 <div id="main">
    <header>
      <div id="logo">
        <div id="logo_text">
          <!-- class="logo_colour", allows you to change the colour of the text -->
          <h1><a href="index.php">BOTONIA<span class="logo_colour"></span></a></h1>
          <h2>Botones. Hilos...... Muy modernos.</h2>
        </div>
      </div>
      <nav>
         <ul class="sf-menu" id="nav">
          <li class="selected"><a href="1index.php">INICIO</a></li>
          <li><a href="servicios.php">SERVICIOS</a></li>
          <li><a href="productos.php">PRODUCTOS</a></li>
          <li><a href="taller_manualidades.php">TALLER MANUALIDADES</a></li>
          <li><a href="contacto.php">CONTACTENOS</a></li>
        </ul>
      </nav>
    </header>
    <div id="site_content">
      <ul id="images">
        <li><img src="images/1.jpg" width="600" height="300" alt="seascape_one" /></li>
        <li><img src="images/2.jpg" width="600" height="300" alt="seascape_two" /></li>
        <li><img src="images/3.jpg" width="600" height="300" alt="seascape_three" /></li>
        <li><img src="images/4.jpg" width="600" height="300" alt="seascape_four" /></li>
        <li><img src="images/5.jpg" width="600" height="300" alt="seascape_five" /></li>
        <li><img src="images/6.jpg" width="600" height="300" alt="seascape_seascape" /></li>
      </ul>
<br>
      <p align="center"><b>	NUESTROS PRODUCTOS
    <SCRIPT>
document.bgcolor = 'linen'
document.text = 'darkslateblue'
document.link = 'coral'
document.vlink='peach'
document.alink='red'
bstr = 'pic'
kstr = ''
for (i = 1 ; i <= 1 ; i++)
{
     var xstr ='BOTONES:Botones Satre/Botones Modista/Botones Forrados/Botones Metalicos//Botones Madera/Botones Importados '
     kstr += '<IMG SRC="images/productos_botones.jpg"' + xstr + '" alt="Put Your Picture here"'
     kstr += 'HEIGHT=100 WIDTH=100 VSPACE=5 HSPACE=5 BORDER=2 ALIGN=LEFT>'
     kstr += '<H3><BR><H3>'
     kstr += '<CENTER><FONT SIZE=3 COLOR="darkslateblue">' + xstr   + '</FONT></CENTER>' 
     kstr += '<HR><BR CLEAR ALL>'
}

for (i = 1 ; i <= 1 ; i++)
{
     var xstr = 'CREMALLERAS: Cremalleras de Nylon/Cremalleras Invisibles/Cremalleras De cobre/Cremalleras De Pasta/Cremalleras Separables/ etc'
     kstr += '<IMG SRC="images/cremalleras.jpg"' + xstr + '" alt="Put Your Picture here"'
     kstr += 'HEIGHT=100 WIDTH=100 VSPACE=5 HSPACE=5 BORDER=2 ALIGN=LEFT>'
     kstr += '<H3><BR><H3>'
     kstr += '<CENTER><FONT SIZE=3 COLOR="darkslateblue">' + xstr   + '</FONT></CENTER>' 
     kstr += '<HR><BR CLEAR ALL>'
}


/////

for (i = 1 ; i <= 1 ; i++)
{
     var xstr ='HILOS: Hilos Costura N� 120-50-75/Hilo Guarnecer Cuero/Hilos Domesticos 500 yd-1000 yd/ Hilos Industriales/Hilos Terlenka/Hilos Crochet/Hilos Macrame/Hilos En Algodon/ etc'
     kstr += '<IMG SRC="images/hilos2.jpg"' + xstr + '" alt="Put Your Picture here"'
     kstr += 'HEIGHT=100 WIDTH=100 VSPACE=5 HSPACE=5 BORDER=2 ALIGN=LEFT>'
     kstr += '<H3><BR><H3>'
     kstr += '<CENTER><FONT SIZE=3 COLOR="darkslateblue">' + xstr   + '</FONT></CENTER>' 
     kstr += '<HR><BR CLEAR ALL>'
}
for (i = 1 ; i <= 1 ; i++)
{
     var xstr = 'CORDONES: Cordones Seda/Cordones Retorcidos Seda/Cordones Sudadera Poliester/Cordones Tricolor/Cordones Cuero/Cordones Encerados/etc'
     kstr += '<IMG SRC="images/cordones.jpg"' + xstr + '" alt="Put Your Picture here"'
     kstr += 'HEIGHT=100 WIDTH=100 VSPACE=5 HSPACE=5 BORDER=2 ALIGN=LEFT>'
     kstr += '<H3><BR><H3>'
     kstr += '<CENTER><FONT SIZE=3 COLOR="darkslateblue">' + xstr   + '</FONT></CENTER>' 
     kstr += '<HR><BR CLEAR ALL>'
}
for (i = 1 ; i <= 1 ; i++)
{
     var xstr = 'FLECOS MILLARES: Flecos/Cuquillos 5-10-20/Millares Clasico/Millar Navide�o/etc '
     kstr += '<IMG SRC="images/flecos.jpg"' + xstr + '" alt="Put Your Picture here"'
     kstr += 'HEIGHT=100 WIDTH=100 VSPACE=5 HSPACE=5 BORDER=2 ALIGN=LEFT>'
     kstr += '<H3><BR><H3>'
     kstr += '<CENTER><FONT SIZE=3 COLOR="darkslateblue">' + xstr   + '</FONT></CENTER>' 
     kstr += '<HR><BR CLEAR ALL>'
}
for (i = 1 ; i <= 1 ; i++)
{
     var xstr ='ELASTICOS: Elastico Rigido/Elastico Suelto o Crochet/Elastico Corseteria/Elastico En Cordon/Hilo Caucho/etc'
     kstr += '<IMG SRC="images/elasticos.jpg"' + xstr + '" alt="Put Your Picture here"'
     kstr += 'HEIGHT=100 WIDTH=100 VSPACE=5 HSPACE=5 BORDER=2 ALIGN=LEFT>'
     kstr += '<H3><BR><H3>'
     kstr += '<CENTER><FONT SIZE=3 COLOR="darkslateblue">' + xstr   + '</FONT></CENTER>' 
     kstr += '<HR><BR CLEAR ALL>'
}

for (i = 1 ; i <= 1 ; i++)
{
     var xstr = 'ACCESORIOS: Agujas:A mano-Industriales-Domesticas.  Aros Para Bordar/Broches/Plasticos/Broches Metalicos/Carreteles Maquina/Ganchos Nodrizo/Gancho Falsa/Tizas        Sastreria/Rojadas/Abreojales/Tijeras/etc'
     kstr += '<IMG SRC="images/carretes.jpg"' + xstr + '" alt="Put Your Picture here"'
     kstr += 'HEIGHT=100 WIDTH=100 VSPACE=5 HSPACE=5 BORDER=2 ALIGN=LEFT>'
     kstr += '<H3><BR><H3>'
     kstr += '<CENTER><FONT SIZE=3 COLOR="darkslateblue">' + xstr   + '</FONT></CENTER>' 
     kstr += '<HR><BR CLEAR ALL>'
}
for (i = 1 ; i <= 1 ; i++)
{
     var xstr ='LANAS: Cisne'
     kstr += '<IMG SRC="images/lanas.jpg"' + xstr + '" alt="Put Your Picture here"'
     kstr += 'HEIGHT=100 WIDTH=100 VSPACE=5 HSPACE=5 BORDER=2 ALIGN=LEFT>'
     kstr += '<H3><BR><H3>'
     kstr += '<CENTER><FONT SIZE=3 COLOR="darkslateblue">' + xstr   + '</FONT></CENTER>' 
     kstr += '<HR><BR CLEAR ALL>'
}
for (i = 1 ; i <= 1 ; i++)
{
     var xstr = 'ENCAJES: Encaje Poliester/Encaje Suizo/Encaje Bolillo/Encaje Gipiure/Encaje Letin/Encaje Algon/etc'
     kstr += '<IMG SRC="images/encaje.jpg"' + xstr + '" alt="Put Your Picture here"'
     kstr += 'HEIGHT=100 WIDTH=100 VSPACE=5 HSPACE=5 BORDER=2 ALIGN=LEFT>'
     kstr += '<H3><BR><H3>'
     kstr += '<CENTER><FONT SIZE=3 COLOR="darkslateblue">' + xstr   + '</FONT></CENTER>' 
     kstr += '<HR><BR CLEAR ALL>'
}


for (i = 1 ; i <= 1 ; i++)
{
     var xstr = 'OTROS VARIOS'
     kstr += '<IMG SRC="images/varios.jpg"' + xstr + '" alt="Put Your Picture here"'
     kstr += 'HEIGHT=100 WIDTH=100 VSPACE=5 HSPACE=5 BORDER=2 ALIGN=LEFT>'
     kstr += '<H3><BR><H3>'
     kstr += '<CENTER><FONT SIZE=3 COLOR="darkslateblue">' + xstr   + '</FONT></CENTER>' 
     kstr += '<HR><BR CLEAR ALL>'
}

document.write(kstr)
document.write('</B></CENTER>')
document.write('')
</SCRIPT>


</b></p>
  <p>&nbsp;</p>
  <!-- javascript at the bottom for fast page loading -->
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
  <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
  <script type="text/javascript" src="js/jquery.kwicks-1.5.1.js"></script>
  <script type="text/javascript">
    $(document).ready(function() {
      $('#images').kwicks({
        max : 600,
        spacing : 2
      });
      $('ul.sf-menu').sooperfish();
    });
  </script>
</body>
</html>