<!-- 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">Nosotros</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Soluciones</a>
                    </li>
         
                    <li>
                        <a class="page-scroll" href="#planes">Planes</a>
                    </li>                    
                    <!-- DROPDOWN -->
                    <li class="dropdown">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                          Aegir
                        </a>
                        <div class="dropdown-menu dropdown-menu-left">
                          <a class="dropdown-item" href="/admin/login">Login</a>
                          <div class="dropdown-divider"></div>
                          <a class="dropdown-item" href="https://play.google.com/store/apps/details?id=aegirsystem.app">Descargar App</a>
                          
                        </div>
                    </li>
                     <li class="dropdown">
                        <a class="dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                          Aeir
                        </a>
                        <div class="dropdown-menu dropdown-menu-left"> 
                          <a class="dropdown-item" href="https://aeir.aegirsystem.com/admin/login">Login</a>   
                          <div class="dropdown-divider"></div> 
                          <a class="dropdown-item" href="https://play.google.com/store/apps/details?id=aeirsystem.app">Descargar App</a>
                        </div>
                    </li>
                    <!-- END DROPDOWN -->
                     <li>
                       <a class="page-scroll"href="javascript:void(0)" data-toggle="modal" data-target="#portfolioModal3">Registro</a>
                    </li>
                    <li>
                       <a class="page-scroll" href="#contact">Contacto</a>
                    </li>
               </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <!--<div class="container">
            <div class="intro-text">
                <div class="intro-lead-in">Tecnología, al servicio de la salud.</div>
            </div>
        </div>   
        --> 
        <?php $this->load->view('partials/slider'); ?>      
    </header>

    <!-- Services Section -->
    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Nosotros</h2>
                    <h3 class="section-subheading text-muted">Somos un grupo de profesionales que desarrollamos soluciones Health IT para el ámbito de internación domiciliaria, auditoría de equipos médicos y aplicaciones móviles para la salud.
                    <h3 class="nosotros-subheading heading text-muted"> Nuestros objetivos</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 class="col-md-12">
                <ul>
                    <li>Garantizar la calidad y eficiencia de las prestaciones domiciliarias. </li>
                    <li>Mejorar la gestion y rentabilidad de tu empresa. </li>
                </ul>
            </div>
            </div>
        </div>
    </section>

    <!-- Portfolio Grid Section -->
    <?php $this->load->view('partials/comofunciona'); ?>
                    

    <!-- plans Section -->
    <section id="planes">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Planes</h2>
                    <h3 class="section-subheading text-muted">Un plan para cada necesidad.</h3>
                </div>
            </div>
            <?php $this->load->view('partials/planes'); ?>

        </div>
    </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>
