JeanBenitez
/
SitioWebRake


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302
							<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="utf-8">
    <title>Agro Insumos Raké SPR de RL de CV - Líder en insumos agrícolas en Chihuahua</title>

    <!-- Favicons -->
    <link href="assets/favicon.ico" rel="icon">
    <link href="img/apple-touch-icon.png" rel="apple-touch-icon">

    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700|Raleway:300,400,400i,500,500i,700,800,900" rel="stylesheet">

    <!-- Bootstrap CSS File -->
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Libraries CSS Files -->
    <link href="lib/nivo-slider/css/nivo-slider.css" rel="stylesheet">
    <link href="lib/owlcarousel/owl.carousel.css" rel="stylesheet">
    <link href="lib/owlcarousel/owl.transitions.css" rel="stylesheet">
    <link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="lib/animate/animate.min.css" rel="stylesheet">
    <link href="lib/venobox/venobox.css" rel="stylesheet">

    <!-- Nivo Slider Theme -->
    <link href="css/nivo-slider-theme.css" rel="stylesheet">

    <!-- Main Stylesheet File -->
    <link href="css/style.css" rel="stylesheet">

    <link href="css/styleAsesoria.css" rel="stylesheet">

    <!-- Responsive Stylesheet File -->
    <link href="css/responsive.css" rel="stylesheet">

    <!-- Jquery -->
    <script src="lib/jquery/jquery.min.js"></script>
    <!-- ... -->
    <!-- Captcha -->
    <!-- <script src="https://www.google.com/recaptcha/api.js?render=6LcCmZ8UAAAAAJrIb37Hk-AEOBnDeuNdTG_DS1yb"></script>
    <script>
        grecaptcha.ready(function() {
            grecaptcha.execute('6LcCmZ8UAAAAAJrIb37Hk-AEOBnDeuNdTG_DS1yb', {
                action: 'homepage'
            }).then(function(token) {
                var recaptchaResponse = document.getElementById('recaptchaResponse');
                recaptchaResponse.value = token;

            });
        });
    </script> -->
</head>

