<commit_before><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" tipe="img/x-icon" href="assets/pesca.png" />
    <title>  Pesca info  </title>
    <!-- NOS HEMOS DECANTADO POR UTILIZAR EL CDN DE BOOSTRAP -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
    <style type="text/css">
    .titulo{

        color:#012DFF;
        line-height: 1.2;
    }
    #titulo{
        color:#1F618D;
        font-style:"century ghotic"
    }
    }
    .p{
        color:#0066E8;
    }
    #cris{
        background-color:#1F618D;
        font-size:18px;
        
    }
   
    

    html, body, #map_canvas {                
  height: 100%;
}
    </style>
</head>
<body>
            <!-- BARRA DE NAVEGACIÓN SUPERIOR -->
        <nav class="navbar navbar-inverse navbar-fixed-top" id="cris" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!-- Utilizamos la clase navbar-collapse es decir una lista que se despliega 1 a 1 en dispositivos pequeños -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li>
                            <a id="btnlogo"> <img src="assets/casa.png">
                        
                            Bienvenido</a>
                        </li>
                    
                        <li>
                            <a id="btnsecciones"> <img src="assets/grafico-de-sectores.png">
                        
                            Secciones</a>
                        </li>
                        <li>
                           <a id="btngaleria"><img src="assets/galeria.png">
                        
                            Galeria</a>
                        </li>      

                        <li>
                            <a id="btneltiempo"><img src="assets/sol.png">
                         
                            El Tiempo</a>
                        </li>                                                                 
                        <li>
                            <a id="btnabout"> <img src="assets/social.png">
                        
                            Quienes somos</a>
                        </li>
                        <li>
                            <a id="btnsabermas"> <img src="assets/portafolios-con-lapiz.png">
                        
                            Saber mas!</a>
                        
                        </li>
                        <li>
                            <a href="https://pescacng.wordpress.com" target="_blank" id="btnwordpress"> <img src="assets/logowordpress .png"> 
                        
                            Wordpress!</a>
                        
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>
        <!-- AQUI TERMINA EL MENU SUPERIOR DE NAVEGACION -->
                        <script type="text/javascript">
                $(document).ready(function(){
                    $("#top").click(function () {
                        var posicion = $("#aqui").offset().top;
                        $("html, body").animate({scrollTop: posicion});

                    });
                    $("#btngaleria").click(function(){
                        var pos = $("#galeria").offset().top;
                       $("html, body").animate({scrollTop: pos});
                    });
                    $("#btnsecciones").click(function(){
                        var posi = $("#secciones").offset().top;
                        $("html, body").animate({scrollTop: posi});
                    });
                    $("#btneltiempo").click(function(){
                        var posi = $("#eltiempo").offset().top;
                        $("html, body").animate({scrollTop: posi});
                    });
                    $("#btnabout").click(function(){
                        var posi = $("#about").offset().top;
                        $("html, body").animate({scrollTop: posi});
                    });
                    $("#btnsabermas").click(function(){
                        var posi = $("#sabermas").offset().top;
                        $("html, body").animate({scrollTop: posi});
                     });
                    });
                </script>
        <!-- ABRIMOS UN HEADER PARA UTILIZARLO COMO PRESENTACION DE NUESTRA PAGINA ES DECIR UNA CABEZERA -->
        <hr>
        <div id="aqui"></div> <!-- IDENTIFICADOR PARA SUBIR ARRIVA  -->
        <br><br><br>
         <div class="container">
            <div class="row">
                <div class="col-md-6"> <!-- LOGO -->
                    <img src="assets/logo.png" alt="" class="img-responsive" class="img-thumbnail">
                </div>
                <div class="col-md-6"><!-- MI ESLOGAN -->
            <!-- Jumbotron Header -->
            <header class="jumbotron hero-spacer">
                <font face="broadway">
                <h1 id="titulo"><CENTER>Bienvenidos</CENTER></h1></font>
                <font color="#7FB3D5" face="century ghotic">
                <p class="">En nuestra pagina encontras todo lo que necesites saber sobre la pesca.No dudes en registrate en nuestro "FORO", donde podras compartir tus experiencias y aprender de los demas. </p></font>
            </div>
            </header>
        </div> <!-- FIN DE LA FILA PRINCIPAL -->
            <hr>
         <div class="row">     
                 <blockquote class="pull-right">
                    <img src="assets/comunicacion.png"/>
                  <a href="http://www.pescacng.info/foropesca" target="_blank" ><u><big>FORO</big></u></a>
                  <small>Navega por nuestra web y <cite title="y">descubre un mundo de diversión.</cite></small>
                </blockquote>
            </div>
            <p id="secciones"/>
            <br><br><br>    
        <!-- AQUI COMIENZA LA SECCION -->
        <div class="row text-center" >
            <!-- PRIMER ELEMENTO DE LA SECCION  -->
                <div class="col-md-3 col-sm-6 col-xs-12 hero-feature">
                    <div class="thumbnail">
                        <span class="help-block" id="titulo" ><p class="text-primary"><b>DEPORTES ACUATICOS</b></p></span>
                        <img  class="img-rounded" src="assets/Collage-water-sports.jpg" class="img-responsive" alt="">
                        <div class="caption">
                            <h3 class="titulo"> Deportes de moda </h3>
                            <p class="p">Los deportes acuaticos se practican por todo el mundo y, aunque algunos pueden ser de lo más complicado, en general todos son muy divertidos. Estos deportes se pueden practicar en lagos y embalses pero sobretodo en el mar.A continuacion encontras mas informacion detallada sobre cada uno de ellos.

