<!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top"><img src="<?php echo base_url('assets/sitio'); ?>/img/logos/logo_1.png" width="240" style="margin-top:-20px"></a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">Servicio</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Cómo Funciona</a>
                    </li>
         
                    <li>
                        <a class="page-scroll" href="#about">Quiénes somos</a>
                    </li>
                    <li>
                       <a class="page-scroll" href="#contact">Contacto</a>
                    </li>
                    <li>
                       <a class="page-scroll" href="https://play.google.com/store/apps/details?id=aeirsystem.app">App</a>
                    </li> 
                    <li>
                       <a class="page-scroll" href="/admin/login">Usuario</a>
                    </li>
                     <li>
                       <a class="page-scroll"href="javascript:void(0)" data-toggle="modal" data-target="#portfolioModal3">Registro</a>
                    </li>
                                                        </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container">
            <div class="intro-text">
			
                <div class="intro-lead-in">Información en tiempo real, al alcance de sus manos.</div>
                
                
    </header>

    <!-- Services Section -->
    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Servicio</h2>
                    <h3 class="section-subheading text-muted">Somos una empresa dedicada al desarrollo de software que permite en tiempo real obtener información. 
Mejorando las prestaciones de sus servicios y los costos de gestión.
                    <h3 class="section-subheading text-muted"> Nuestros productos, tu solución.
​</h3>
                </div>
            </div>
            <div class="row text-center">
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">Soporte</h4>
                    <p class="text-muted">Respuesta rápida vía online de tus consultas.</p>
                </div>
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">Versatil y Ágil</h4>
                    <p class="text-muted">Software de rápida respuesta y fácil de usar.</p>
                </div>
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-lock fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">Web Security</h4>
                    <p class="text-muted">Servidores exclusivos con backup de datos y alta estabilidad comprobada.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Portfolio Grid Section -->
    <section id="portfolio" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Cómo funciona</h2>
				    <h2 class="intro-lead-in">Tan SIMPLE como un CLICK, para saber TODO.</h2>

                    <h3 class="section-subheading text-muted">Brindamos un servicio web a la empresa, interconectada con una aplicación móvil para los prestadores en donde los mismos, la podrán obtener ingresando al play store y descargando la App. Aegir System. Una vez instalada y habilitado el usuario  por la empresa, este podrá ingresar y obtener información acerca de las prestaciones que tiene que realizar, como por ejemplo: nombre y apellido, domicilio, teléfono del paciente, duración y cantidad de las sesiones que deberá realizar al mismo.</p>
                    <h3 class="section-subheading text-muted">También la empresa contará con un acceso (usuario y contraseña) a nuestra página web, una vez logueada está accederá a una base de datos totalmente independiente, donde podrá crear sucursales, usuarios, cargar obras sociales, pacientes, profesionales, consultar en tiempo real información de las prestaciones que realizan los profesionales, tales como la duración, días de la visita y al mismo tiempo liquidar los honorarios de los prestadores de una manera rápida y sencilla.</p>
</h3>
					<h3 class="section-subheading text-muted">Ventajas que nuestro sistema tiene para ofrecer.</h3>
            </div
			
            <div class="row">
                <div class="col-md-4 col-sm-6 portfolio-item">
            		<img src="<?php echo base_url('assets/sitio'); ?>/img/portfolio/roundicons.png">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Fácil acceso desde todas las ubicaciones.</h4>
						<p class="text-muted">Sistema que permite saber en tiempo real información de las prestaciones que realizan los profesionales, tales como la duración, días de la visita y al mismo tiempo liquidar los honorarios de los prestadores de una manera rápida y sencilla.</p>
                                          </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">    
                        <img src="<?php echo base_url('assets/sitio'); ?>/img/portfolio/startup-framework.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Optimiza los tiempos.</h4>
                        <p class="text-muted"> 	Reduce costos de gestión administrativa de auditorías, papelería, etc.
 	Mejora los tiempos administrativos y evita confusiones en la liquidación de las prestaciones.	
</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                        <img src="<?php echo base_url('assets/sitio'); ?>/img/portfolio/treehouse.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Mejora la calidad del servicio.</h4>
                        <p class="text-muted">Los usuarios tienen información transparente y efectiva de los servicios que se prestan en los domicilios, evitando confusiones.</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                       
                    </a>
 

 
    </section>
                    </a>
                    

    <!-- About Section -->
    <section id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Quienes somos</h2>
                    <h3 class="section-subheading text-muted">Aegir System marca el cambio en la gestión organizacional.</h3>
                </div>
            </div
            <div class="col-lg-12 text-center">
                                                                        <p class="texto-descripcion">AEGIR SISTEM, es una empresa fundada con el objetivo de garantizar la calidad en la gestión y eficiencia en las prestaciones domiciliarias.
Nuestra misión, es desarrollar e implementar servicios de última tecnología a todas las organizaciones, privadas y públicas, haciendo de ellas entidades más adaptadas a los cambios organizacionales y culturales
</p>
<p class="texto-descripcion">Desarrollamos apps que permiten a las empresas mejorar la calidad de gestión y control de los servicios que brindan.</p>
<p class="texto-descripcion">Nuestra misión es desarrollar e implementar nuestros productos de última tecnología a todas las organizaciones privadas y públicas haciendo de ellas entidades mucho más eficientes en el campo de las prestaciones de servicios de calidad.</p>



    </section>

    

    <!-- Contact Section -->
    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Contacto</h2>
                    <h3 class="section-subheading text-muted">Uno de nuestros representantes se contactara con usted a la brevedad.</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <form name="sentMessage" id="contactForm" novalidate>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <input type="text" class="form-control" placeholder="Nombre" id="name" required data-validation-required-message="Please enter your name.">
                                    <p class="help-block text-danger">Nombre</p>
                                </div>
                                <div class="form-group">
                                    <input type="email" class="form-control" placeholder="Email" id="email" required data-validation-required-message="Please enter your email address.">
                                    <p class="help-block text-danger">e-mail.</p>
                                </div>
                                <div class="form-group">
                                    <input type="tel" class="form-control" placeholder="Teléfono" id="phone" required data-validation-required-message="Please enter your phone number.">
                                    <p class="help-block text-danger">Teléfono</p>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <textarea class="form-control" placeholder="Tu mensaje" id="message" required data-validation-required-message="Please enter a message."></textarea>
                                    <p class="help-block text-danger">Mensaje</p>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="col-lg-12 text-center">
                                <div id="success"></div>
                                <button type="submit" class="btn btn-xl">Enviar</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>