<?php
/*
 * Copyright 2017-08-02  Cámara de Comercio de Santa Marta para el Magdalena.
 * Autor: Juan Pablo Llinás Ramírez <www.ccsm.org.co>.
 * Archivo: contenido. 
 *
 * Licenciado bajo la Licencia Apache, Versión 2.0;
 * Usted no puede usar este archivo excepto en conformidad con la Licencia. 
 * Usted puede obtener una copia de la Licencia en 
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 * A menos que sea requerido por la ley aplicable o acordado por escrito, el software
 * Distribuido bajo la licencia se distribuye en una "AS IS" o  "COMO ESTA" BASE,
 * SIN GARANTÍAS NI CONDICIONES DE NINGÚN TIPO, expresas o implícitas.
 * Consulte la Licencia para los permisos y Limitaciones bajo la Licencia.
 */
?>
<!----start-header----------->
<div class="wrap" id="portfolio">
    <div class="header_bg">
        <?php include 'plantilla/navegacion.php'; ?>
    </div>
    <area_apps></area_apps>
    
</div>
<!---End-gallery----->
<div class="contact" id="contacto">
    <div class="wrap">
        <h2 style="color: #4D4D4D; font-size: 2em;padding-bottom: 0.5em;text-align: center; font-weight: bold;">CONTÁCTANOS</h2>
        <div class="section group">
            <div class="col span_2_of_3">
                <form id="form-contacto" onsubmit="return false;" method="post" name="form-contacto">
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="col-md-6">
                                <input type="text" class="form-control" placeholder="Nombre" id="nombre" name="nombre" required>
                            </div>
                            <div class="col-md-6">
                                <input type="email" class="form-control" placeholder="Email" id="email" name="email" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">
                            <input type="text" class="form-control" placeholder="Asunto / Incidente" id="asunto" name="asunto" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-12">
                            <textarea placeholder="Mensaje" class="form-control" id="mensaje" name="mensaje" required="" rows="6"></textarea>
                            </div>
                        </div>
                        <div class="form-group text-center">
                            <div class="btn-group" role="group">
                                <input type="submit" class="btn btn-success btn-large btn-full" 
                                    value="Enviar Mensaje" />
                                <input type="reset" class="btn btn-danger btn-large btn-full" 
                                    value="Limpiar" />
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col span_1_of_3">
                <div class="company_address">
                    <h5>INFORMACIÓN</h5>
                    <ul class="list3">
                        <li>
                            <img src="plantilla/images/placeholder.png" alt=""/>
                            <div class="extra-wrap">
                                <p>Avenida el Libertador No.13–94</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <img src="plantilla/images/phone.png" alt=""/>
                            <div class="extra-wrap">
                                <p>(+57) 302 781 8260</p>
                            </div>
                            <div class="clear"></div>
                        </li>
                        <li>
                            <img src="plantilla/images/fax.png" alt=""/>
                            <div class="extra-wrap">
                                <p> 4 20 99 09 Ext(2602)</p>
                            </div>
                            <div class="clear"> </div>
                        </li>
                        <li>
                            <img src="plantilla/images/email.png" alt=""/>
                            <div class="extra-wrap">
                                <p> <a href="mailto:soporte.tics@ccsm.org.co"> soporte.tics@ccsm.org.co</a></p>
                            </div>
                            <div class="clear"> </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="footer-bottom">
    <div class="wrap">


<div class="container">
          <div class="row">
            <div class="col-md-6">
              <p>&copy;<?= date('Y') ?> Cámara de Comercio de Santa Marta para el Magdalena</p>
            </div>
            <div class="col-md-6">
              <p class="credit">Desarrollador por <a href="https://centrotics.ccsm.org.co">Centro de Servicios TICS</a><br />, con el apoyo de <a href="http://pvdlabsantamarta.com/">Vive Lab Santa Marta</a></p>
            </div>
          </div>
          <div>
            <div class="col-md-12 text-center">
              <a href="https://www.ccsm.org.co" target="_blank"><img src="https://www.ccsm.org.co/images/logo314.png" style="height:40px;"></img></a>
              <a href="http://pvdlabsantamarta.com" target="_blank"><img src="http://pvdlabsantamarta.com/img/logos/pvd.png" style="height:40px;"></img></a>
            </div>
          </div>
        </div>
   
  


        <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"> </span></a>
        <script src="plantilla/js/jquery.scrollTo.js"></script>
    </div>
</div>
<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>
<script type="text/javascript">
    $("#form-contacto").submit(function (evt) {
        enviarMensaje($(this).serialize());
        evt.preventDefault();
    });
    function enviarMensaje(datosContacto) {
        cargandoDivision("contacto");
        ejecutarOperacion("tienda-apps","apps", "enviarMensaje", datosContacto,
                function (datos) {
                    document.getElementById("form-contacto").reset();
                }
        );
    }
</script>

<script type="text/javascript">
$(document).ready(function () {
    iniciarTienda();
});
</script>

 <!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67766763-2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());
  gtag('config', 'UA-67766763-2');
</script>
