<!DOCTYPE html>
<html lang="en">
<!-- Head -->
<head>
  <title>Grupo Aquacorp | Noticias</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta charset="utf-8">
  <meta name="keywords" content="Sistemas Administración y Finanzas S. A., noticias, reportes, anuncios" />
  <!-- Default-JavaScript-File -->
  <script type="text/javascript" src="<?php echo base_url('public/js/jquery-2.1.4.min.js')?>"></script>
  <script type="text/javascript" src="<?php echo base_url('public/js/bootstrap.min.js')?>"></script>
  <!-- //Default-JavaScript-File -->
  <link rel="stylesheet" href="<?php echo base_url('public/css/flexslider.css')?>" type="text/css" media="screen" />
  <script defer src="<?php echo base_url('public/js/jquery.flexslider.js')?>"></script>
  <!-- gallery -->
  <link rel="stylesheet" href="<?php echo base_url('public/css/lightGallery.css')?>" type="text/css" media="all" />
  <!-- //gallery -->



  <link href="<?php echo base_url('public/css/bootstrap.min.css')?>" rel="stylesheet" type="text/css" media="all" />
  <link href="<?php echo base_url('public/css/style.css')?>" rel="stylesheet" type="text/css" media="all" />
  <link href="<?php echo base_url('public/css/font-awesome.min.css')?>" rel="stylesheet" type="text/css" media="all" />
  <link href="//fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700" rel="stylesheet">
  <link href="//fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">

  <!--Start-slider-script-->
  <script type="text/javascript">

    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });
  </script>
  <!--End-slider-script-->
  <style type="text/css">
  body {
    background-image: url("<?php echo base_url('public/images/fondo.jpg')?>");
    background-repeat: repeat;
  }
  #padre {
    padding: 5% 0;
  }
  #hijo {
    padding: 10% 10%;
  }
</style>
</head>
<!-- Head -->
<body>
  <div id="padre">
    <div id="hijo">
      <!-- Slider -->
      <div class="slider w3layouts agileits">
        <ul class="rslides w3layouts agileits" id="slider">
          <li>
            <img src="<?php echo base_url('public/images/a1.png')?>" alt="Affiliation">
            <!--
            <div class="layer w3layouts agileits">
              <h3>fringilla id ipsum sit.</h3>
              <p>Phasellus fringilla faucibus ipsum, id pharetra massa consequat ac. Nullam at tempus urna.</p>
              <a href="#" data-toggle="modal" data-target="#myModal" >read more</a>
            </div>
          -->
        </li>
        <li>
          <img src="<?php echo base_url('public/images/a2.png')?>" alt="Affiliation">
            <!--
            <div class="layer w3layouts agileits">
              <h3>fringilla id ipsum sit.</h3>
              <p>Phasellus fringilla faucibus ipsum, id pharetra massa consequat ac. Nullam at tempus urna.</p>
              <a href="#" data-toggle="modal" data-target="#myModal" >read more</a>
            </div>
          -->
        </li>
        <li>
          <img src="<?php echo base_url('public/images/a3.png')?>" alt="Affiliation">
            <!--
            <div class="layer w3layouts agileits">
              <h3>fringilla id ipsum sit.</h3>
              <p>Phasellus fringilla faucibus ipsum, id pharetra massa consequat ac. Nullam at tempus urna.</p>
              <a href="#" data-toggle="modal" data-target="#myModal" >read more</a>
            </div>
          -->
        </li>
        <li>
          <img src="<?php echo base_url('public/images/a4.png')?>" alt="Affiliation">
            <!--
            <div class="layer w3layouts agileits">
              <h3>fringilla id ipsum sit.</h3>
              <p>Phasellus fringilla faucibus ipsum, id pharetra massa consequat ac. Nullam at tempus urna.</p>
              <a href="#" data-toggle="modal" data-target="#myModal" >read more</a>
            </div>
          -->
        </li>
                <li>
          <img src="<?php echo base_url('public/images/a5.png')?>" alt="Affiliation">
            <!--
            <div class="layer w3layouts agileits">
              <h3>fringilla id ipsum sit.</h3>
              <p>Phasellus fringilla faucibus ipsum, id pharetra massa consequat ac. Nullam at tempus urna.</p>
              <a href="#" data-toggle="modal" data-target="#myModal" >read more</a>
            </div>
          -->
        </li>
        <li>
          <img src="<?php echo base_url('public/images/a6.png')?>" alt="Affiliation">
            <!--
            <div class="layer w3layouts agileits">
              <h3>fringilla id ipsum sit.</h3>
              <p>Phasellus fringilla faucibus ipsum, id pharetra massa consequat ac. Nullam at tempus urna.</p>
              <a href="#" data-toggle="modal" data-target="#myModal" >read more</a>
            </div>
          -->
        </li>
        <li>
          <img src="<?php echo base_url('public/images/a7.png')?>" alt="Affiliation">
            <!--
            <div class="layer w3layouts agileits">
              <h3>fringilla id ipsum sit.</h3>
              <p>Phasellus fringilla faucibus ipsum, id pharetra massa consequat ac. Nullam at tempus urna.</p>
              <a href="#" data-toggle="modal" data-target="#myModal" >read more</a>
            </div>
          -->
        </li>
      </ul>
    </div>
    <!-- //Slider -->
  </div>