<body data-spy="scroll">
    <!-- carga de header -->
    <header></header>
    <!-- Fin de carga del header -->

    <div id="home" class="slider-area">
        <div class="bend niceties preview-2">

            <div id="" class="">
                <img src="img/banners/banner-asesoria.png" alt="" title="#slider-direction-1" />
            </div>
        </div>
    </div>

    <div class="container" style="margin-top: 1%">
        <ol class="breadcrumb">
            <li><a href="index">Inicio</a></li>
            <li class="active" id="productLi">Servicios</li>
            <li class="active" id="productLi">Asesoria técnica</li>
        </ol>

        <div class="container-fluid conG"><br>
            <div class="col-md-1"></div>
            <div class="col-md-10">
                <form id="formAsesoria" method="post" class="form-row" action="" name="formAsesoria">
                    <div class="col-md-12">
                        <h3>¿Requieres Asesoría?</h3>
                        <p>Podemos brindarte asesoría técnica sin costo para aplicar nuestros productos o conocer cuál es la solución ideal para tu cosecha. Utiliza el formulario para solicitar una cita y en breve te contactaremos para confirmar nuestra
                            visita.
                        </p>
                        <br>
                    </div>
                    <!-- <input type="hidden" name="recaptcha_response" id="recaptchaResponse"> -->
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" class="form-control" id="nombreAsesoria" name="nombreAsesoria" placeholder="Nombre" />
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" class="form-control" id="apellidosAsesoria" name="apellidosAsesoria" placeholder="Apellidos" />
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <input type="text" class="form-control" id="empresaAsesoria" name="empresaAsesoria" placeholder="Empresa" />
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <select class="form-control" data-msg="Elija una opción de la lista" required onchange="cambia_ciudad()" id="estado" name="estado">
                                    <option value="">Estado</option>
                                    <option value="Durango">Durango</option>
                                    <option value="Chihuahua">Chihuahua</option>
                                    <option value="Coahuila">Coahuila</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <select class="form-control" data-msg="Elija una opción de la lista" required id="ciudad" name="ciudad">
                                <option value="">Ciudad</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" class="form-control" id="correoAsesoria" name="correoAsesoria" placeholder="Correo electrónico" />
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <input type="text" class="form-control" id="numeroAsesoria" name="numeroAsesoria" placeholder="Teléfono" />
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="alert alert-info" role="alert">
                                <strong>Disponibilidad de Fechas:</strong> Indica al menos 3 opciones de fecha y hora para que podamos visitarte
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <label for="disponibilidad">Disponibilidad 1:</label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="fecha1">Fecha: </label>
                            <input type="date" class="form-control" id="fecha1" name="fecha1" min="" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="hora1">Hora: </label>
                            <input type="time" class="form-control" name="hora1" min="09:00" max="17:00" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <label for="disponibilidad">Disponibilidad 2:</label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="fecha2">Fecha: </label>
                            <input type="date" class="form-control" id="fecha2" name="fecha2" min="" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="hora2">Hora: </label>
                            <input type="time" class="form-control" name="hora2" min="09:00" max="17:00" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <label for="disponibilidad">Disponibilidad 3:</label>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="fecha3">Fecha: </label>
                            <input type="date" class="form-control" id="fecha3" name="fecha3" min="" required>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="hora3">Hora: </label>
                            <input type="time" class="form-control" name="hora3" min="09:00" max="17:00" required>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <textarea class="comentarios" class="form-control" id="comentarios" placeholder="Comentarios" name="comentariosAsesoria" rows="1"></textarea>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="checkbox">
                                <label><input class="check" id="terminosAsesoria" type="checkbox" name="terminosAsesoria" value="agree">  Acepto términos y condiciones</label>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="form-group">
                            <div class="text-center"><button class="botonEnviar" type="submit" id="enviarAsesoria" name="enviarAsesoria">Enviar</button></div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-1">
            </div>
        </div>

        <br><br>
    </div>
    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
    <footer id="contact"></footer>
    <script type="text/javascript">
        // $.validator.setDefaults({
        //     submitHandler: function() {
        //         alert("submitted!");
        //     }
        // });


        var today = new Date();
        var dd = today.getDate();
        var mm = today.getMonth() + 1; //January is 0!
        var yyyy = today.getFullYear();
        if (dd < 10) {
            dd = '0' + dd
        }
        if (mm < 10) {
            mm = '0' + mm
        }
        today = yyyy + '-' + mm + '-' + dd;
        document.getElementById("fecha1").setAttribute("min", today);
        document.getElementById("fecha2").setAttribute("min", today);
        document.getElementById("fecha3").setAttribute("min", today);

        var ciudades_Durango = new Array("Canatlán", "Canelas", "Coneto de Comonfort", "Cuencamé", "Durango",
            "General Simón Bolívar", "Gómez Palacio", "Guadalupe Victoria", "Guanaceví", "Hidalgo",
            "Indé", "Lerdo", "Mapimí", "Mezquital", "Nazas", "Nombre de Dios",
            "Ocampo", "El Oro", "Otáez", "Pánuco de Coronado")

        var ciudades_Chihuahua = new Array("Ahumada", "Aldama", "Allende", "Aquiles Serdán", "Ascensión",
            "Bachíniva", "Balleza", "Batopilas de Manuel Gómez Morín", "Bocoyna",
            "Buenaventura", "Camargo", "Carichí", "Cosas Grandes", "Coronado", "Coyame del Sotol",
            "La Cruz", "Cuahutémoc", "Cusihuiriachi", "Chihuahua", "Chínipas", "Delicias",
            "Dr. Belisario Domínguez", "Galeana", "Santa Isabel", "Gómez Farías", "Gran Morelos",
            "Guachoni", "Guadalupe", "Guadalupe y Calvo", "Guazapares", "Guerrero", "Hidalgo del Parral",
            "Huejotitán", "Ignacio Zaragoza", "Janos", "Jiménez", "Juárez", "Julimes", "López", "Madera",
            "Maguarichi", "Manuel Benavidez", "Matachí", "Matamoros", "Meoqui", "Morelos", "Moris", "Namiquipa",
            "Nonoava", "Nuevo Casas Grandes", "Ocampo", "Ojinaga", "Práxedis G. Guerrero", "Riva Palacio",
            "Rosales", "Rosario", "San Francisco de Borja", "San Francisco de Conchos", "San Francisco del Oro",
            "Santa Bárbara", "Satevó", "Saucillo", "Temósachic", "El Tule", "Urique", "Uruachi", "Valle de Zaragoza")

        var ciudades_Coahuila = new Array("Abasolo", "Acuña", "Allende", "Arteaga", "Candela", "Cataños", "Cuatro Ciénegas",
            "Escobedo", "Francisco I. Madero", "Frontera", "General Cepeda", "Guerrero", "Hidalgo", "Jiménez",
            "Juárez", "Lamadrid", "Matamoros", "Monclova", "Morelos", "Múzquiz", "Nadadores", "Nava",
            "Ocampo", "Parras", "Piedras Negras", "Progreso", "Ramos Arizpe", "Sabinas", "Sacramento",
            "Saltillo", "San Buenaventura", "San Juan de Sabinas", "San Pedro", "Sierra Mojada", "Torreón", "Viesca",
            "Villa Unión", "Zaragoza")


        function cambia_ciudad() {
            var estado
            estado = document.formAsesoria.estado[document.formAsesoria.estado.selectedIndex].value
            if (estado != 0) {
                mis_ciudades = eval("ciudades_" + estado)
                num_ciudades = mis_ciudades.length
                document.formAsesoria.ciudad.length = num_ciudades
                for (i = 0; i < num_ciudades; i++) {
                    document.formAsesoria.ciudad.options[i].value = mis_ciudades[i]
                    document.formAsesoria.ciudad.options[i].text = mis_ciudades[i]
                }
            } else {
                document.formAsesoria.ciudad.length = 1
                document.formAsesoria.ciudad.options[0].value = "Ciudad"
                document.formAsesoria.ciudad.options[0].text = "Ciudad"
            }
            document.formAsesoria.ciudad.options[0].selected = true
        }
    </script>
    <!-- JavaScript Libraries -->
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>
    <script src="lib/venobox/venobox.min.js"></script>
    <script src="lib/knob/jquery.knob.js"></script>
    <script src="lib/wow/wow.min.js"></script>
    <script src="lib/parallax/parallax.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <script src="lib/nivo-slider/js/jquery.nivo.slider.js" type="text/javascript"></script>
    <script src="lib/appear/jquery.appear.js"></script>
    <script src="lib/isotope/isotope.pkgd.min.js"></script>
    <script src="js/main.js"></script>

    <!-- jquery validation -->
    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>

    <!-- Sweet Alert -->
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

</body>

</html>