<!DOCTYPE html>
<html lang="es">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="Bootstrap, Landing page, Template, Business, Service">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="Grayrids">
    <title>Softemuco</title>
    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="img/2.png" type="image/png">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/LineIcons.css">
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/nivo-lightbox.css">
    <link rel="stylesheet" href="css/main.css">    
    <link rel="stylesheet" href="css/responsive.css">

  </head>
  
  <body>

    <!-- Header Section Start -->
    <header id="home" class="hero-area">    
      <div class="overlay">
        <span></span>
        <span></span>
      </div>
      <nav class="navbar navbar-expand-md bg-inverse fixed-top scrolling-navbar">
        <div class="container">
          <a href="index.html" class="navbar-brand"><img src="img/logo.png" alt=""></a>       
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <i class="lni-menu"></i>
          </button>
          <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav mr-auto w-100 justify-content-end">
              <li class="nav-item">
                <a class="nav-link page-scroll" href="#home">Inicio</a>
              </li>
              <li class="nav-item">
                <a class="nav-link page-scroll" href="#services">Sobre Nosotros</a>
              </li>  
              <li class="nav-item">
                <a class="nav-link page-scroll" href="#features">Servicios</a>
              </li>        
              <li class="nav-item">
                <a class="nav-link page-scroll" href="#pricing">Gestión</a>
              </li>  
              <li class="nav-item">
                <a class="nav-link page-scroll" href="#contact">Contacto</a>
              </li> 
              <li class="nav-item">
                <a class="btn btn-singin" href="javascript:window.parent.parent.location='../index_sistema.php';">Intranet</a>
              </li>
            </ul>
          </div>
        </div>
      </nav>  
      <div class="container">      
        <div class="row space-100">
          <div class="col-lg-6 col-md-12 col-xs-12">
            <div class="contents">
              <h2 class="head-title">Bienvenido a Softemuco</h2>
              <p>Para mayor información contactate con nosotros.</p>
              <div class="header-button">
                <!--<a href="#" class="btn btn-border-filled">Get Started</a>-->
                <a href="#contact" class="btn btn-border-filled page-scroll">Contáctanos</a>
              </div>
            </div>
          </div>
          <div class="col-lg-6 col-md-12 col-xs-12 p-0">
            <div class="intro-img">
              <img src="img/intro.png" alt="">
            </div>            
          </div>
        </div> 
      </div>             
    </header>
    <!-- Header Section End --> 
<hr>
    <!-- Business Plan Section Start -->
    <section id="services">
      <div class="container">
        <br>
        <br>
        <div class="row">
          <!-- Start Col -->
          <div class="col-lg-6 col-md-12 pl-0 pt-70 pr-5">
            <div class="business-item-img">
              <img src="img/business/business-img.png" class="img-fluid" alt="">
            </div>
          </div>
          <!-- End Col -->
          <!-- Start Col -->
          <div class="col-lg-6 col-md-12 pl-4">
            <div class="business-item-info">
              <h3>Sistema Gestión de Factura Electrónica.</h3>
              <p>Somos una empresa con más de 25 años de experiencia.<br>
                 Fundada en 1995 dando calidad y compromiso a nuestros clientes.<br>
                 <b>Objetivo:</b><br>
                 * Software administrativo capaz de controlar la compra y venta de una pyme.<br>
                 * Administracion de facturas.
              </p>

              <a href="#contact" class="btn btn-border-filled page-scroll">Contáctanos</a>
            </div>
          </div>
          <!-- End Col -->
        </div>

      </div>
    </section>
    <!-- Business Plan Section End -->