</div>
<!-- //Footer -->
<!-- copyright -->

<!-- copyright -->

<!-- Slider-JavaScript -->
<script src="<?php echo base_url('public/js/responsiveslides.min.js')?>"></script>
<script>
  $(function () {
    $("#slider, #slider1").responsiveSlides({
      auto: true,
      nav: true,
      speed: 1500,
      namespace: "callbacks",
      pager: true,
    });
  });
</script>
<!-- //Slider-JavaScript -->

<!-- Slide-To-Top JavaScript -->
<script type="text/javascript">
  $(document).ready(function() {
    var defaults = {
      containerID: 'toTop',
      containerHoverID: 'toTopHover',
      scrollSpeed: 100,
      easingType: 'linear',
    };
    $().UItoTop({ easingType: 'easeOutQuart' });
  });
</script>
<a href="#home" id="toTop" class="stuoyal3w scroll stieliga" style="display: block;"> <span id="toTopHover" style="opacity: 0;"> </span></a>
<!-- //Slide-To-Top JavaScript -->

<!-- here stars scrolling icon -->
<script type="text/javascript">
  $(document).ready(function() {
        /*
          var defaults = {
          containerID: 'toTop', // fading element id
          containerHoverID: 'toTopHover', // fading element hover id
          scrollSpeed: 1200,
          easingType: 'linear' 
          };
          */

          $().UItoTop({ easingType: 'easeOutQuart' });

        });
      </script>
      <!-- start-smoth-scrolling -->
      <script type="text/javascript" src="<?php echo base_url('public/js/move-top.js')?>"></script>
      <script type="text/javascript" src="<?php echo base_url('public/js/easing.js')?>"></script>
      <script src="<?php echo base_url('public/js/SmoothScroll.min.js')?>"></script>
      <script type="text/javascript">
        jQuery(document).ready(function($) {
          $(".scroll").click(function(event){   
            event.preventDefault();
            $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
          });
        });
      </script>
      <!-- start-smoth-scrolling -->
      <!-- //here ends scrolling icon --> 



      <!-- js files for contact from validation -->
      <script src="<?php echo base_url('public/js/jqBootstrapValidation.js')?>"></script>
      <script src="<?php echo base_url('public/js/contact_me.js')?>"></script>
      <!-- //js files for contact from validation -->


      <!-- Skills-why-Scroller-Effect-JavaScript -->
      <script type="text/javascript" src="<?php echo base_url('public/js/numscroller-1.0.js')?>"></script>
      <!-- //Skills-why-Scroller-Effect-JavaScript -->

    </body>
    </html>