Untitled

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Slider Basico</title>
<!-- Fuentes de Google -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
<!-- Stylesheets -->
<link rel="stylesheet" href="css/slider.css">
<script src="js/html5shiv.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/main.js"></script>
</head>
<body>

  <div id="fb-root"></div>
  <script>(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.3&appId=357863247754701";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
  </script>
    <link rel="stylesheet" href="css/slider.css">
<script src="js/html5shiv.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/main.js"></script>
    <!-- Slider Container -->
  <section class="slider-container">
      <ul id="slider" class="slider-wrapper">
          <li class="slide-current">
          <img src="img/1.jpg" alt="Slider Imagen 1">
            <div class="caption">
              <h3 class="caption-title">Boutique Beatriz!</h3>
                <p>Encontrarás paquetes de regalo, accesorios, bisutería, ropa, zapatos, entre muchos otras creaciones, todas éstas diseñadas para darte un toque especial, un acento chic, además de permitirte expresarte.
                </p>
            </div>
          </li>

          <li>
          <img src="img/2.jpg" alt="Slider Imagen 1">
             <div class="caption">
                <h3 class="caption-title">Visitanos!</h3>
                <p>Queremos ofrecer productos de buena calidad, con precios competitivos y garantizar productos con ingredientes libres de tóxicos. Es nuestra responsabilidad para con nuestros consumidores el evitar posibles problemas de salud, además de usar proveedores que garantizan sus producto.       </p>
             </div>
          </li>

          <li>
          <img src="img/3.jpg" alt="Slider Imagen 1">
             <div class="caption">
               <h3 class="caption-title">Boutique</h3>
               <p>Queremos ofrecer productos de buena calidad, con precios competitivos y garantizar productos con ingredientes libres de tóxicos. Es nuestra responsabilidad para con nuestros consumidores el evitar posibles problemas de salud, además de usar proveedores que garantizan sus producto.       </p>
              </div>
          </li>

          <li>
           <img src="img/4.jpg" alt="Slider Imagen 1">
              <div class="caption">
                <h3 class="caption-title">Ven a nuestra tienda</h3>
                <p>Encontrarás paquetes de regalo, accesorios, bisutería, ropa, zapatos, entre muchos otras creaciones, todas éstas diseñadas para darte un toque especial, un acento chic, además de permitirte expresarte.
                </p>
              </div>
          </li>
      </ul>
      <!-- Sombras -->
      <div class="shadow"></div>
      <!-- Controles -->
      <ul id="slider-controls" class="slider-controls"></ul>