<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>jQuery, write less, do more</title>
        
        <link rel="stylesheet" type="text/css" href="../jQueryProject/assets/vendor/bootstrap/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="../jQueryProject/assets/vendor/fontawesome/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="../jQueryProject/assets/css/styles.css">
        <link rel="stylesheet" type="text/css" href="../jQueryProject/assets/css/precode/railscasts.css">
        <link rel="stylesheet" href="../jQueryProject/assets/css/jquery-ui.min.css">
        <link rel="stylesheet" href="../jQueryProject/assets/css/cheatsheet.css">
        <script src="../jQueryProject/assets/js/jquery-3.1.1.min.js"></script>
        <script src="../jQueryProject/assets/vendor/bootstrap/js/bootstrap.min.js"></script>
        <script src="../jQueryProject/assets/js/highlight.pack.js"></script>
        <script src="../jQueryProject/assets/js/main.js"></script>
        <script>hljs.initHighlightingOnLoad();</script>
         
         <script src="../jQueryProject/assets/js/external/jquery/jquery.js"></script>
        <script src="../jQueryProject/assets/js/jquery-ui.min.js"></script>
       
        
        
        
        
        

        <link rel="icon" type="image/x-icon" href="../jQueryProject/assets/images/jquery-logo.png" />
    </head>
    <body>
        <header> 
            <div id="top-page" class="logo-img">
                <?php  echo "<a href='index.php?do=showMain'"; ?>" class="logo-a"><img src="../jQueryProject/assets/images/jquery-logo.png" id="logo-header" class="img-responsive" alt="Responsive image"></a>
                <h1>jQuery <span>write less, do more</span></h1>
            </div>
            <nav>
                <ul id="navbar" class="nav nav-pills">
                    <li role="presentation"><?php  echo "<a href='index.php?do=showMain'"; ?>">Home</a></li>
                    <li role="presentation"><?php  echo "<a href='index.php?do=showIntro'"; ?>">Introducción</a></li>
                    <li role="presentation"><?php  echo "<a href='index.php?do=showSelectors'"; ?>">Selectores</a></li>
                    <li role="presentation"><?php  echo "<a href='index.php?do=showDom'"; ?>">DOM</a></li>
                    <li role="presentation"><?php  echo "<a href='index.php?do=showEvents'"; ?>">Eventos</a></li>
                    <li role="presentation"><?php  echo "<a href='index.php?do=showEffects'"; ?>">Efectos</a></li>
                    <li role="presentation"><?php  echo "<a href='index.php?do=showUI'"; ?>">jQueryUI</a></li>
                    <li role="presentation"><?php  echo "<a href='index.php?do=showCheat'"; ?>">Cheatsheet</a></li>
                </ul>
            </nav>
            <div id="botom-corner"><a id="go-top" href="#top-page"><span class="glyphicon glyphicon-chevron-up"></span></a></div>
        </header>
        <div id="wrapper-main">
