
    <section id="caja_inferior">
        <a id="href_header" href="index.php" rel="home"><img  src="../jQueryProject/assets/images/dennisritchie2.jpg" alt="jQuery" id="slide"/></a>
        <div id="botones">
            <a href="#"><img  src="../jQueryProject/assets/images/botonlleno.png" alt="Boton" id="button0" class="boton buttons"/></a>
            <a href="#"><img  src="../jQueryProject/assets/images/botonvacio.png" alt="Boton" id="button1" class="boton buttons"/></a>
            <a href="#"><img  src="../jQueryProject/assets/images/botonvacio.png" alt="Boton" id="button2" class="boton buttons"/></a>
        </div>
        <a id="button_a" href="index.php?do=showIntro">Introducción</a><br/>
    </section>
        <div id="contaiment_intro">
            <h1>
                Sobre jQuery
            </h1>
            <p class="h4">
                JQuery es una librería de JavaScript rápida y ligera.
              Hace cosas como el recorrido y manipulación del árbol DOM, manejo de eventos,
              animación y Ajax mucho más simple con una API fácil de usar que funciona
               en multitud de navegadores. Con una combinación de versatilidad y extensibilidad,
              JQuery ha cambiado la forma en que millones de personas escriben JavaScript.  
            </p>
            <p class="h4">Empezar con jQuery puede ser fácil o un reto, dependiendo de tu 
                experiencia con JavaScript, HTML, CSS y tu experiencia programando en general.
               Algo importante sobre jQuery es que es solo una librería de 
               Javascript, es decir, todo el potencial de jQuery viene de JavaScript,
               así que conocer Javascript es fundamental.
            </p>
            <p class="h4">Si nunca has utilizado jQuery, empieza con el tutorial para aprender
                los conceptos básicos: <a href="index.php?do=showIntro">Introducción</a>.</p>
          	<p class="h4">
                    Existen otros proyectos de jQuery como <a href="https://jqueryui.com/">jQuery UI</a>,
                    <a href="https://jquerymobile.com/">jQuery Mobile</a>, 
                    <a href="https://qunitjs.com/">QUnit</a> y 
                    <a href="https://sizzlejs.com/">Sizzle</a>. 
                    Estos proyectos no vamos a poder
              	verlos durante esta exposición pero es interesante conocer que 
                otro tipo de proyectos existen y si pueden servirnos en el futuro.
          </p>
          <p class="h4">Existe también una página oficial de jQuery donde existen vídeos y tutoriales para realizar ejercicios para comprender y utilizar 
              jQuery <a hre="http://try.jquery.com/">http://try.jquery.com/</a>
          </p>
        </div>
    
    <div class="row">
        <div class="col-sm-4 col-md-4">
            <div class="row">
                <div class="col-sm-12 col-md-6" ><?php  echo "<a href='index.php?do=showIntro'"; ?>"><img src="../jQueryProject/assets/images/jquery.gif" alt="home" class="img-row"/></a></div>
                <div class="col-sm-12 col-md-6" ><?php  echo "<a href='index.php?do=showSelectors'"; ?>"><img src="../jQueryProject/assets/images/selectojquery.png" alt="home" class="img-row"/></a></div>
            </div>
        </div>
        <div class="col-sm-4 col-md-4">
            <div class="row">
                <div class="col-sm-12 col-md-6" ><?php  echo "<a href='index.php?do=showDom'"; ?>"><img src="../jQueryProject/assets/images/jquerydom.png" alt="home" class="img-row"/></a></div>
                <div class="col-sm-12 col-md-6" ><?php  echo "<a href='index.php?do=showEvents'"; ?>"><img src="../jQueryProject/assets/images/eventjquery.png" alt="home" class="img-row"/></a></div>
            </div>
        </div>
        <div class="col-sm-4 col-md-4">
            <div class="row">
                <div class="col-sm-12 col-md-6" ><?php  echo "<a href='index.php?do=showEffects'"; ?>"><img src="../jQueryProject/assets/images/Jquery_effects.jpg" alt="home" class="img-row"/></a></div>
                <div class="col-sm-12 col-md-6" ><?php  echo "<a href='index.php?do=showUI'"; ?>"><img src="../jQueryProject/assets/images/jquery.gif" alt="home" class="img-row"/></a></div>
            </div>
        </div>
    </div>
<script src="../jQueryProject/assets/js/slider.js"></script>