<p>
                            <p> <a href="" class="btn btn-primary">Más información  </a></p>
                        </div>
                    </div>
                </div>
            <!-- SEGUNDO ELEMENTO -->
                <div class="col-md-3 col-sm-6 col-xs-12 hero-feature">
                    <div class="thumbnail">
                        <span class="help-block" id="titulo"><p class="text-primary"><b> LA PESCA</b></p></span>
                        <img  class="img-rounded" src="assets/collage-pesca.jpg" class="img-responsive" alt="">
                        <div class="caption">
                            <h3 class="titulo"> Mas que un hobby </h3>
                            <p class="p">Se define como aquella actividad que se realiza para extraer pescado y/o otros organismos acuáticos. Muchos la consideran un deporte y otros un hobby, pero en cualquier caso, es uno de los que mas se practica en todo el mundo.<p>
                            <p> <a href="" class="btn btn-primary">Más información  </a></p>
                        </div>
                    </div>
                </div>

                 <!-- SEGUNDO ELEMENTO -->
                <div class="col-md-3 col-sm-6 col-xs-12 hero-feature">
                    <div class="thumbnail">
                        <span class="help-block" id="titulo"><p class="text-primary"><b>EL TIEMPO</b></p></span>
                        <img  class="img-rounded"  src="assets/tiempo.jpg" class="img-responsive" alt="">
                        <div class="caption">
                            <h3 class="titulo"> No olvides mirarlo </h3>
                            <p class="p">Aqui encontraras todo la informacion metereologia que necesites. No olvides que para practicar tu deporte favorito, debe haber un clima adecuado, por ello no olvides mirar el tiempo antes de salir. Podras clasificar tu busqueda como prefieras, por comunidades,por ciudades...<p>
                            <p> <a href="http://www.tablademareas.com/es" class="btn btn-primary">Más información  </a></p>
                        </div>
                    </div>
                </div>

                 <!-- SEGUNDO ELEMENTO -->
                <div class="col-md-3 col-sm-6 col-xs-12 hero-feature">
                    <div class="thumbnail">
                        <span class="help-block" id="titulo"><p class="text-primary"><b>ULTIMAS NOTICIAS</b></p></span>
                        <img  class="img-rounded"  src="assets/comunicacion_2.jpeg" class="img-responsive" alt="">
                        <div class="caption">
                            <h3 class="titulo">Noticias y Artículos</h3>
                            <p class="p">Aqui encontraras toda la informacion acerca de la pesca y los deportes acuaticos. Obtendras toda la actualidad en un solo click. No olvides comentar tu opinion acerca de las noticias que te mostramos. Para nosotros tu opinion es importante. <p>
                            <p> <a href="" class="btn btn-primary">Más información  </a></p>
                        </div>
                    </div>
                </div>
        
            </div><!-- SEPARAMOS LA GALERIA DE LAS SECCIONES CON UN HR -->
            <div class="clearfix visible-md"></div>
                        <hr>

                 <!-- GALERIA -->  
            <div class="row">     
                 <blockquote class="pull-right">
                  <p class="titulo" id="galeria">Ultimas fotos.</p><commit_msg>arreglo enlace el tiempo<commit_after><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" tipe="img/x-icon" href="assets/pesca.png" />
    <title>  Pesca info  </title>
    <!-- NOS HEMOS DECANTADO POR UTILIZAR EL CDN DE BOOSTRAP -->
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous">
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="<KEY>" crossorigin="anonymous"></script>
    <style type="text/css">
    .titulo{

        color:#012DFF;
        line-height: 1.2;
    }
    #titulo{
        color:#1F618D;
        font-style:"century ghotic"
    }
    }
    .p{
        color:#0066E8;
    }
    #cris{
        background-color:#1F618D;
        font-size:18px;
        
    }
   
    

    html, body, #map_canvas {                
  height: 100%;
}
    </style>