<hr>
    <!-- Cool Fetatures Section Start -->
    <section id="features" class="section">
      <div class="container">
        <!-- Start Row -->
        <div class="row">
          <div class="col-lg-12">
            <div class="features-text section-header text-center">  
              <div>   
                <h2 class="section-title">Servicios que ofrecemos</h2>
                <div class="desc-text">
                  <p>Con el software de Facturación de Softemuco, podrás emitir facturas y otros DTE de manera rápida.</p>
                </div>
              </div> 
            </div>
          </div>

        </div>
        <!-- End Row -->
        <!-- Start Row -->
        <div class="row featured-bg">
         <!-- Start Col -->
          <div class="col-lg-6 col-md-6 col-xs-12 p-0">
             <!-- Start Fetatures -->
            <div class="feature-item featured-border1">
               <div class="feature-icon float-left">
                 <i class="lni-world"></i>
               </div>
               <div class="feature-info float-left">
                 <h4>100% Web</h4>
                 <p>Accede a tu información desde cualquier lugar.</p>
               </div>
            </div>
            <!-- End Fetatures -->
          </div>
           <!-- End Col -->
          
         <!-- Start Col -->
          <div class="col-lg-6 col-md-6 col-xs-12 p-0">
             <!-- Start Fetatures -->
            <div class="feature-item featured-border2">
               <div class="feature-icon float-left">
                 <i class="lni-check-mark-circle"></i>
               </div>
               <div class="feature-info float-left">
                 <h4>Fácil de usar</h4>
                 <p>Simplifica las tareas administrativas y gestiona<br> de forma rápida y simple.</p>
               </div>
            </div>
            <!-- End Fetatures -->
          </div>
           <!-- End Col -->
          
         <!-- Start Col -->
          <div class="col-lg-6 col-md-6 col-xs-12 p-0">
             <!-- Start Fetatures -->
            <div class="feature-item featured-border1">
               <div class="feature-icon float-left">
                 <i class="lni-laptop-phone"></i>
               </div>
               <div class="feature-info float-left">
                 <h4>Multidispositivo</h4>
                 <p>Accede desde computadores, celulares o tablets.</p>
               </div>
            </div>
            <!-- End Fetatures -->
          </div>
           <!-- End Col -->
          
         <!-- Start Col -->
          <div class="col-lg-6 col-md-6 col-xs-12 p-0">
             <!-- Start Fetatures -->
            <div class="feature-item featured-border2">
               <div class="feature-icon float-left">
                <i class="lni-briefcase"></i>
               </div>
               <div class="feature-info float-left">
                 <h4>Para cada rubro</h4>
                 <p>Se adapta a cualquier tipo de empresa.</p>
               </div>
            </div>
            <!-- End Fetatures -->
          </div>
           <!-- End Col -->
          
         <!-- Start Col -->
          <div class="col-lg-6 col-md-6 col-xs-12 p-0">
             <!-- Start Fetatures -->
            <div class="feature-item featured-border3">
               <div class="feature-icon float-left">
                 <i class="lni-lock"></i>
               </div>
               <div class="feature-info float-left">
                 <h4>Tus datos Seguros</h4>
                 <p>Protocolos de seguridad web de la información.</p>
               </div>
            </div>
            <!-- End Fetatures -->
          </div>
           <!-- End Col -->
          
         <!-- Start Col -->
          <div class="col-lg-6 col-md-6 col-xs-12 p-0">
             <!-- Start Fetatures -->
            <div class="feature-item">
               <div class="feature-icon float-left">
                 <i class="lni-write"></i>
               </div>
               <div class="feature-info float-left">
                 <h4>Genera informes</h4>
                 <p>Toma decisiones informadas para tu negocio<br> en base a indicadores de tu negocio.</p>
               </div>
            </div>
            <!-- End Fetatures -->
          </div>
           <!-- End Col -->
          

        </div>
        <!-- End Row -->
      </div>
    </section>
    <!-- Cool Fetatures Section End --> 

    <!-- Our Pricing Plan Section Start -->
    <section id="pricing" class="section">
      <div class="container">
        <!-- Start Row -->
        <div class="row">
          <div class="col-lg-12">
            <div class="pricing-text section-header text-center">  
              <div>   
                <h2 class="section-title">Gestión Sistema</h2>
                <div class="desc-text">
                  <p>Gestión del sistema para tu empresa.</p>
                </div>
              </div> 
            </div>
          </div>

        </div>
        <!-- End Row -->
        <!-- Start Row -->
        <div class="row pricing-tables">
         <!--  Start Col -->
          <!--<div class="col-lg-4 col-md-4 col-xs-12">
            <div class="pricing-table text-center">
              <div class="pricing-details">
                <h3>Plan 1</h3>
                <h1><span>$</span>0</h1>
                <ul>
                  <li>1</li>
                  <li>2</li>
                  <li>3</li>
                  <li>4</li>
                  <li>5</li>
                  <li>6</li>
                </ul>
              </div>
              <div class="plan-button">
                <a href="#contact" class="btn btn-border page-scroll"">Contactar</a>
              </div>
            </div>
          </div>-->
           <!--  End Col -->
         <!--  Start Col -->
          <div class="col-lg-6 col-md-6 col-xs-12">
            <div class="pricing-table text-center">
              <div class="pricing-details">
                <h3>Principal</h3>
                <!--<h1><span>$</span>0</h1>-->
                <ul>
                  <li>Libro de Compra</li>
                  <li>Libro de Venta</li>
                  <li>Bodega</li>
                  <li>Caja</li>
                  <li>Contabilidad</li>              
                </ul>
              </div>
              <div class="plan-button">
                <a href="#contact" class="btn btn-common page-scroll"">Contactar</a>
              </div>
            </div>
          </div>
           <!--  End Col -->
         <!--  Start Col -->
          <div class="col-lg-6 col-md-6 col-xs-12">
            <div class="pricing-table text-center">
              <div class="pricing-details">
                <h3>Otros</h3>
                <!--<h1><span>$</span>0</h1>-->
                <ul>
                  <li>Remuneraciones</li>
                  <li>Ordenes de Compra</li>
                  <li>Presupuesto</li>
                  <li>Ordenes de trabajo</li>
                  <li>Control de arriendos</li>
                </ul>
              </div>
              <div class="plan-button">
                <a href="#contact" class="btn btn-border page-scroll"">Contactar</a>
              </div>
            </div>
          </div>
           <!--  End Col -->

        </div>
        <!-- End Row -->
      </div>
    </section>
    <!-- Our Pricing Plan Section End --> 

    <!-- Contact Us Section -->
    <section id="contact" class="section">
      <!-- Container Starts -->
      <div class="container">
        <!-- Start Row -->
        <div class="row">
          <div class="col-lg-12">
            <div class="contact-text section-header text-center">  
              <div>   
                <h2 class="section-title">Contáctanos</h2>
                <div class="desc-text">
                  <p>Envianos un mensaje y te llamaremos a la brevedad.</p>
                </div>
              </div> 
            </div>
          </div>

        </div>
        <!-- End Row -->
        <!-- Start Row -->
        <div class="row">
          <!-- Start Col -->
          <div class="col-lg-6 col-md-12">
          <form id="contactForm" action="" method="POST">
            <div class="row">
              <div class="col-md-12">
                <div class="form-group">
                  <input type="text" class="form-control" id="name" name="name" placeholder="Nombre" required data-error="Porfavor ingrese su nombre">
                  <div class="help-block with-errors"></div>
                </div>                                 
              </div>
              <!--<div class="col-md-6">
                <div class="form-group">
                  <input type="text" placeholder="Subject" id="msg_subject" class="form-control" name="msg_subject" required data-error="Please enter your subject">
                  <div class="help-block with-errors"></div>
                </div> 
              </div>-->
              <div class="col-md-12">
                <div class="form-group">
                  <input type="text" class="form-control" id="email" name="email" placeholder="Email" required data-error="Porfavor ingrese su correo">
                  <div class="help-block with-errors"></div>
                </div>                                 
              </div>
              <div class="col-md-12">
                <div class="form-group">
                  <input type="text" class="form-control" id="phone" name="phone" placeholder="Número Celular" required data-error="Porfavor ingrese su celular">
                  <div class="help-block with-errors"></div>
                </div>                                 
              </div>
              <!--<div class="col-md-6">
                <div class="form-group">
                  <input type="text" placeholder="Budget" id="budget" class="form-control" name="budget" required data-error="Please enter your Budget">
                  <div class="help-block with-errors"></div>
                </div> 
              </div>-->
              <div class="col-md-12">
                <div class="form-group"> 
                  <textarea class="form-control" id="message"  name="message" placeholder="Escribe un mensaje" rows="4" data-error="Escribe un mensaje" required></textarea>
                  <div class="help-block with-errors"></div>
                </div>
                <div class="submit-button">
                  <button class="btn btn-common" id="submit" type="submit" name="envia_correo">Enviar</button>
                  <div id="msgSubmit" class="h3 hidden"></div> 
                  <div class="clearfix"></div> 
                </div>
              </div>
            </div>            
          </form>
          </div>
          <!-- End Col -->
          <!-- Start Col -->
          <div class="col-lg-1">
            
          </div>
          <!-- End Col -->
          <!-- Start Col -->
          <div class="col-lg-4 col-md-12">
            <div class="contact-img">
              <img src="img/contact/01.png" class="img-fluid" alt="">
            </div>
          </div>
          <!-- End Col -->
          <!-- Start Col -->
          <div class="col-lg-1">
          </div>
          <!-- End Col -->

        </div>
        <!-- End Row -->
      </div>
    </section>
    <!-- Contact Us Section End -->

    <!-- Footer Section Start -->
    <footer>
      <!-- Footer Area Start -->
      <section id="footer-Content">
        <!-- Copyright Start  -->
        <div class="container">
          <!-- Start Row -->
          <div class="row">

          <!-- Start Col -->
            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6 col-mb-12">
              
              <div class="footer-logo">
               <img src="img/logo.png" alt="">
              </div>
            </div>
            <!-- End Col -->
            <!-- Start Col -->
            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6 col-mb-12">
              <div class="widget">
                <h3 class="block-title">Contacto 1</h3>
                <ul class="menu">
                  <li>- Misael Caceres Castro</li>
                  <li>- Celular   +56 9 94431625</li>
                  <li>- mcaceres@softemuco.cl</li>
                </ul>
              </div>
            </div>
            <!-- End Col -->
             <!-- Start Col -->
            <div class="col-lg-4 col-md-6 col-sm-6 col-xs-6 col-mb-12">
              <div class="widget">
                <h3 class="block-title">Contacto 2</h3>
                <ul class="menu">
                  <li>- Patricio Sáez Garrido</li>
                  <li>- Celular   +56 9 94007815</li>
                  <li>- patricio.saez@softemuco.cl</li>
                </ul>
              </div>
            </div>
             <!-- End Col -->
          </div>
          <!-- End Row -->
        </div>
        <!-- Copyright Start  -->        

        <div class="copyright">
          <div class="container">
            <!-- Star Row -->
            <div class="row">
              <div class="col-md-12">
                <div class="site-info text-center">
                  <p>@2019 Softemuco<!--<a href="http://uideck.com" rel="nofollow">UIdeck</a>--></p>
                </div>              
                
              </div>
              <!-- End Col -->
            </div>
            <!-- End Row -->
          </div>
        </div>
      <!-- Copyright End -->
      </section>
      <!-- Footer area End -->
      
    </footer>
    <!-- Footer Section End --> 


    <!-- Go To Top Link -->
    <a href="#" class="back-to-top">
      <i class="lni-chevron-up"></i>
    </a> 

    <!-- Preloader -->
    <div id="preloader">
      <div class="loader" id="loader-1"></div>
    </div>
    <!-- End Preloader -->

    <!-- jQuery first, then Tether, then Bootstrap JS. -->
    <script src="js/jquery-min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.js"></script>      
    <script src="js/jquery.nav.js"></script>    
    <script src="js/scrolling-nav.js"></script>    
    <script src="js/jquery.easing.min.js"></script>     
    <script src="js/nivo-lightbox.js"></script>     
    <script src="js/jquery.magnific-popup.min.js"></script>      
    <script src="js/main.js"></script>
    
  </body>
