<?php	
	$pageTitle = 'Bienvenidos a ';
	include_once 'inc.header.php';

?>	


  <!-- ======= Slide Section ======= -->
  <section id="hero">
    <div class="hero-container">
      <div id="heroCarousel" class="carousel slide carousel-fade" data-ride="carousel">

        <ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

        <div class="carousel-inner" role="listbox">

          <!-- Slide 1 -->
          <div class="carousel-item active" style="background-image: url('assets/img/slide/slide-1.jpg');">
            <div class="carousel-container">
              <div class="carousel-content container">
                <h2 class="animated fadeInDown">Bienvenidos a <span>FuNaFu</span></h2>
                <p class="animated fadeInUp">Somos una organizaci&oacute;n no gubernamental sin fines de lucro, cuyo principal objetivo es la conservaci&oacute;n y el respeto de la naturaleza. </p>
    
  
				  <a href="funafu.php" class="btn-get-started animated fadeInUp scrollto">Ver Mas</a>
              </div>
            </div>
          </div>

          <!-- Slide 2 -->
          <div class="carousel-item" style="background-image: url('assets/img/slide/slide-2.jpg');">
            <div class="carousel-container">
              <div class="carousel-content container">
                <h2 class="animated fadeInDown">Nuestros centros de interpretaci&oacute;n</h2>
                <p class="animated fadeInUp">Un centro de interpretaci&oacute;n es un espacio que revela el significado y la relaci&oacute;n del patrimonio con el visitante.</p>
                <a href="centros-interpretacion.php" class="btn-get-started animated fadeInUp scrollto">Ver Mas</a>
              </div>
            </div>
          </div>

          <!-- Slide 3 -->
          <div class="carousel-item" style="background-image: url('assets/img/slide/slide-3.jpg');">
            <div class="carousel-container">
              <div class="carousel-content container">
                <h2 class="animated fadeInDown">La RSE y FuNaFu.</h2>
                <p class="animated fadeInUp">La Responsabilidad Social Empresaria es la contribuci&oacute;n activa y voluntaria al mejoramiento social, econ&oacute;mico y ambiental por parte de las empresas. </p>
                <a href="rse.php" class="btn-get-started animated fadeInUp scrollto">Ver Mas</a>
              </div>
            </div>
          </div>

        </div>

        <a class="carousel-control-prev" href="#heroCarousel" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon icofont-rounded-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#heroCarousel" role="button" data-slide="next">
          <span class="carousel-control-next-icon icofont-rounded-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>

      </div>
    </div>
  </section><!-- End Hero -->

  <main id="main">

	
	
    <!-- ======= Our Centros de interpretaci&oacute;n Section ======= -->
	
    <section id="centros" class="portfolio section-bg">
      <div class="container" data-aos="fade-up" data-aos-delay="100">

        <div class="section-title">
          <h2>Centros de interpretaci&oacute;n</h2>
          <p>Un centro de interpretaci&oacute;n es un espacio que revela el significado y la relaci&oacute;n del patrimonio con el visitante que llega hasta el sitio tur&iacute;stico que lo contiene, a trav&eacute;s de experiencias directas y aplicando los principios, cualidades y estrategias de la disciplina. <a href="centros-interpretacion.php">Saber m&aacute;s...</a></p>
		  
        </div>

        <div class="row portfolio-container">


           <?php 
       
          $pagina=1;
          $limit=12;
          $orden=" ORDER BY RAND()";

          consultar_centros ( $centro,$cantidad,$pagina,$can_registros,$ult_pagina,$limit,$orden);
          

          for ($i=0; $i<$cantidad;$i++){

                unset($media);
                $media["CentroId"]=$centro[$i]["Id"];
                buscar_media($media);
           
          ?>
          <div class="col-lg-4 col-md-6 portfolio-item filter-app">
            <div class="portfolio-wrap">
              <img src="admin/images/<?php echo $media["Url"]; ?>" class="img-fluid" alt="">
              <div class="portfolio-info">
                <h4><?php echo $centro[$i]["Titulo"]; ?></h4>
                <p><?php echo $centro[$i]["Lugar"]; ?></p>
                <div class="portfolio-links">
                  <a href="centro-interpretacion.php?Id=<?php echo $centro[$i]["Id"]; ?>" title="Visitar el centro"><i class="icofont-eye"></i></a>
                </div>
              </div>
            </div>
          </div>

          <?php } ?>



        </div>

      </div>
    </section><!-- End Centros de interpretaci&oacute;n Section -->	


    <!-- ======= Iniciativas Section ======= -->
    <section id="iniciativas" class="services">
      <div class="container">

        <div class="section-title">
          <h2>Iniciativas FUNAFU</h2>
        </div>

        <div class="row">

          
          <?php 
       
          $pagina=1;
          $limit=6;
          $orden=" ORDER BY RAND()";

          consultar_iniciativas ( $iniciativa,$cantidad,$pagina,$can_registros,$ult_pagina,$limit,$orden);
          

          for ($i=0; $i<$cantidad;$i++){



            switch($i){

              case 0: $fade=""; $icon="icofont-hill-sunny"; break;
              case 1: $fade='data-aos-delay="100"'; $icon="icofont-image"; break;
              case 2: $fade='data-aos-delay="200"'; $icon="icofont-earth"; break; 
              case 3: $fade='data-aos-delay="300"';$icon="icofont-wave"; break;
              case 4: $fade='data-aos-delay="400"'; $icon="icofont-camera"; break;
              case 5: $fade='data-aos-delay="500"'; $icon="icofont-water-drop"; break;
              
            }
              
           
          ?>
          <div class="col-lg-4 col-md-6 icon-box" data-aos="fade-up" <?php echo $fade; ?> >
            <div class="icon"><i class="<?php echo $icon; ?>"></i></div>
            <h4 class="title"><a href="iniciativa.php?Id=<?php echo $iniciativa[$i]["Id"]; ?>"><?php echo $iniciativa[$i]["Titulo"]; ?></a></h4>
          </div>


          <?php } ?>
                    
        </div>
      </div>
    </section><!-- End Iniciativas Section -->

    <!-- ======= Publicaciones Section ======= -->
    <section id="publicaciones" class="team">
      <div class="container">

        <div class="section-title">
          <h2>Nuestras Publicaciones</h2>
        </div>

        <div class="row">


          <?php 
       
          $pagina=1;
          $limit=8;
          $orden=" ORDER BY RAND()";

          consultar_publicaciones ( $publicacion,$cantidad,$pagina,$can_registros,$ult_pagina,$limit,$orden);
          

          for ($i=0; $i<$cantidad;$i++){

            $fade;

            switch($i){

              case 0: $fade=""; break;
              case 1: $fade='data-aos-delay="100"';break;
              case 2: $fade='data-aos-delay="200"';break;
              case 3: $fade='data-aos-delay="300"';break;
              
              
            }
           
          ?>


          <div class="col-xl-3 col-lg-4 col-md-6" data-aos="fade-up" <?php  echo $fade; ?>>
            <div class="member">
              <div class="pic"><img src="admin/images/<?php  echo $publicacion[$i]["Foto"]; ?>" class="img-fluid" alt=""></div>
              <div class="member-info">
                <h4><a href="publicacion.php?Id=<?php  echo $publicacion[$i]["Id"]; ?>" style="color:#FFF;"><?php  echo $publicacion[$i]["Titulo"]; ?></a></h4>
                <div class="social">
                  <a href="publicacion.php?Id=<?php  echo $publicacion[$i]["Id"]; ?>"><i class="icofont-eye"></i></a>
                </div>
              </div>
            </div>
          </div>

        <?php } ?>  

      </div>
    </section><!-- End Publicaciones Section -->
		
    <!-- ======= News Section ======= -->
    <section id="news" class="about-lists">
      <div class="container">
	  
	    <div class="section-title">
          <h2>Novedades FUNAFU</h2>
        </div>

        <div class="row no-gutters">

          <?php 
       
          $pagina=1;
          $limit=6;
		  $orden= " ORDER BY Fecha desc ";
		  

          consultar_novedades ( $novedad,$cantidad,$pagina,$can_registros,$ult_pagina,$limit,$orden);
          

          for ($i=0; $i<$cantidad;$i++){

            $fade;

            switch($i){

              case 0: $fade=""; break;
              case 1: $fade='data-aos-delay="100"';break;
              case 2: $fade='data-aos-delay="200"';break;
              case 3: $fade='data-aos-delay="300"';break;
              case 4: $fade='data-aos-delay="400"';break;
              case 5: $fade='data-aos-delay="500"';break;
             

            }
          
                $mes=explode("-",$novedad[$i]["Fecha"]);
                    $numero = $mes[1];
                    $mesLetra = $arrMes[$numero];
           
          ?>
          

          <div class="col-lg-4 col-md-6 content-item" data-aos="fade-up" <?php echo $fade; ?> >
            <span><?php echo $mes[2]. " ".$mesLetra." ".$mes[0]; ?></span>
           
            <h4><a href="novedad.php?Id=<?php echo $novedad[$i]["Id"]; ?>"><?php echo $novedad[$i]["Titulo"]; ?></a></h4>
          </div>


          <?php } ?>
        
                <a href="novedades" class="btn-normal">Ver Todas</a>

        </div>

      </div>
    </section><!-- End News Section -->

<?php	
	
	include_once 'inc.rse.php';
	include_once 'inc.contacto.php';
	include_once 'inc.footer.php';
			
?>	