</head>
<body>
            <!-- BARRA DE NAVEGACIÓN SUPERIOR -->
        <nav class="navbar navbar-inverse navbar-fixed-top" id="cris" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!-- Utilizamos la clase navbar-collapse es decir una lista que se despliega 1 a 1 en dispositivos pequeños -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li>
                            <a id="btnlogo"> <img src="assets/casa.png">
                        
                            Bienvenido</a>
                        </li>
                    
                        <li>
                            <a id="btnsecciones"> <img src="assets/grafico-de-sectores.png">
                        
                            Secciones</a>
                        </li>
                        <li>
                           <a id="btngaleria"><img src="assets/galeria.png">
                        
                            Galeria</a>
                        </li>      

                        <li>
                            <a id="btneltiempo"><img src="assets/sol.png">
                         
                            El Tiempo</a>
                        </li>                                                                 
                        <li>
                            <a id="btnabout"> <img src="assets/social.png">
                        
                            Quienes somos</a>
                        </li>
                        <li>
                            <a id="btnsabermas"> <img src="assets/portafolios-con-lapiz.png">
                        
                            Saber mas!</a>
                        
                        </li>
                        <li>
                            <a href="https://pescacng.wordpress.com" target="_blank" id="btnwordpress"> <img src="assets/logowordpress .png"> 
                        
                            Wordpress!</a>
                        
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>
        <!-- AQUI TERMINA EL MENU SUPERIOR DE NAVEGACION -->
                        <script type="text/javascript">
                $(document).ready(function(){
                    $("#top").click(function () {
                        var posicion = $("#aqui").offset().top;
                        $("html, body").animate({scrollTop: posicion});

                    });
                    $("#btngaleria").click(function(){
                        var pos = $("#galeria").offset().top;
                       $("html, body").animate({scrollTop: pos});
                    });
                    $("#btnsecciones").click(function(){
                        var posi = $("#secciones").offset().top;
                        $("html, body").animate({scrollTop: posi});
                    });
                    $("#btneltiempo").click(function(){
                        var posi = $("#eltiempo").offset().top;
                        $("html, body").animate({scrollTop: posi});
                    });
                    $("#btnabout").click(function(){
                        var posi = $("#about").offset().top;
                        $("html, body").animate({scrollTop: posi});
                    });
                    $("#btnsabermas").click(function(){
                        var posi = $("#sabermas").offset().top;
                        $("html, body").animate({scrollTop: posi});
                     });
                    });
                </script>
        <!-- ABRIMOS UN HEADER PARA UTILIZARLO COMO PRESENTACION DE NUESTRA PAGINA ES DECIR UNA CABEZERA -->
        <hr>
        <div id="aqui"></div> <!-- IDENTIFICADOR PARA SUBIR ARRIVA  -->
        <br><br><br>
         <div class="container">
            <div class="row">
                <div class="col-md-6"> <!-- LOGO -->
                    <img src="assets/logo.png" alt="" class="img-responsive" class="img-thumbnail">
                </div>
                <div class="col-md-6"><!-- MI ESLOGAN -->
            <!-- Jumbotron Header -->
            <header class="jumbotron hero-spacer">
                <font face="broadway">
                <h1 id="titulo"><CENTER>Bienvenidos</CENTER></h1></font>
                <font color="#7FB3D5" face="century ghotic">
                <p class="">En nuestra pagina encontras todo lo que necesites saber sobre la pesca.No dudes en registrate en nuestro "FORO", donde podras compartir tus experiencias y aprender de los demas. </p></font>
            </div>
            </header>
        </div> <!-- FIN DE LA FILA PRINCIPAL -->
            <hr>
         <div class="row">     
                 <blockquote class="pull-right">
                    <img src="assets/comunicacion.png"/>
                  <a href="http://www.pescacng.info/foropesca" target="_blank" ><u><big>FORO</big></u></a>
                  <small>Navega por nuestra web y <cite title="y">descubre un mundo de diversión.</cite></small>
                </blockquote>
            </div>
            <p id="secciones"/>
            <br><br><br>    
        <!-- AQUI COMIENZA LA SECCION -->
        <div class="row text-center" >
            <!-- PRIMER ELEMENTO DE LA SECCION  -->
                <div class="col-md-3 col-sm-6 col-xs-12 hero-feature">
                    <div class="thumbnail">
                        <span class="help-block" id="titulo" ><p class="text-primary"><b>DEPORTES ACUATICOS</b></p></span>
                        <img  class="img-rounded" src="assets/Collage-water-sports.jpg" class="img-responsive" alt="">
                        <div class="caption">
                            <h3 class="titulo"> Deportes de moda </h3>
                            <p class="p">Los deportes acuaticos se practican por todo el mundo y, aunque algunos pueden ser de lo más complicado, en general todos son muy divertidos. Estos deportes se pueden practicar en lagos y embalses pero sobretodo en el mar.A continuacion encontras mas informacion detallada sobre cada uno de ellos.