</html>

<?
if(isset($_POST['envia_correo'])){
  
require 'libraries/class.phpmailer.php';

$correo_empresa='patricio.saez@softemuco.cl';
$cla_correo_empresa='ps2016';
$nombre_empresa='Softemuco';
$correo_cliente='patricio.saez@softemuco.cl';
$razon='';

$mail             = new PHPMailer();
//$mail->SMTPDebug  = 2;
$mail->IsSMTP(); 
$mail->SMTPAuth   = true;                  // enable SMTP authentication
$mail->Host       = "mail.softemuco.cl"; // sets the SMTP server
$mail->Port       = 587;                    // set the SMTP port for the GMAIL server
//$mail->SMTPSecure = 'tls';       // set the SMTP port for the GMAIL server
$mail->Username   = $correo_empresa; // SMTP account username
$mail->Password   = $cla_correo_empresa;        // SMTP account password

$mail->SetFrom($correo_cliente, $nombre_empresa);      // desde

$mail->AddReplyTo($correo_cliente,$nombre_empresa);

$mail->Subject    = "Formulario de contacto Softemuco";

//$mail->AltBody    = "To view the message, please use an HTML compatible email viewer!"; // optional, comment out and test
$first_name_c=$_POST['name'];
//$ocupation_c=$_POST['ocupation'];
$email_c=$_POST['email'];
$phone_c=$_POST['phone'];
$message_c=$_POST['message'];

$form_contact="
<img src='img/logo.jpg' width='300' height=''/>
<h4>Formulario de contacto</h4>
<table width='100%'>
  <tr>
    <td>Nombre:</td>
    <td>$first_name_c</td>
  </tr>
  <tr>
    <td>E-mail:</td>
    <td>$email_c</td>
  </tr>
  <tr>
    <td>Telefono:</td>
    <td>$phone_c</td>
  </tr>
  <tr>
    <td>mensaje:</td>
    <td>$message_c</td>
  </tr>
</table>";

$mail->MsgHTML($form_contact);

$address = $correo_cliente; 
$mail->AddAddress($address, $razon);

//$mail->AddAttachment($docto_pdf);      // attachment
//$mail->AddAttachment($docto_firmado);      // attachment
//$mail->AddAttachment("images/phpmailer_mini.gif"); // attachment

if(!$mail->Send())
 {
  //echo "Mailer Error 1: " . $mail->ErrorInfo;
  ?>
  <script>
  alert ("¡Error al enviar correo!");
</script>
  <?php
} else {
  //echo "Message sent 1!";
  ?>
<script>
  alert ("¡Correo Enviado!");
</script>
  <?php
}
}
?>