<p>
                            <p> <a href="" class="btn btn-primary">Más información  </a></p>
                        </div>
                    </div>
                </div>
            <!-- SEGUNDO ELEMENTO -->
                <div class="col-md-3 col-sm-6 col-xs-12 hero-feature">
                    <div class="thumbnail">
                        <span class="help-block" id="titulo"><p class="text-primary"><b> LA PESCA</b></p></span>
                        <img  class="img-rounded" src="assets/collage-pesca.jpg" class="img-responsive" alt="">
                        <div class="caption">
                            <h3 class="titulo"> Mas que un hobby </h3>
                            <p class="p">Se define como aquella actividad que se realiza para extraer pescado y/o otros organismos acuáticos. Muchos la consideran un deporte y otros un hobby, pero en cualquier caso, es uno de los que mas se practica en todo el mundo.<p>
                            <p> <a href="" class="btn btn-primary">Más información  </a></p>
                        </div>
                    </div>
                </div>

                 <!-- SEGUNDO ELEMENTO -->
                <div class="col-md-3 col-sm-6 col-xs-12 hero-feature">
                    <div class="thumbnail">
                        <span class="help-block" id="titulo"><p class="text-primary"><b>EL TIEMPO</b></p></span>
                        <img  class="img-rounded"  src="assets/tiempo.jpg" class="img-responsive" alt="">
                        <div class="caption">
                            <h3 class="titulo"> No olvides mirarlo </h3>
                            <p class="p">Aqui encontraras todo la informacion metereologia que necesites. No olvides que para practicar tu deporte favorito, debe haber un clima adecuado, por ello no olvides mirar el tiempo antes de salir. Podras clasificar tu busqueda como prefieras, por comunidades,por ciudades...<p>
                            <p> <a href="http://www.tablademareas.com/es" target="_blank" class="btn btn-primary">Más información  </a></p>
                        </div>
                    </div>
                </div>

                 <!-- SEGUNDO ELEMENTO -->
                <div class="col-md-3 col-sm-6 col-xs-12 hero-feature">
                    <div class="thumbnail">
                        <span class="help-block" id="titulo"><p class="text-primary"><b>ULTIMAS NOTICIAS</b></p></span>
                        <img  class="img-rounded"  src="assets/comunicacion_2.jpeg" class="img-responsive" alt="">
                        <div class="caption">
                            <h3 class="titulo">Noticias y Artículos</h3>
                            <p class="p">Aqui encontraras toda la informacion acerca de la pesca y los deportes acuaticos. Obtendras toda la actualidad en un solo click. No olvides comentar tu opinion acerca de las noticias que te mostramos. Para nosotros tu opinion es importante. <p>
                            <p> <a href="" class="btn btn-primary">Más información  </a></p>
                        </div>
                    </div>
                </div>
        
            </div><!-- SEPARAMOS LA GALERIA DE LAS SECCIONES CON UN HR -->
            <div class="clearfix visible-md"></div>
                        <hr>

                 <!-- GALERIA -->  
            <div class="row">     
                 <blockquote class="pull-right">
                  <p class="titulo" id="galeria">Ultimas fotos.</p>
{'fraction_non_alphanumeric': 0.1385944248135061, 'fraction_numerical': 0.006020154430048423, 'mean_word_length': 1.2921707829217077, 'pattern_counts': {'":': 0, '<': 477, '<?xml version=': 0, '>': 477, 'https://': 10, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '851240', 'n_tokens_mistral': 6518, 'n_tokens_neox': 6117, 'n_words': 1431}