Accueil Explorer Aide
S'inscrire Connexion
JeanBenitez
/
SitioWebRake
1
0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

first commit

JeanBenitez il y a 1 an
commit
9e271c8477
13 fichiers modifiés avec 4100 ajouts et 0 suppressions
Vue séparée Afficher les stats Diff
  1. 9 0
      .htaccess
  2. 302 0
      asesoria.html
  3. 208 0
      blog.html
  4. 287 0
      bodega.html
  5. 233 0
      bolsaTrabajo.html
  6. 341 0
      empresa.html
  7. 324 0
      ficha-tecnica.html
  8. 536 0
      footer.html
  9. 75 0
      header.html
  10. 130 0
      historia.html
  11. 979 0
      index.html
  12. 353 0
      producto.html
  13. 323 0
      productos.html

+ 9 - 0
.htaccess
Voir le fichier 

@@ -0,0 +1,9 @@
 
+RewriteEngine On 
+#RewriteCond %{SERVER_PORT} 80 
+#RewriteRule ^(.*)$ https://www.rake.mx/webQA/$1 [R,L]
 
+
 
+RewriteCond %{REQUEST_FILENAME} !-f
 
+RewriteRule ^([^\.]+)$ $1.html [NC,L]
 
+
 
+#Require all denied
 
+#ErrorDocument 403 https://www.rake.mx/

+ 302 - 0
asesoria.html
Voir le fichier 

@@ -0,0 +1,302 @@
 
+<!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>

+ 208 - 0
blog.html
Voir le fichier 

@@ -0,0 +1,208 @@
 
+<!doctype html>
 
+<html lang="en">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <title>Agro Insumos Raké SPR de RL de CV - Líder en insumos agrícolas en Chihuahua</title>
 
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
+    <meta content="" name="keywords">
 
+    <meta content="" name="description">
 
+
 
+    <!-- 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">
 
+
 
+    <!-- Vuejs -->
 
+    <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
 
+    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
 
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
+    <!-- Jquery -->
 
+    <script src="lib/jquery/jquery.min.js"></script>
 
+    <!-- ... -->
 
+</head>
 
+
 
+<body data-spy="scroll" data-target="#navbar-example">
 
+
 
+    <div id="preloader"></div>
 
+
 
+    <header></header>
 
+    <!-- header end -->
 
+
 
+    <!-- Start Slider Area -->
 
+    <div id="home" class="slider-area">
 
+        <div class="bend niceties preview-2">
 
+
 
+            <div id="" class="">
 
+                <img src="img/banners/banner-trabajos-campo.png" alt="" title="#slider-direction-1" />
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <div class="container" style="margin-top: 1%">
 
+        <div class="row">
 
+            <ol class="breadcrumb">
 
+                <li><a href="index">Inicio</a></li>
 
+                <li class="active" id="productLi">Servicios</li>
 
+                <li class="active" id="productLi">Trabajos de Campo</li>
 
+            </ol>
 
+        </div>
 
+    </div>
 
+    <div class="blog-page area-padding">
 
+        <div class="container">
 
+            <div class="row" id="publicaciones">
 
+                <div class="col-md-9 col-sm-9 col-xs-12" id="publi">
 
+                    <posts id="my-data" v-for="publish in filtroBusqueda" :key="publish.id" v-bind:publish="publish" v-if="verDetalles==false" :per-page="perPage" :current-page="currentPage">
 
+                    </posts>
 
+                    <post-details v-for="details in post" v-bind:content="details.content" v-bind:details="details" :key="details.id" v-if="verDetalles==true">
 
+                    </post-details>
 
+                    <h3 v-show="filtroBusqueda.length == 0 ">No se encontró resultado... </h3>
 
+
 
+                    <div class="paginacion" style="text-align: center;">
 
+                        <b-pagination v-model="currentPage" :total-rows="rows" :per-page="perPage" v-if="verDetalles==false" v-show="verPaginador"></b-pagination>
 
+                    </div>
 
+                </div>
 
+                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
 
+                    <div class="single-blog-page">
 
+                        <!-- search option start -->
 
+                        <div class="search-option">
 
+                            <input type="text" class="form-control" placeholder="Buscar..." v-model="search">
 
+                        </div>
 
+                        <!-- search option end -->
 
+
 
+                        <!-- recent start -->
 
+                        <div class="left-blog">
 
+                            <h4>Publicaciones recientes</h4>
 
+                            <latest-posts v-for="posts in filtrolatestPub" :key="posts.id" v-bind:posts="posts"></latest-posts>
 
+                        </div>
 
+                    </div>
 
+                    <!-- <div class="single-blog-page">
 
+                        <div class="left-blog">
 
+                            <h4>categorías</h4>
 
+                            <ul>
 
+                                <li>
 
+                                    <a href="#">Fertilizantes organicos</a>
 
+                                </li>
 
+                                <li>
 
+                                    <a href="#">Herbicidas</a>
 
+                                </li>
 
+                                <li>
 
+                                    <a href="#">Hormonales</a>
 
+                                </li>
 
+                                <li>
 
+                                    <a href="#">Semillas</a>
 
+                                </li>
 
+                                <li>
 
+                                    <a href="#">Fungicidas</a>
 
+                                </li>
 
+                                <li>
 
+                                    <a href="#">Biologicos</a>
 
+                                </li>
 
+                                <li>
 
+                                    <a href="#">Enraizador Enzimatico</a>
 
+                                </li>
 
+                                <li>
 
+                                    <a href="#">Sustrato</a>
 
+                                </li>
 
+                            </ul>
 
+                        </div>
 
+                    </div> -->
 
+
 
+                    <!-- <div class="carousel-item" v-for="(imagen,index) in details.imagenes" :key="index">
 
+        <img class="d-block w-100" :src="imagen.path" alt="Second slide">
 
+      </div> -->
 
+
 
+                    <!-- recent end -->
 
+                </div>
 
+
 
+
 
+            </div>
 
+        </div>
 
+        <!-- End left sidebar -->
 
+        <!-- Start single blog -->
 
+
 
+
 
+    </div>
 
+    </div>
 
+    <!-- End Blog Area -->
 
+
 
+    <!-- footer -->
 
+    <div class="footer">
 
+        <div class="container">
 
+            <div class="row">
 
+                <div class="col-md-6 text-left pad-re">
 
+                    <p id="fecha">
 
+                    </p>
 
+                </div>
 
+                <div class="col-md-3"></div>
 
+                <div class="col-md-6 text-right pad">
 
+                    <p>
 
+                        Desarrollado y administrado por
 
+                        <a href="http://ittec.mx/">
 
+                            <img src="img/ittec.png" width="80px">
 
+                        </a>
 
+                    </p>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <script type="text/javascript">
 
+        var dt = new Date();
 
+        var anio = dt.getFullYear();
 
+        document.getElementById('fecha').innerHTML = '@' + anio + ' <strong>Agro Insumos Raké</strong> SPR de RL de CV. Todos los derechos reservados';
 
+    </script>
 
+
 
+    <!-- end footer  -->
 
+
 
+    <div class="clearfix"></div>
 
+
 
+
 
+    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
+
 
+    <!-- Vuejs -->
 
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
+    <!-- JavaScript Libraries -->
 
+    <script src="lib/jquery/jquery.min.js"></script>
 
+    <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>
 
+    <!-- Contact Form JavaScript File -->
 
+    <script src="contactform/contactform.js"></script>
 
+    <script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>
 
+    <script src="js/main.js"></script>
 
+    <script src="js/blog-vue.js"></script>
 
+</body>
 
+
 
+</html>

+ 287 - 0
bodega.html
Voir le fichier 

@@ -0,0 +1,287 @@
 
+<!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">
 
+
 
+    <!-- Vuejs -->
 
+    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
 
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
+
 
+    <!-- Jquery -->
 
+    <script src="lib/jquery/jquery.min.js"></script>
 
+
 
+</head>
 
+
 
+<body data-spy="scroll" data-target="#navbar-example">
 
+    <!-- carga de header -->
 
+    <header></header>
 
+    <!-- Fin de carga del header -->
 
+    <!-- <div class="header-bg page-area" id="productos">
 
+  <div class="home-overly"></div>
 
+  <div class="container">
 
+    <div class="row">
 
+      <div class="col-md-12 col-sm-12 col-xs-12">
 
+        <div class="text-center">
 
+          <div class="header-bottom">
 
+            <div class="layer2 wow zoomIn" data-wow-duration="1s" data-wow-delay=".4s">
 
+              <h1 class="title2" style="padding-top:7%">ARRENDAMIENTO DE BODEGAS</h1>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+</div> -->
 
+    <div id="home" class="slider-area">
 
+        <div class="bend niceties preview-2">
 
+
 
+            <div id="" class="">
 
+                <img src="img/banners/banner-bodegas.png" alt="" title="#slider-direction-1" />
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <div class="container" style="margin-top: 1%">
 
+
 
+        <div class="row">
 
+            <ol class="breadcrumb">
 
+                <li><a href="index">Inicio</a></li>
 
+                <li class="active" id="productLi">Servicios</li>
 
+                <li class="active" id="productLi">Bodega</li>
 
+            </ol>
 
+        </div>
 
+        <div class="row">
 
+            <div class="col-md-1">
 
+
 
+            </div>
 
+            <div class="col-md-10 text-justify">
 
+                <p>En Agro Insumos Rake, nos encargamos de ofrecer soluciones a tus problemas de espacio. Somos una empresa con experencia y las instalaciones necesarias para el almacenamiento de tus productos Agricolas</p>
 
+            </div>
 
+            <div class="col-md-1">
 
+
 
+            </div>
 
+        </div>
 
+
 
+        <!-- <div class="row">
 
+            <div class="col-md-1"></div>
 
+            <div class="col-md-10">
 
+                <ol id="lista2">
 
+                    <li>Honestidad</li>
 
+                    <li>Responsabilidad</li>
 
+                    <li>Calidad</li>
 
+                    <li>Servicio</li>
 
+                    <li>Confiabilidad</li>
 
+                </ol>
 
+            </div>
 
+            <div class="col-md-1"></div>
 
+        </div> -->
 
+
 
+        <!-- <div class="row">
 
+            <div class="col-md-1">
 
+
 
+            </div>
 
+            <div class="col-md-10">
 
+                <p>Somos una empresa con experencia en el ramo de almacenamiento de tus productos para el Agro, cuya meta es brindarte servicios de excelente calidad.</p>
 
+                <p>
 
+                    Nuestro principal objetivo, es que al contratar nuestras bodegas en renta, estes tranquilo y seguro de que tus productos estarán seguros, ¿Por qué? ¡Porque para nosotros lo más importante eres tú!
 
+                </p>
 
+            </div>
 
+            <div class="col-md-1">
 
+
 
+            </div>
 
+        </div> -->
 
+
 
+        <div class="row">
 
+            <div class="col-md-1">
 
+            </div>
 
+            <div class="col-md-5">
 
+                <h1 class="display-5 text-center">Características</h1>
 
+                <ol id="lista2">
 
+                    <li>Bodegas con gran capacidad de almacenamiento a través de racks.</li>
 
+                    <li>Rampas para maniobras de carga y descarga.</li>
 
+                    <li>Montacargas y personal capacitado en el uso de este.</li>
 
+                    <li>Contamos con todos los permisos requeridos por las autoridades para el almacenamiento de tus productos agricolas.</li>
 
+                </ol>
 
+            </div>
 
+            <div class="col-md-5">
 
+                <h1 class="display-5 text-center">Beneficios</h1>
 
+                <ol id="lista2">
 
+                    <li>Ágil recepción y salida de fertilizante.</li>
 
+                    <li>Almacenaje y control de inventarios.</li>
 
+                    <li>Vigilancia las 24 horas y 365 días del año.</li>
 
+                    <li>Control de entradas y salidas de sus productos y su reporte a gusto del arrendador.</li>
 
+                </ol>
 
+            </div>
 
+            <div class="col-md-1">
 
+
 
+            </div>
 
+        </div>
 
+
 
+        <h1 class="display-5 text-center">Galeria</h1>
 
+        <div class="container gallery-tam">
 
+            <div class="mySlides">
 
+                <div class="numbertext">1 / 12</div>
 
+                <img src="img/bodega/bodega.jpg" style="width:100%">
 
+            </div>
 
+
 
+            <div class="mySlides">
 
+                <div class="numbertext">2 / 12</div>
 
+                <img src="img/bodega/bodega2.jpg" style="width:100%">
 
+            </div>
 
+
 
+            <div class="mySlides">
 
+                <div class="numbertext">3 / 12</div>
 
+                <img src="img/bodega/bodega3.jpg" style="width:100%">
 
+            </div>
 
+
 
+            <div class="mySlides">
 
+                <div class="numbertext">4 / 12</div>
 
+                <img src="img/bodega/bodega4.jpg" style="width:100%">
 
+            </div>
 
+
 
+            <div class="mySlides">
 
+                <div class="numbertext">5 / 12</div>
 
+                <img src="img/bodega/bodega5.jpg" style="width:100%">
 
+            </div>
 
+
 
+            <div class="mySlides">
 
+                <div class="numbertext">6 / 12</div>
 
+                <img src="img/bodega/bodega6.jpg" style="width:100%">
 
+            </div>
 
+            <div class="mySlides">
 
+                <div class="numbertext">7 / 12</div>
 
+                <img src="img/bodega/bodega7.jpg" style="width:100%">
 
+            </div>
 
+
 
+            <div class="mySlides">
 
+                <div class="numbertext">8 / 12</div>
 
+                <img src="img/bodega/bodega8.jpg" style="width:100%">
 
+            </div>
 
+            <div class="mySlides">
 
+                <div class="numbertext">9 / 12</div>
 
+                <img src="img/bodega/bodega9.jpg" style="width:100%">
 
+            </div>
 
+            <div class="mySlides">
 
+                <div class="numbertext">10 / 12</div>
 
+                <img src="img/bodega/bodegaN.jpg" style="width:100%">
 
+            </div>
 
+            <div class="mySlides">
 
+                <div class="numbertext">11 / 12</div>
 
+                <img src="img/bodega/bodega11.jpg" style="width:100%">
 
+            </div>
 
+            <div class="mySlides">
 
+                <div class="numbertext">12 / 12</div>
 
+                <img src="img/bodega/bodega12.jpg" style="width:100%">
 
+            </div>
 
+
 
+            <a class="prev" onclick="plusSlides(-1)">❮</a>
 
+            <a class="next" onclick="plusSlides(1)">❯</a>
 
+
 
+            <div class="caption-container">
 
+                <p id="caption"></p>
 
+            </div>
 
+
 
+            <div class="row">
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodega.jpg" style="width:100%" onclick="currentSlide(1)">
 
+                </div>
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodega2.jpg" style="width:100%" onclick="currentSlide(2)">
 
+                </div>
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodega3.jpg" style="width:100%" onclick="currentSlide(3)">
 
+                </div>
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodega4.jpg" style="width:100%" onclick="currentSlide(4)">
 
+                </div>
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodega5.jpg" style="width:100%" onclick="currentSlide(5)">
 
+                </div>
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodega6.jpg" style="width:100%" onclick="currentSlide(6)">
 
+                </div>
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodega7.jpg" style="width:100%" onclick="currentSlide(7)">
 
+                </div>
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodega8.jpg" style="width:100%" onclick="currentSlide(8)">
 
+                </div>
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodega9.jpg" style="width:100%" onclick="currentSlide(9)">
 
+                </div>
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodegaN.jpg" style="width:100%" onclick="currentSlide(10)">
 
+                </div>
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodega11.jpg" style="width:100%" onclick="currentSlide(11)">
 
+                </div>
 
+                <div class="column">
 
+                    <img class="demo cursor" src="img/bodega/bodega12.jpg" style="width:100%" onclick="currentSlide(12)">
 
+                </div>
 
+            </div>
 
+        </div><br>
 
+
 
+        <!-- <div class="text-center">
 
+   <a href="index?asunto=Bodegas#contact">
 
+    <button class="button-con button-con1">¿MÁS INFORMACIÓN? ¡CONTÁCTANOS!</button><br><br>
 
+   </a>
 
+  </div>  -->
 
+
 
+    </div>
 
+    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
+    <footer></footer>
 
+    <!-- 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>
 
+    <script src="js/gallery.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>

+ 233 - 0
bolsaTrabajo.html
Voir le fichier 

@@ -0,0 +1,233 @@
 
+<!doctype html>
 
+<html lang="es">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <title>Agro Insumos Raké SPR de RL de CV - Líder en insumos agrícolas en Chihuahua</title>
 
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
+    <meta content="" name="keywords">
 
+    <meta content="" name="description">
 
+
 
+    <!-- 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> -->
 
+
 
+    <style>
 
+        .btn-file {
 
+            position: relative;
 
+            overflow: hidden;
 
+        }
 
+        
+        .btn-file input[type=file] {
 
+            position: absolute;
 
+            top: 0;
 
+            right: 0;
 
+            min-width: 100%;
 
+            min-height: 100%;
 
+            font-size: 100px;
 
+            text-align: right;
 
+            filter: alpha(opacity=0);
 
+            opacity: 0;
 
+            outline: none;
 
+            background: white;
 
+            cursor: inherit;
 
+            display: block;
 
+        }
 
+        
+        .input-blanco {
 
+            background-color: white;
 
+        }
 
+    </style>
 
+</head>
 
+
 
+<body data-spy="scroll" data-target="#navbar-example">
 
+
 
+    <!-- <div id="preloader"></div> -->
 
+
 
+    <!-- load header -->
 
+    <header> </header>
 
+    <!-- header end -->
 
+    <!-- <div class="header-bg page-area" id="productos">
 
+    <div class="home-overly"></div>
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-md-12 col-sm-12 col-xs-12">
 
+          <div class="text-center">
 
+            <div class="header-bottom">
 
+              <div class="layer2 wow zoomIn" data-wow-duration="1s" data-wow-delay=".4s">
 
+                <h1 class="title2" style="padding-top:7%">BOLSA DE TRABAJO</h1>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div> -->
 
+    <div id="home" class="slider-area">
 
+        <div class="bend niceties preview-2">
 
+
 
+            <div id="" class="">
 
+                <img src="img/banners/banner-trabaja-nosotros.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">Empresa</li>
 
+            <li class="active" id="productLi">Trabaja con nosotros</li>
 
+        </ol>
 
+
 
+        <div class="container-fluid conG">
 
+            <br><br>
 
+            <div class="col-md-1">
 
+            </div>
 
+            <div class="col-md-10">
 
+                <form id="formBolsa" method="post" class="" name="formBolsa" enctype="multipart/form-data">
 
+                    <div class="col-md-12">
 
+                        <h3>Envía tu curriculum</h3>
 
+                        <p>Nuestro equipo humano está altamente motivado, es exigente y honesto. Si quieres desarrollar tu carrera profesional en nuestra organización, o deseas realizar prácticas profesionales, puedes presentar tu candidatura rellenando
 
+                            el siguiente formulario. Deberás adjuntar tu Currículum Vitae e indicar los departamentos y/o puestos de interés, así como tus objetivos profesionales.</p>
 
+
 
+                    </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="nombreBolsa" name="nombreBolsa" placeholder="Nombre" />
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-md-6">
 
+                        <div class="form-group">
 
+                            <input type="text" class="form-control" id="apellidosBolsa" name="apellidosBolsa" placeholder="Apellidos" />
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-md-6">
 
+                        <div class="form-group">
 
+                            <input type="text" class="form-control" id="correoBolsa" name="correoBolsa" placeholder="Correo electrónico" />
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-md-6">
 
+                        <div class="form-group">
 
+                            <input type="text" class="form-control" id="numeroBolsa" name="numeroBolsa" placeholder="Teléfono" />
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-md-12"></div>
 
+                    <div class="col-md-4">
 
+                        <div class="form-group">
 
+                            <input type="text" class="form-control" id="codigoPostal" name="codigoPostal" placeholder="Codigo Postal" />
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-md-4">
 
+                        <div class="form-group">
 
+                            <input type="text" class="form-control" id="ciudadBolsa" name="ciudadBolsa" placeholder="Ciudad" />
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-md-4">
 
+                        <div class="form-group">
 
+                            <input type="text" class="form-control" id="pais" name="pais" placeholder="País" />
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-md-12"></div>
 
+                    <div class="col-md-6">
 
+                        <div class="form-group">
 
+                            <span class="btn btn-primary btn-file btn-block btn-lg">
 
+                    Curriculum Vitae <input type="file" name="curriculum" required>
 
+                </span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-md-6">
 
+                        <div class="form-group">
 
+                            <span class="btn btn-primary btn-file btn-block btn-lg">
 
+                    Carta de presentación <input type="file" name="carta">
 
+                </span>
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-md-12">
 
+                        <div class="form-group">
 
+                            <textarea class="comentarios" class="form-control" id="comentarios" placeholder="Comentarios" name="comentariosBolsa" rows="1"></textarea>
 
+                        </div>
 
+                    </div>
 
+                    <div class="col-md-12">
 
+                        <div class="form-group">
 
+                            <div class="checkbox">
 
+                                <label><input class="check" id="terminosBolsa" type="checkbox" name="terminosBolsa" 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>
 
+
 
+    <!-- Start Footer bottom Area -->
 
+    <footer></footer>
 
+    <!-- End Footer bottom Area -->
 
+
 
+    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
+
 
+    <!-- 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>
 
+
 
+    <!-- Contact Form JavaScript File -->
 
+    <script src="contactform/contactform.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>

+ 341 - 0
empresa.html
Voir le fichier 

@@ -0,0 +1,341 @@
 
+<!doctype html>
 
+<html lang="es">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <title>Agro Insumos Raké SPR de RL de CV - Líder en insumos agrícolas en Chihuahua</title>
 
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
+    <meta content="" name="keywords">
 
+    <meta content="" name="description">
 
+
 
+    <!-- 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>
 
+</head>
 
+
 
+<body data-spy="scroll" data-target="#navbar-example">
 
+
 
+    <!-- <div id="preloader"></div> -->
 
+
 
+    <!-- load header -->
 
+    <header> </header>
 
+    <!-- header end -->
 
+    <!-- <div class="header-bg page-area" id="productos">
 
+    <div class="home-overly"></div>
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-md-12 col-sm-12 col-xs-12">
 
+          <div class="text-center">
 
+            <div class="header-bottom">
 
+              <div class="layer2 wow zoomIn" data-wow-duration="1s" data-wow-delay=".4s">
 
+                <h1 class="title2" style="padding-top:7%">¿QUIENES SOMOS?</h1>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div> -->
 
+    <div id="home" class="slider-area">
 
+        <div class="bend niceties preview-2">
 
+
 
+            <div id="" class="">
 
+                <img src="img/banners/banner-quienes.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">Empresa</li>
 
+            <li class="active" id="productLi">¿Quiénes somos?</li>
 
+        </ol>
 
+        <div class="container-fluid">
 
+            <div class="col-md-8 text-justify">
 
+                <div class="section-headline services-head text-left">
 
+                    <h2>Misión</h2>
 
+                </div>
 
+                <br><br>
 
+                <p>Somos una empresa chihuahuense dedicada a la venta de insumos agrícolas y asesorías técnicas, reconocida por su servicio y por ser proveedora de marcas exclusivas además de productos especializados. Contamos con gente con cultura Raké,
 
+                    ayudando al agricultor a producir más con menos, dándole un servicio de calidad con nuestro personal altamente capacitado tanto en el campo como en el mostrador. Trabajamos en la innovación y excelencia para los agricultores y por
 
+                    los agricultores</p>
 
+            </div>
 
+            <div class="col-md-4 text-center">
 
+                <img src="assets/mision.png" alt="" class="img-fluid">
 
+            </div>
 
+        </div>
 
+        <hr>
 
+        <div class="container-fluid conG">
 
+            <br><br>
 
+            <div class="col-md-4 text-center">
 
+                <img src="assets/vision.png" alt="" class="img-fluid">
 
+            </div>
 
+            <div class="col-md-8 text-justify">
 
+                <div class="section-headline services-head text-rigth">
 
+                    <h2>Visión</h2>
 
+                </div>
 
+                <br>
 
+                <p>Ser una empresa líder, de alto prestigio a nivel nacional, diferenciada de la competencia tanto en la distribución y venta de insumos agrícolas, así como por su gente y cultura de trabajo. Siempre en mejora continua, contando con un portafolio
 
+                    amplio de especialidades agrícolas además de buscar la mayor innovación para ofrecer un servicio de calidad a clientes y proveedores.</p>
 
+            </div>
 
+        </div>
 
+        <hr>
 
+
 
+        <div id="services" class="services-area area-padding">
 
+            <div class="container">
 
+
 
+                <div class="row">
 
+                    <div class="col-md-12 col-sm-12 col-xs-12">
 
+                        <div class="section-headline services-head text-center">
 
+                            <h2>Valores</h2>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <div class="row text-center">
 
+                    <div class="services-contents">
 
+                        <!-- Start Left services -->
 
+
 
+                        <div class="col-md-4 col-sm-4 col-xs-12">
 
+                            <div class="about-move">
 
+                                <div class="services-details">
 
+                                    <div class="single-services">
 
+                                        <a class="services-icon">
 
+                                            <img src="assets/valores/responsabilidad.png" alt="">
 
+                                            <!-- <span class="fa-stack fa-1x">
 
+                            <i class="fa fa-circle fa-stack-2x" style="color:#2cb978"></i>
 
+                            <i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i>
 
+                          </span> -->
 
+                                        </a>
 
+                                        <h4>Responsabilidad</h4>
 
+                                        <p>
 
+                                            En Raké la responsabilidad significa asumir las consecuencias de nuestros actos y cumplir con nuestros compromisos.
 
+                                        </p>
 
+                                    </div>
 
+                                </div>
 
+                                <!-- end about-details -->
 
+                            </div>
 
+                        </div>
 
+
 
+                        <div class="col-md-4 col-sm-4 col-xs-12">
 
+                            <div class="about-move">
 
+                                <div class="services-details">
 
+                                    <div class="single-services">
 
+                                        <a class="services-icon">
 
+                                            <img src="assets/valores/honestidad.png" alt="">
 
+                                        </a>
 
+                                        <h4>Honestidad</h4>
 
+                                        <p>La honestidad para nosotros está reflejada en la congruencia entre lo que se pensamos y lo que hacemos.</p>
 
+                                    </div>
 
+                                </div>
 
+                                <!-- end about-details -->
 
+                            </div>
 
+                        </div>
 
+
 
+                        <div class="col-md-4 col-sm-4 col-xs-12">
 
+                            <!-- end col-md-4 -->
 
+                            <div class=" about-move">
 
+                                <div class="services-details">
 
+                                    <div class="single-services">
 
+                                        <a class="services-icon">
 
+                                            <img src="assets/valores/confianza.png" alt="">
 
+
 
+                                        </a>
 
+                                        <h4>Confianza</h4>
 
+                                        <p>En Raké la confianza es la seguridad o esperanza firme que nuestros clientes tienen en nosotros.
 
+                                        </p>
 
+                                    </div>
 
+                                </div>
 
+                                <!-- end about-details -->
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+
 
+                </div>
 
+            </div>
 
+            <!-- ************************************************ -->
 
+            <div class="container">
 
+                <div class="row text-center">
 
+                    <div class="services-contents">
 
+                        <!-- Start Left services -->
 
+
 
+                        <div class="col-md-4 col-sm-4 col-xs-12">
 
+                            <div class="about-move">
 
+                                <div class="services-details">
 
+                                    <div class="single-services">
 
+                                        <a class="services-icon">
 
+                                            <img src="assets/valores/etica.png" alt="">
 
+                                            <!-- <span class="fa-stack fa-1x">
 
+                                <i class="fa fa-circle fa-stack-2x" style="color:#2cb978"></i>
 
+                                <i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i>
 
+                              </span> -->
 
+                                        </a>
 
+                                        <h4>Ética</h4>
 
+                                        <p>
 
+                                            Para Raké, la ética es una guía que muestra el correcto comportamiento de nuestros empleados en determinadas ocasiones.
 
+                                        </p>
 
+                                    </div>
 
+                                </div>
 
+                                <!-- end about-details -->
 
+                            </div>
 
+                        </div>
 
+
 
+                        <div class="col-md-4 col-sm-4 col-xs-12">
 
+                            <div class="about-move">
 
+                                <div class="services-details">
 
+                                    <div class="single-services">
 
+                                        <a class="services-icon">
 
+                                            <img src="assets/valores/respeto.png" alt="">
 
+                                        </a>
 
+                                        <h4>Respeto</h4>
 
+                                        <p>El respeto es un valor importante para Raké ya que genera apoyo y solidaridad tanto entre nuestros empleados, como en nuestros clientes. </p>
 
+                                    </div>
 
+                                </div>
 
+                                <!-- end about-details -->
 
+                            </div>
 
+                        </div>
 
+
 
+                        <div class="col-md-4 col-sm-4 col-xs-12">
 
+                            <!-- end col-md-4 -->
 
+                            <div class=" about-move">
 
+                                <div class="services-details">
 
+                                    <div class="single-services">
 
+                                        <a class="services-icon">
 
+                                            <img src="assets/valores/pasion.png" alt="">
 
+                                        </a>
 
+                                        <h4>Pasión</h4>
 
+                                        <p>En Raké tenemos pasión por el campo y los agricultores, es un sentimiento de absoluta satisfacción que se siente o que produce algo en nosotros.
 
+                                        </p>
 
+                                    </div>
 
+                                </div>
 
+                                <!-- end about-details -->
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="container">
 
+                <div class="row text-center">
 
+                    <div class="services-contents">
 
+                        <!-- Start Left services -->
 
+                        <div class="col-md-2 col-sm-2 col-xs-12">
 
+                            <div class=" about-move">
 
+                                <div class="services-details">
 
+                                    <div class="single-services">
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="col-md-4 col-sm-4 col-xs-12">
 
+                            <div class="about-move">
 
+                                <div class="services-details">
 
+                                    <div class="single-services">
 
+                                        <a class="services-icon">
 
+                                            <img src="assets/valores/equipo.png" alt="">
 
+                                        </a>
 
+                                        <h4>Trabajo en equipo</h4>
 
+                                        <p>
 
+                                            Nuestro trabajo en equipo se traduce en un mejor ambiente de trabajo que deriva en unamejora de los resultados laborales alcanzados por los empleados.
 
+                                        </p>
 
+                                    </div>
 
+                                </div>
 
+                                <!-- end about-details -->
 
+                            </div>
 
+                        </div>
 
+
 
+                        <div class="col-md-4 col-sm-4 col-xs-12">
 
+                            <div class="about-move">
 
+                                <div class="services-details">
 
+                                    <div class="single-services">
 
+                                        <a class="services-icon">
 
+                                            <img src="assets/valores/lealtad.png" alt="">
 
+                                        </a>
 
+                                        <h4>Lealtad</h4>
 
+                                        <p>Lealtad es lo que buscamos de nuestros clientes.
 
+                                        </p>
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+
 
+                        <div class="col-md-2 col-sm-2 col-xs-12">
 
+                            <div class=" about-move">
 
+                                <div class="services-details">
 
+                                    <div class="single-services">
 
+                                        <!-- <a class="services-icon" href="">
 
+                                            <img src="assets/icons/RAKE20.png" alt="">
 
+
 
+                                        </a>
 
+                                        <h4>Pasión</h4>
 
+                                        <p>En Raké tenemos pasión por el campo y los agricultores, es un sentimiento de absoluta satisfacción que se siente o que produce algo en nosotros.
 
+                                        </p> -->
 
+                                    </div>
 
+                                </div>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    </div>
 
+
 
+    </div>
 
+    <!-- Start Footer bottom Area -->
 
+    <footer></footer>
 
+    <!-- End Footer bottom Area -->
 
+
 
+    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
+
 
+    <!-- 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>
 
+
 
+    <!-- Contact Form JavaScript File -->
 
+    <script src="contactform/contactform.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>

+ 324 - 0
ficha-tecnica.html
Voir le fichier 

@@ -0,0 +1,324 @@
 
+<!doctype html>
 
+<html lang="es">
 
+
 
+<head>
 
+    <title> Productos - Líder en Agroinsumos México </title>
 
+    <meta charset="utf-8">
 
+    <meta content='Rake.' name='DC.Title' xml:lang='ES'>
 
+    <meta content='Agroinsumos Rake.' name='DC.Subject' xml:lang='ES'>
 
+    <meta content='Agroinsumos Rake.' name='DC.Description' xml:lang='ES'>
 
+    <meta content='ES' name='DC.Language' scheme='dcterms:RFC1766'>
 
+    <meta content='Agroinsumos' name='DC.Contributor'>
 
+    <meta content='text/html' name='DC.Type'>
 
+    <meta content='https://rake.mx/' name='DC.Identifier'>
 
+    <meta content='Copyright 2019, Rake Inc.  All rights reserved.' name='DC.Rights'>
 
+    <meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
 
+    <meta content='Agroinsumos Rake' property='og:title'>
 
+    <meta content='website' property='og:type'>
 
+    <meta content='https://rake.mx/' property='og:url'>
 
+    <meta content='Agroinsumos Rake, empresa líder en la venta de insumos para la producción agrícola, que ofrece gran  calidad en los productos agrícolas'>
 
+    <link href='productos.html' hreflang='es' rel='alternate'>
 
+    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1' id='viewport' name='viewport'>
 
+
 
+    <!-- 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">
 
+
 
+    <!-- Responsive Stylesheet File -->
 
+    <link href="css/responsive.css" rel="stylesheet">
 
+
 
+    <!-- Vuejs -->
 
+    <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
 
+    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
 
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
+</head>
 
+
 
+<body data-spy="scroll" data-target="#navbar-example">
 
+
 
+    <!-- <div id="preloader"></div> -->
 
+
 
+    <!-- header Start -->
 
+    <header></header>
 
+    <!-- header end -->
 
+
 
+    <!-- Start Bottom Header -->
 
+    <!-- <div class="header-bg page-area" id="productos">
 
+        <div class="home-overly"></div>
 
+        <div class="container">
 
+            <div class="row">
 
+                <div class="col-md-12 col-sm-12 col-xs-12">
 
+                    <div class="text-center">
 
+                        <div class="header-bottom"> -->
 
+    <!--  <div class="layer2 wow zoomIn" data-wow-duration="1s" data-wow-delay=".4s">
 
+                <h1 class="title2">FICHA TÉCNICA</h1>
 
+              </div> -->
 
+    <!-- <div class="layer3 wow zoomInUp" data-wow-duration="2s" data-wow-delay="1s">
 
+                <h2 class="title3"> <span style="color: #2cb978">RAKE</span> </h2>
 
+              </div> -->
 
+    <!-- </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div> -->
 
+    <div id="home" class="slider-area">
 
+        <div class="bend niceties preview-2">
 
+
 
+            <div id="" class="">
 
+                <img src="img/banners/banner-productos.png" alt="" title="#slider-direction-1" />
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!-- END Header -->
 
+
 
+    <!-- Start Products Area -->
 
+    <div class="container" style="margin-top: 1%" id="info">
 
+
 
+        <ol class="breadcrumb">
 
+            <li><a href="index">Inicio</a></li>
 
+            <li><a href="productos">Productos</a></li>
 
+            <li><a href="" id="marcasRef">Marcas</a></li>
 
+            <li class="active" id="productoLi"></li>
 
+        </ol>
 
+        <br><br>
 
+        <div class="row" v-if="productoData.length != 0">
 
+            <div class="col-sm-5 col-lg-5">
 
+
 
+                <div class="img text-center">
 
+                    <h2 style="color: #5cb85c"><b>{{ productoData.nombreProducto }}</b></h2>
 
+                    <!-- <img class="rounded float-right img-producto" src="assets/productos-botella/bionutra/bio-capsi.png" alt="Producto"> -->
 
+                    <img class="rounded float-right img-producto" :src="productoData.imgProducto" alt="Producto">
 
+                </div>
 
+
 
+            </div>
 
+            <div class="col-sm-5 col-lg-6">
 
+                <!-- <button type="button" class="btn btn-success" style="float:right;"> -->
 
+                <!-- <a :href="productoData.fichaTecnica" style="color:white"> DESCARGAR FICHA TÉCNICA</a></button> -->
 
+                <div><label class="proveedor text-uppercase"> {{ productoData.nombreProveedor }} </label></div>
 
+                <div class="descripcion card">
 
+                    <p><b>DESCRIPCIÓN:</b> {{ productoData.descripcion }} </p>
 
+                    <p><b>Ingrediente Activo: </b> {{ productoData.ingredienteActivo }} </p>
 
+                    <p><b>Presentación: </b> {{ productoData.presentacion }} </p>
 
+
 
+                    <p><b>Cantidad: </b> {{ productoData.cantidad }} </p>
 
+                </div>
 
+            </div>
 
+            <!-- /.row -->
 
+        </div>
 
+
 
+        <div class="row" v-if="productoData.length == 0">
 
+            <h3 style="padding: 5px">No se encontraron resultados para este producto</h3>
 
+        </div>
 
+        <!-- /.col-lg-9 -->
 
+
 
+    </div>
 
+    <!-- /.row -->
 
+    </div>
 
+    <!-- End Products Area -->
 
+
 
+    <div class="clearfix"></div>
 
+
 
+    <!-- Start Footer bottom Area -->
 
+    <br><br>
 
+    <div class="footer">
 
+        <div class="container">
 
+            <div class="row">
 
+                <div class="col-md-12 col-sm-12 col-xs-12">
 
+                    <div class="col-md-6 text-center pad-re">
 
+                        <p id="fecha">
 
+                        </p>
 
+                    </div>
 
+                    <div class="col-md-3"></div>
 
+                    <div class="col-md-6 text-center pad">
 
+                        <p>
 
+                            Desarrollado y administrado por
 
+                            <img src="img/ittec.png" width="80px">
 
+                        </p>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <script type="text/javascript">
 
+        var dt = new Date();
 
+        var anio = dt.getFullYear();
 
+        document.getElementById('fecha').innerHTML = '@' + anio + ' <strong>Agro Insumos Raké</strong> SPR de RL de CV. Todos los derechos reservados';
 
+    </script>
 
+    <!-- End Footer bottom Area -->
 
+
 
+    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
+
 
+    <style>
 
+        .descripcion {
 
+            padding: 15px;
 
+            text-align: justify;
 
+            margin: 10px;
 
+        }
 
+        
+        .img-producto {
 
+            max-height: 450px;
 
+        }
 
+        
+        .proveedor {
 
+            background: #fff;
 
+            padding: 5px;
 
+            margin-left: 10px;
 
+            border: 1px solid #5cb85c;
 
+        }
 
+        
+        .title2 {
 
+            margin-top: 120px;
 
+        }
 
+        
+        .title2,
 
+        .title3 {
 
+            font-family: "All Round Gothic" !important;
 
+        }
 
+        
+        #filtro {
 
+            background: #f2f2f2;
 
+        }
 
+        
+        #filtroText {
 
+            text-align: center;
 
+            padding: 8px 1px 5px 0px;
 
+            background: #0e8a51 !important;
 
+            box-shadow: 0px 5px 10px 0px #c6c6c6;
 
+        }
 
+        
+        #filtroText h5 {
 
+            color: white;
 
+        }
 
+        
+        .card {
 
+            position: relative;
 
+            display: -ms-flexbox;
 
+            display: flex;
 
+            -ms-flex-direction: column;
 
+            flex-direction: column;
 
+            min-width: 0;
 
+            word-wrap: break-word;
 
+            background-color: rgba(255, 255, 255, 0.93);
 
+            background-clip: border-box;
 
+            border: 1px solid rgba(0, 0, 0, .125);
 
+            border-radius: .25rem;
 
+            margin-bottom: 5%;
 
+            transition: box-shadow 0.3s ease-in-out
 
+        }
 
+        
+        .card:hover {
 
+            box-shadow: 2px 9px 14px 0px #d8cccc;
 
+        }
 
+        
+        .card-img-top {
 
+            width: 100%;
 
+            border-top-left-radius: calc(.25rem - 1px);
 
+            border-top-right-radius: calc(.25rem - 1px);
 
+        }
 
+        
+        .card-footer {
 
+            text-decoration: none;
 
+            padding: .75rem 1.25rem;
 
+            background-color: #00713b;
 
+            border-top: 1px solid rgba(0, 0, 0, .125);
 
+            text-align: center;
 
+            color: #fff;
 
+            padding: 10px;
 
+        }
 
+    </style>
 
+
 
+    <script>
 
+        function getParameterByName(name) {
 
+            name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
 
+            var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
 
+                results = regex.exec(location.search);
 
+            return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
 
+        }
 
+
 
+        var marca = getParameterByName('marca');
 
+        var producto = getParameterByName('producto');
 
+
 
+        // Capializamos la primera letra
 
+        document.getElementById("marcasRef").innerHTML = marca.charAt(0).toUpperCase() + marca.slice(1);
 
+        document.getElementById("marcasRef").href = "producto?marca=" + marca;
 
+
 
+        document.getElementById("productoLi").innerHTML = producto.charAt(0).toUpperCase() + producto.slice(1);
 
+
 
+
 
+
 
+        var info = new Vue({
 
+            el: '#info',
 
+            data: {
 
+                productoData: [],
 
+            },
 
+            mounted() {
 
+                axios.get("./shared/data/marcas.json")
 
+                    .then(response => {
 
+                        var data = [];
 
+                        // Filtro los datos por el producto
 
+                        let arrResultado = response.data.filter(function(item) {
 
+                            if (item.titulo == marca) {
 
+                                data = item.productos.find((prod) => {
 
+                                    return prod.nombre.toLowerCase() === producto.toLowerCase();
 
+                                });
 
+                            }
 
+
 
+                        });
 
+
 
+                        this.productoData = (typeof(data) != "undefined") ? data : [];
 
+                    });
 
+
 
+            },
 
+            computed: {
 
+                filtro: function() {
 
+
 
+
 
+                    } //termina filtro
 
+
 
+            }
 
+        });
 
+    </script>
 
+
 
+    <!-- JavaScript Libraries -->
 
+    <script src="lib/jquery/jquery.min.js"></script>
 
+    <script src="lib/bootstrap/js/bootstrap.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>
 
+
 
+    <!-- Contact Form JavaScript File -->
 
+    <script src="contactform/contactform.js"></script>
 
+    <script src="js/main.js"></script>
 
+
 
+    <!-- All Round Gothic -->
 
+    <link href="https://db.onlinewebfonts.com/c/4387b781fdcc752283b72bdc76757065?family=All+Round+Gothic" rel="stylesheet" type="text/css">
 
+</body>
 
+
 
+</html>

+ 536 - 0
footer.html
Voir le fichier 

@@ -0,0 +1,536 @@
 
+<!-- <script>
 
+    grecaptcha.ready(function() {
 
+        grecaptcha.execute('6LcCmZ8UAAAAAJrIb37Hk-AEOBnDeuNdTG_DS1yb', {
 
+            action: 'homepage'
 
+        }).then(function(token) {
 
+            var recaptchaResponse = document.getElementById('recaptchaResponse');
 
+            recaptchaResponse.value = token;
 
+
 
+        });
 
+    });
 
+</script> -->
 
+<!-- Start Suscrive Area -->
 
+<div class="suscribe-area">
 
+    <div class="container">
 
+        <div class="row">
 
+            <div class="col-lg-12 col-md-12 col-sm-12 col-xs=12">
 
+                <div class="suscribe-text text-center">
 
+                    <h3 class="text-center">Somos la mejor opción en Agro insumos</h3>
 
+                    <!-- <a class="sus-btn" href="#">Get A quate</a> -->
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+<!-- End Suscrive Area -->
 
+<!-- Start contact Area -->
 
+<div class="contact-area" id="contact">
 
+    <div class="contact-inner area-padding">
 
+        <div class="contact-overly"></div>
 
+        <div class="container ">
 
+            <div class="row">
 
+                <div class="col-md-12 col-sm-12 col-xs-12">
 
+                    <div class="section-headline text-center">
 
+                        <h2>CONTÁCTANOS</h2>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="row">
 
+                <!-- Start contact icon column -->
 
+                <div class="col-md-4 col-sm-4 col-xs-12">
 
+                    <div class="contact-icon text-center">
 
+                        <div class="single-icon">
 
+                            <i class="fa fa-mobile"></i>
 
+                            <p>
 
+                                Teléfono: (639) 688 17 17 <br>
 
+                            </p>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <!-- Start contact icon column -->
 
+                <div class="col-md-4 col-sm-4 col-xs-12">
 
+                    <div class="contact-icon text-center">
 
+                        <div class="single-icon">
 
+                            <i class="fa fa-envelope-o"></i>
 
+                            <p>
 
+                                Email: marketing@rake.mx <br>
 
+                            </p>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <!-- Start contact icon column -->
 
+                <div class="col-md-4 col-sm-4 col-xs-12">
 
+                    <div class="contact-icon text-center">
 
+                        <div class="single-icon">
 
+                            <i class="fa fa-map-marker"></i>
 
+                            <p>
 
+                                Calle Corredor Aeropuerto # 110 <br> Colonia Campo Aereo - Zona Terrazas 2 <br> 33029 Delicias, CHIH, México
 
+
 
+                            </p>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="row">
 
+
 
+                <!-- Start Google Map -->
 
+                <div class="col-md-6 col-sm-6 col-xs-12">
 
+                    <!-- Start Map -->
 
+
 
+                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14063.155017901561!2d-105.4463048!3d28.21373!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x1d567dde8d2801c8!2sAgro+Insumos+Rake!5e0!3m2!1ses!2smx!4v1558026101417!5m2!1ses!2smx" width="100%"
 
+                        height="380" frameborder="0" style="border:0" allowfullscreen></iframe>
 
+                    <!-- End Map -->
 
+                </div>
 
+                <!-- End Google Map -->
 
+
 
+                <!-- Start  contact -->
 
+                <div class="col-md-6 col-sm-6 col-xs-12">
 
+                    <form id="signupForm1" method="post" class="form-row" action="">
 
+                        <input type="hidden" name="recaptcha_response" id="recaptchaResponse">
 
+                        <div class="col-md-12">
 
+                            <div class="form-group">
 
+                                <select class="form-control inputs" data-msg="Elija una opción de la lista" id="asunto" name="asunto" required>
 
+                                               <option value="">¿Cómo podemos ayudarte?</option>
 
+                                               <option value="Bodegas" >Bodegas</option>
 
+                                               <option value="Asesoría técnica">Asesoría técnica</option>
 
+                                               <option value="Producto">Productos</option>
 
+                                               <option value="Otro">Otro</option>
 
+                                    </select>
 
+                            </div>
 
+                        </div>
 
+                        <div class="col-md-6">
 
+                            <div class="form-group">
 
+                                <!-- <label class="col-sm-4 control-label" for="firstname1">First name</label> -->
 
+                                <input type="text" class="form-control" id="nombre" name="nombre" placeholder="Nombre" />
 
+                            </div>
 
+                        </div>
 
+                        <div class="col-md-6">
 
+                            <!-- <label class="col-sm-4 control-label" for="lastname1">Last name</label> -->
 
+                            <div class="form-group">
 
+                                <input type="text" class="form-control" id="apellidos" name="apellidos" placeholder="Apellidos" />
 
+                            </div>
 
+                        </div>
 
+
 
+
 
+                        <div class="col-md-12">
 
+                            <!-- <label class="col-sm-4 control-label" for="email1">Email</label> -->
 
+                            <div class="form-group">
 
+                                <input type="text" class="form-control" id="empresa" name="empresa" placeholder="Empresa" />
 
+                            </div>
 
+                        </div>
 
+                        <div class="col-md-6">
 
+                            <!-- <label class="col-sm-4 control-label" for="email1">Email</label> -->
 
+                            <div class="form-group">
 
+                                <input type="text" class="form-control" id="correo" name="correo" placeholder="Corre electrónico" />
 
+                            </div>
 
+                        </div>
 
+
 
+                        <div class="col-md-6">
 
+                            <!-- <label class="col-sm-4 control-label" for="password1">Password</label> -->
 
+                            <div class="form-group">
 
+                                <input type="text" class="form-control" id="numero" name="numero" placeholder="Teléfono" />
 
+                            </div>
 
+                        </div>
 
+                        <div class="col-md-12">
 
+                            <div class="form-group">
 
+                                <textarea class="comentarios" id="comentarios" placeholder="Comentarios" name="comentarios" rows="1"></textarea>
 
+                            </div>
 
+                        </div>
 
+                        <div class="col-md-12">
 
+                            <div class="form-group">
 
+                                <div class="checkbox">
 
+                                    <!-- <label>
 
+                                        <input type="checkbox" id="agree1" name="agree1" value="agree" />Please agree to our policy
 
+                                    </label> -->
 
+                                    <label><input class="check" id="agree1" type="checkbox" name="agree1" 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">Enviar</button></div>
 
+                            </div>
 
+                        </div>
 
+                    </form>
 
+                </div>
 
+                <!-- End Left contact -->
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+<!-- End Contact Area -->
 
+
 
+<div class="footer">
 
+    <div class="container">
 
+        <div class="row">
 
+            <div class="col-md-12 col-sm-12 col-xs-12">
 
+                <div class="col-md-6 text-left pad-re">
 
+                    <p id="fecha">
 
+                    </p>
 
+                </div>
 
+                <div class="col-md-3"></div>
 
+                <div class="col-md-6 text-right pad">
 
+                    <p>
 
+                        Desarrollado y administrado por
 
+                        <a href="http://ittec.mx/">
 
+                            <img src="img/ittec.png" width="80px">
 
+                        </a>
 
+                    </p>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+<script type="text/javascript">
 
+    var dt = new Date();
 
+    var anio = dt.getFullYear();
 
+    document.getElementById('fecha').innerHTML = '@' + anio + ' <strong>Agro Insumos Raké</strong> SPR de RL de CV. Todos los derechos reservados';
 
+
 
+    $.validator.setDefaults({
 
+        submitHandler: function() {
 
+            // alert("submitted!");
 
+        }
 
+    });
 
+
 
+
 
+
 
+    $("#signupForm1").validate({
 
+        rules: {
 
+            nombre: "required",
 
+            apellidos: "required",
 
+            empresa: "required",
 
+            numero: {
 
+                required: true,
 
+                minlength: 10,
 
+                maxlength: 10,
 
+                number: true
 
+            },
 
+            correo: {
 
+                required: true,
 
+                email: true
 
+            },
 
+            agree1: "required"
 
+        },
 
+        messages: {
 
+            nombre: "Introduce tu nombre",
 
+            apellidos: "Introduce tu apellido",
 
+            empresa: "Introduce tu empresa",
 
+            numero: {
 
+                required: "Introduce tu número",
 
+                minlength: "Tiene que tener 10 dígitos",
 
+                maxlength: "Tiene que tener 10 dígitos"
 
+            },
 
+            correo: "Introduce un correo electrónico válido",
 
+            agree1: "Acepta los términos y condiciones"
 
+        },
 
+        errorElement: "em",
 
+        errorPlacement: function(error, element) {
 
+            // Add the `help-block` class to the error element
 
+            error.addClass("help-block");
 
+
 
+            // Add `has-feedback` class to the parent div.form-group
 
+            // in order to add icons to inputs
 
+            element.parents(".form-group").addClass("has-feedback");
 
+            if (element.prop("type") === "checkbox") {
 
+                error.insertAfter(element.parent("label"));
 
+            } else {
 
+                error.insertAfter(element);
 
+            }
 
+
 
+            // Add the span element, if doesn't exists, and apply the icon classes to it.
 
+            if (!element.next("span")[0]) {
 
+                $("<span class='glyphicon glyphicon-remove form-control-feedback'></span>").insertAfter(element);
 
+            }
 
+        },
 
+        success: function(label, element) {
 
+            // Add the span element, if doesn't exists, and apply the icon classes to it.
 
+            if (!$(element).next("span")[0]) {
 
+                $("<span class='glyphicon glyphicon-ok form-control-feedback'></span>").insertAfter($(element));
 
+            }
 
+        },
 
+        highlight: function(element, errorClass, validClass) {
 
+            $(element).parents(".form-group").addClass("has-error").removeClass("has-success");
 
+
 
+            $(element).next("span").addClass("glyphicon-remove").removeClass("glyphicon-ok");
 
+        },
 
+        unhighlight: function(element, errorClass, validClass) {
 
+            $(element).parents(".form-group").addClass("has-success").removeClass("has-error");
 
+            $(element).next("span").addClass("glyphicon-ok").removeClass("glyphicon-remove");
 
+        }
 
+    });
 
+    $('#signupForm1').submit(function(e) {
 
+        e.preventDefault();
 
+        var form = $("#signupForm1");
 
+        if (form.valid()) {
 
+
 
+            var url = "shared/enviarCorreo.php";
 
+            $.ajax({
 
+                type: "POST",
 
+                url: url,
 
+                data: $("#signupForm1").serialize(),
 
+                success: function(data) {
 
+                    // console.log(data);
 
+                    //$("#respuesta").html(data);
 
+
 
+                    var response = JSON.parse(data);
 
+                    if (response.success) {
 
+                        swal("Datos enviados correctamente", response.mensaje, "success");
 
+                        $("#signupForm1").trigger("reset");
 
+                    } else {
 
+                        swal("Se ha producido un error", response.mensaje, "error");
 
+                    }
 
+                    // $('#loader').hide();
 
+                },
 
+                error: function(XMLHttpRequest, textStatus, errorThrown) {
 
+                    swal("Se ha producido un error", "No se han podido enviar los dato, Error: " + errorThrown + " ", "error");
 
+                    // $('#loader').hide();
 
+                }
 
+            });
 
+            // $('#enviar').show(); 
+            // $('#loader').hide();
 
+        }
 
+    });
 
+
 
+    $("#formAsesoria").validate({
 
+        rules: {
 
+            nombreAsesoria: "required",
 
+            apellidosAsesoria: "required",
 
+            empresaAsesoria: "required",
 
+            numeroAsesoria: {
 
+                required: true,
 
+                minlength: 10,
 
+                maxlength: 10,
 
+                number: true
 
+            },
 
+            correoAsesoria: {
 
+                required: true,
 
+                email: true
 
+            },
 
+            terminosAsesoria: "required"
 
+        },
 
+        messages: {
 
+            nombreAsesoria: "Introduce tu nombre",
 
+            apellidosAsesoria: "Introduce tu apellido",
 
+            empresaAsesoria: "Introduce tu empresa",
 
+            numeroAsesoria: {
 
+                required: "Introduce tu número",
 
+                minlength: "Tiene que tener 10 dígitos",
 
+                maxlength: "Tiene que tener 10 dígitos"
 
+            },
 
+            correoAsesoria: "Introduce un correo electrónico válido",
 
+            fecha1: {
 
+                required: "Introduce una fecha"
 
+            },
 
+            hora1: {
 
+                required: "Introduce una hora",
 
+                max: "Tiene que ser antes de las 17:00 hrs",
 
+                min: "Tiene que ser después de las 9:00 hrs"
 
+            },
 
+            fecha2: {
 
+                required: "Introduce una fecha"
 
+            },
 
+            hora2: {
 
+                required: "Introduce una hora",
 
+                max: "Tiene que ser antes de las 17:00 hrs",
 
+                min: "Tiene que ser después de las 9:00 hrs"
 
+            },
 
+            fecha3: {
 
+                required: "Introduce una fecha"
 
+            },
 
+            hora3: {
 
+                required: "Introduce una hora",
 
+                max: "Tiene que ser antes de las 17:00 hrs",
 
+                min: "Tiene que ser después de las 9:00 hrs"
 
+            },
 
+            terminosAsesoria: "Acepta los términos y condiciones"
 
+
 
+        },
 
+        errorElement: "em",
 
+        errorPlacement: function(error, element) {
 
+            // Add the `help-block` class to the error element
 
+            error.addClass("help-block");
 
+            // Add `has-feedback` class to the parent div.form-group
 
+            // in order to add icons to inputs
 
+            element.parents(".form-group").addClass("has-feedback");
 
+            if (element.prop("type") === "checkbox") {
 
+                error.insertAfter(element.parent("label"));
 
+            } else {
 
+                error.insertAfter(element);
 
+            }
 
+
 
+            // Add the span element, if doesn't exists, and apply the icon classes to it.
 
+            if (!element.next("span")[0]) {
 
+                $("<span class='glyphicon glyphicon-remove form-control-feedback'></span>").insertAfter(element);
 
+            }
 
+        },
 
+        success: function(label, element) {
 
+            // Add the span element, if doesn't exists, and apply the icon classes to it.
 
+            if (!$(element).next("span")[0]) {
 
+                $("<span class='glyphicon glyphicon-ok form-control-feedback'></span>").insertAfter($(element));
 
+            }
 
+        },
 
+        highlight: function(element, errorClass, validClass) {
 
+            $(element).parents(".form-group").addClass("has-error").removeClass("has-success");
 
+
 
+            $(element).next("span").addClass("glyphicon-remove").removeClass("glyphicon-ok");
 
+        },
 
+        unhighlight: function(element, errorClass, validClass) {
 
+            $(element).parents(".form-group").addClass("has-success").removeClass("has-error");
 
+            $(element).next("span").addClass("glyphicon-ok").removeClass("glyphicon-remove");
 
+        }
 
+    });
 
+
 
+    $('#formAsesoria').submit(function(e) {
 
+        e.preventDefault();
 
+        var form = $("#formAsesoria");
 
+        if (form.valid()) {
 
+            // console.log("holaaa");
 
+
 
+            var url = "shared/enviarCorreoAsesoria.php";
 
+            $.ajax({
 
+                type: "POST",
 
+                url: url,
 
+                data: $("#formAsesoria").serialize(),
 
+                success: function(data) {
 
+                    // console.log(data);
 
+                    // console.log('<?php echo json_encode($_POST); ?>');
 
+                    //$("#respuesta").html(data);
 
+
 
+                    var response = JSON.parse(data);
 
+                    if (response.success) {
 
+                        swal("Datos enviados correctamente", response.mensaje, "success");
 
+                        $("#formAsesoria").trigger("reset");
 
+                    } else {
 
+                        swal("Se ha producido un error", response.mensaje, "error");
 
+                    }
 
+                    // $('#loader').hide();
 
+                },
 
+                error: function(XMLHttpRequest, textStatus, errorThrown) {
 
+                    swal("Se ha producido un error", "No se han podido enviar los dato, Error: " + errorThrown + " ", "error");
 
+                    // $('#loader').hide();
 
+                }
 
+            });
 
+            // $('#enviar').show(); 
+            // $('#loader').hide();
 
+        }
 
+    });
 
+
 
+    $("#formBolsa").validate({
 
+        rules: {
 
+            nombreBolsa: "required",
 
+            apellidosBolsa: "required",
 
+            numeroBolsa: {
 
+                required: true,
 
+                minlength: 10,
 
+                maxlength: 10,
 
+                number: true
 
+            },
 
+            correoBolsa: {
 
+                required: true,
 
+                email: true
 
+            },
 
+            codigoPostal: {
 
+                required: true,
 
+                minlength: 1,
 
+                maxlength: 20,
 
+                number: true
 
+            },
 
+            ciudadBolsa: "required",
 
+            pais: "required",
 
+            terminosBolsa: "required"
 
+        },
 
+        messages: {
 
+            nombreBolsa: "Introduce tu nombre",
 
+            apellidosBolsa: "Introduce tu apellido",
 
+            numeroBolsa: {
 
+                required: "Introduce tu número",
 
+                minlength: "Tiene que tener 10 dígitos",
 
+                maxlength: "Tiene que tener 10 dígitos"
 
+            },
 
+            correoBolsa: "Introduce un correo electrónico válido",
 
+            codigoPostal: {
 
+                required: "Introduce tu código postal",
 
+                minlength: "Introduce un código póstal válido",
 
+                maxlength: "Introduce un código postal válido"
 
+            },
 
+            ciudadBolsa: "Introduce tu ciudad",
 
+            pais: "Introduce tu país",
 
+            curriculum: "Adjunta tu Curriculum Vitae",
 
+            carta: "Adjunta tu carta de presentación",
 
+            terminosBolsa: "Acepta los términos y condiciones"
 
+
 
+        },
 
+        errorElement: "em",
 
+        errorPlacement: function(error, element) {
 
+            // Add the `help-block` class to the error element
 
+            error.addClass("help-block");
 
+            // Add `has-feedback` class to the parent div.form-group
 
+            // in order to add icons to inputs
 
+            element.parents(".form-group").addClass("has-feedback");
 
+            if (element.prop("type") === "checkbox") {
 
+                error.insertAfter(element.parent("label"));
 
+            } else {
 
+                error.insertAfter(element);
 
+            }
 
+
 
+            // Add the span element, if doesn't exists, and apply the icon classes to it.
 
+            if (!element.next("span")[0]) {
 
+                $("<span class='glyphicon glyphicon-remove form-control-feedback'></span>").insertAfter(element);
 
+            }
 
+        },
 
+        success: function(label, element) {
 
+            // Add the span element, if doesn't exists, and apply the icon classes to it.
 
+            if (!$(element).next("span")[0]) {
 
+                $("<span class='glyphicon glyphicon-ok form-control-feedback'></span>").insertAfter($(element));
 
+            }
 
+        },
 
+        highlight: function(element, errorClass, validClass) {
 
+            $(element).parents(".form-group").addClass("has-error").removeClass("has-success");
 
+            $(element).next("span").addClass("glyphicon-remove").removeClass("glyphicon-ok");
 
+        },
 
+        unhighlight: function(element, errorClass, validClass) {
 
+            $(element).parents(".form-group").addClass("has-success").removeClass("has-error");
 
+            $(element).next("span").addClass("glyphicon-ok").removeClass("glyphicon-remove");
 
+        }
 
+    });
 
+
 
+    $('#formBolsa').submit(function(e) {
 
+        e.preventDefault();
 
+
 
+        var form = $("#formBolsa");
 
+        var formData = new FormData(this);
 
+
 
+        if (form.valid()) {
 
+
 
+            var url = "shared/enviarCorreoBolsa.php";
 
+            $.ajax({
 
+                enctype: 'multipart/form-data',
 
+                type: "POST",
 
+                url: url,
 
+                data: formData,
 
+                processData: false,
 
+                contentType: false,
 
+                success: function(data) {
 
+                    // console.log(data)
 
+                    // $("#respuesta").html(data);
 
+                    var response = JSON.parse(data);
 
+                    // console.log(response);
 
+                    if (response.success) {
 
+                        swal("Datos enviados correctamente", response.mensaje, "success");
 
+                        $("#formBolsa").trigger("reset");
 
+                    } else {
 
+                        swal("Se ha producido un error", response.mensaje, "error");
 
+                    }
 
+                    // $('#loader').hide();
 
+                },
 
+                error: function(XMLHttpRequest, textStatus, errorThrown) {
 
+                    swal("Se ha producido un error", "No se han podido enviar los datos, Error: " + errorThrown + " ", "error");
 
+                    // $('#loader').hide();
 
+                }
 
+            });
 
+            // $('#enviar').show(); 
+            // $('#loader').hide();
 
+        }
 
+    });
 
+</script>

+ 75 - 0
header.html
Voir le fichier 

@@ -0,0 +1,75 @@
 
+<!-- header-area start -->
 
+<div id="sticker" class="header-area">
 
+    <div class="container">
 
+        <div class="row">
 
+            <div class="col-md-12 col-sm-12">
 
+
 
+                <!-- Navigation -->
 
+                <nav class="navbar navbar-default">
 
+                    <!-- Brand and toggle get grouped for better mobile display -->
 
+                    <div class="navbar-header">
 
+                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".bs-example-navbar-collapse-1" aria-expanded="false">
 
+										<span class="sr-only">Toggle navigation</span>
 
+										<span class="icon-bar"></span>
 
+										<span class="icon-bar"></span>
 
+										<span class="icon-bar"></span>
 
+									</button>
 
+                        <!-- Brand -->
 
+                        <a class="navbar-brand page-scroll sticky-logo" href="index">
 
+                            <img src="assets/logo-slider.png" alt="Rake" width="110px">
 
+                        </a>
 
+                    </div>
 
+                    <!-- Collect the nav links, forms, and other content for toggling -->
 
+                    <div class="collapse navbar-collapse main-menu bs-example-navbar-collapse-1" id="navbar-example">
 
+                        <ul class="nav navbar-nav navbar-right">
 
+                            <li id="navIndex" class="">
 
+                                <a class="page-scroll" href='index'>Inicio</a>
 
+                            </li>
 
+                            <li id="navProductos" class="">
 
+                                <a class="page-scroll" href='productos'>Productos</a>
 
+                            </li>
 
+                            <li class="dropdown" id="navServicios"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Servicios<span class="caret"></span></a>
 
+                                <ul class="dropdown-content" role="menu">
 
+                                    <li><a href='asesoria'>Asesoría Técnica</a></li>
 
+                                    <li><a href='bodega'>Arrendamiento de Bodegas</a></li>
 
+                                    <li><a href='blog'>Trabajos de Campo</a></li>
 
+                                </ul>
 
+                            </li>
 
+                            <li class="dropdown" id="navEmpresa"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Empresa<span class="caret"></span></a>
 
+                                <ul class="dropdown-content" role="menu">
 
+                                    <li><a href='empresa'>¿Quiénes Somos?</a></li>
 
+                                    <li><a href='historia'>Historia</a></li>
 
+                                    <li><a href='bolsaTrabajo'>Trabaja con Nosotros</a></li>
 
+                                </ul>
 
+                            </li>
 
+
 
+                            <li id="navContacto" class="">
 
+                                <a class="page-scroll" href="#contact">Contacto</a>
 
+                            </li>
 
+
 
+                        </ul>
 
+                    </div>
 
+                    <!-- navbar-collapse -->
 
+                </nav>
 
+                <!-- END: Navigation -->
 
+            </div>
 
+        </div>
 
+    </div>
 
+</div>
 
+<!-- header-area end -->
 
+
 
+<script type="text/javascript">
 
+    let url = window.location.href;
 
+    if (url.indexOf('index') != -1) document.getElementById("navIndex").setAttribute("class", "active");
 
+    if (url.indexOf('asesoria') != -1 ||
 
+        url.indexOf('bodega') != -1 ||
 
+        url.indexOf('blog') != -1)
 
+        document.getElementById("navServicios").setAttribute("class", " dropdown active");
 
+    if (url.indexOf('empresa') != -1 ||
 
+        url.indexOf('historia') != -1 ||
 
+        url.indexOf('bolsaTrabajo') != -1)
 
+        document.getElementById("navEmpresa").setAttribute("class", " dropdown active");
 
+    if (url.indexOf('productos') != -1 ||
 
+        url.indexOf('marca') != -1)
 
+        document.getElementById("navProductos").setAttribute("class", "active");
 
+</script>

+ 130 - 0
historia.html
Voir le fichier 

@@ -0,0 +1,130 @@
 
+<!doctype html>
 
+<html lang="es">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <title>Agro Insumos Raké SPR de RL de CV - Líder en insumos agrícolas en Chihuahua</title>
 
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
+    <meta content="" name="keywords">
 
+    <meta content="" name="description">
 
+
 
+    <!-- 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>
 
+</head>
 
+
 
+<body data-spy="scroll" data-target="#navbar-example">
 
+
 
+    <!-- <div id="preloader"></div> -->
 
+
 
+    <!-- load header -->
 
+    <header> </header>
 
+    <!-- header end -->
 
+
 
+    <div id="home" class="slider-area">
 
+        <div class="bend niceties preview-2">
 
+
 
+            <div id="" class="">
 
+                <img src="img/banners/banner-historia.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">Empresa</li>
 
+            <li class="active" id="productLi">Historia</li>
 
+        </ol>
 
+        <div class="container-fluid conG">
 
+            <br><br>
 
+            <div class="col-md-12 b text-justify">
 
+                <h1 class="text-center">Historia</h1>
 
+                <div class="img-fluid">
 
+                    <img src="assets/logoChico.png" hspace="15" vspace="10" alt="" style="float: left;">
 
+                </div>
 
+                <p>Nuestra empresa inició el 1 de marzo del 2010, como persona física, dada por la necesidad de agricultores de Delicias y la Región, para recibir un servicio de asesoría técnica en sus cultivos.
 
+                    <br><br> En ese momento, solo era un ingeniero que daba las asesorías y un administrador que llevaba el negocio, pero entonces se vio la necesidad de los productores, ya que requerían de diferentes insumos agrícolas.
 
+                    <br><br> Al comenzar a ofrecer nuevos insumos agrícolas, y abrir el mercado con dichos productos de innovación, productos genéricos de alta calidad como ha sido nuestra característica desde sus inicios, se rentó una bodega con un almacenista
 
+                    y se continuó operando como persona física.
 
+                    <br><br>Luego surgió la necesidad por parte de algunos proveedores que requerían administrarán sus mercancías; y se generó el servicio de almacenaje y administración en nuestra empresa.
 
+                    <br><br>Logramos un buen crecimiento en la región en ventas con apoyo de nuestros proveedores y expandimos nuestro desarrollo a nuevas zonas del Sur y Norte del estado de Chihuahua.
 
+                    <br><br>Luego se contrató otro ingeniero agrónomo más, los cuales empezaron a trabajar y coadyubar en estos nuevos mercados.
 
+                    <br><br>En el año 2013, la empresa se consolidó como persona moral y se registró con el nombre de Agro Insumos Raké SPR de RL de CV.
 
+                    <br><br>La palabra “RAKÉ” es de origen orgullosamente tarahumara, indígenas originarios de nuestra Sierra Tarahumara en el estado de Chihuahua. Se eligió como característica de nuestra formación, ya que la palabra “RAKÉ” significa
 
+                    dar fruto.
 
+                    <br><br>En Agro Insumos Raké siempre se han buscado alianzas estrategias con los proveedores y estos nos ha dado un crecimiento a la empresa.
 
+                    <br><br>Contamos con productos de innovación en el mercado de muy alta calidad, poco conocidos en el medio por ser empresas muy nuevas y de mucha competencia con las marcas establecidas ya en el mercado, de las cuales se han realizado
 
+                    desarrollos comprobados en la región y en el estado.
 
+                    <br><br>Al día de hoy se cuentan con instalaciones propias diseñadas para almacenar, desarrollar y administrar insumos agrícolas.
 
+                    <br><br>Agro Insumos Raké SPR de RL de CV, cuenta con 7 ingenieros agrónomos, divididos en departamento de ventas y desarrollo, además de 4 personas en administración, y a la fecha, tenemos presencia en las zonas agrícolas más importantes
 
+                    del Estado de Chihuahua.
 
+                    <br><br>Tenemos, además, un nuevo departamento de marketing para las estrategias de nuestro estilo “Raké”.
 
+                    <br><br>Nuestra estrategia de negocio está mejorando y ha cambiado para poder ofrecer a nuestros productores y socios comerciales, los productos orgánicos y sustentables así como diferenciados.
 
+                    <br><br>Ésta estrategia de mercado, nos ha llevado a ser una empresa con diferentes opciones para el mercado, lo cual nos permitirá seguir creciendo.
 
+                </p>
 
+            </div>
 
+        </div>
 
+
 
+        <br><br>
 
+    </div>
 
+    </div>
 
+
 
+    </div>
 
+    <!-- Start Footer bottom Area -->
 
+    <footer></footer>
 
+    <!-- End Footer bottom Area -->
 
+
 
+    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
+
 
+    <!-- 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>
 
+
 
+    <!-- Contact Form JavaScript File -->
 
+    <script src="contactform/contactform.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>

+ 979 - 0
index.html
Voir le fichier 

@@ -0,0 +1,979 @@
 
+<!doctype html>
 
+<html lang="es">
 
+
 
+<head>
 
+    <meta charset="utf-8">
 
+    <title>Agro Insumos Raké SPR de RL de CV - Líder en insumos agrícolas en Chihuahua</title>
 
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
 
+    <meta content="" name="keywords">
 
+    <meta content="" name="description">
 
+
 
+    <!-- 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">
 
+
 
+    <!-- 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" data-target="#navbar-example">
 
+
 
+    <!-- <div id="preloader"></div> -->
 
+
 
+    <!-- load header -->
 
+    <header> </header>
 
+    <!-- header end -->
 
+
 
+    <!-- Start Slider Area -->
 
+    <div id="home" class="slider-area">
 
+        <div class="bend niceties preview-2">
 
+
 
+
 
+            <div id="ensign-nivoslider" class="slides">
 
+                <img src="assets/carousel-inicio/banner-inicio1.png" alt="" title="#slider-direction-1" />
 
+                <img src="assets/carousel-inicio/banner-incio2.png" alt="" title="#slider-direction-2" />
 
+                <img src="assets/carousel-inicio/banner-inicio3.png" alt="" title="#slider-direction-3" />
 
+                <img src="assets/carousel-inicio/banner-inicio4.png" alt="" title="#slider-direction-4" />
 
+            </div>
 
+
 
+            <!-- direction 1 -->
 
+            <div id="slider-direction-1" class="slider-direction slider-one">
 
+                <div class="container">
 
+                    <div class="row">
 
+                        <div class="col-md-12 col-sm-12 col-xs-12">
 
+                            <a href="asesoria">
 
+                                <div class="slider-content">
 
+                                    <!-- layer 1 -->
 
+                                    <!-- <div class="layer-1-1 hidden-xs wow slideInDown" data-wow-duration="2s" data-wow-delay=".2s">
 
+                                      <h2 class="title1" style="color: transparent;">.</h2>
 
+                                  </div> -->
 
+                                    <!-- layer 2 -->
 
+                                    <!-- <div class="layer-1-2 wow slideInUp" data-wow-duration="2s" data-wow-delay=".1s">
 
+                                      <h1 class="title2" style="color: transparent;">.</h1>
 
+                                  </div> -->
 
+                                    <!-- layer 3 -->
 
+                                    <!-- <div class="layer-1-3 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s"> -->
 
+                                    <!-- <a class="ready-btn right-btn page-scroll" href="empresa">Conócenos</a> -->
 
+                                    <!-- <a class="ready-btn page-scroll" href="asesoria">Asesoría Técnica</a>
 
+                                  </div> -->
 
+                                </div>
 
+                            </a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <!-- direction 2 -->
 
+            <div id="slider-direction-2" class="slider-direction slider-two">
 
+                <div class="container">
 
+                    <div class="row">
 
+                        <div class="col-md-12 col-sm-12 col-xs-12">
 
+                            <a href="productos">
 
+                                <div class="slider-content text-center">
 
+                                    <!-- layer 1 -->
 
+                                    <!-- <div class="layer-1-1 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s">
 
+                                        <h2 class="title1" style="color: transparent;">.</h2>
 
+                                    </div> -->
 
+                                    <!-- layer 2 -->
 
+                                    <!-- <div class="layer-1-2 wow slideInUp" data-wow-duration="2s" data-wow-delay=".1s">
 
+                                        <h1 class="title2" style="color: transparent;">.</h1>
 
+                                    </div> -->
 
+                                    <!-- layer 3 -->
 
+                                    <!-- <div class="layer-1-3 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s"> -->
 
+                                    <!-- <a class="ready-btn right-btn page-scroll" href="marcas">Productos</a> -->
 
+                                    <!-- <a class="ready-btn2 page-scroll" href="productos">Ir A PRODUCTOS</a>
 
+                                    </div> -->
 
+                                </div>
 
+                            </a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+
 
+            <!-- direction 3 -->
 
+            <div id="slider-direction-3" class="slider-direction slider-two">
 
+                <div class="container">
 
+                    <div class="row">
 
+                        <div class="col-md-12 col-sm-12 col-xs-12">
 
+                            <a href="blog">
 
+                                <div class="slider-content text-center">
 
+                                    <!-- layer 1 -->
 
+                                    <!-- <div class="layer-1-1 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s">
 
+                                        <h2 class="title1" style="color: transparent;">.</h2>
 
+                                    </div> -->
 
+                                    <!-- layer 2 -->
 
+                                    <!-- <div class="layer-1-2 wow slideInUp" data-wow-duration="2s" data-wow-delay=".1s">
 
+                                        <h1 class="title2" style="color: transparent;">.</h1>
 
+                                    </div> -->
 
+                                    <!-- layer 3 -->
 
+                                    <!-- <div class="layer-1-3 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s"> -->
 
+                                    <!-- <a class="ready-btn right-btn page-scroll" href="marcas">Productos</a> -->
 
+                                    <!-- <a class="ready-btn2 page-scroll" href="productos">Ir A PRODUCTOS</a>
 
+                                    </div> -->
 
+                                </div>
 
+                            </a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <!-- direction 3 -->
 
+            <div id="slider-direction-4" class="slider-direction slider-two">
 
+                <div class="container">
 
+                    <div class="row">
 
+                        <div class="col-md-12 col-sm-12 col-xs-12">
 
+                            <a href="empresa">
 
+                                <div class="slider-content text-center">
 
+                                    <!-- layer 1 -->
 
+                                    <!-- <div class="layer-1-1 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s">
 
+                                        <h2 class="title1" style="color: transparent;">.</h2>
 
+                                    </div> -->
 
+                                    <!-- layer 2 -->
 
+                                    <!-- <div class="layer-1-2 wow slideInUp" data-wow-duration="2s" data-wow-delay=".1s">
 
+                                        <h1 class="title2" style="color: transparent;">.</h1>
 
+                                    </div> -->
 
+                                    <!-- layer 3 -->
 
+                                    <!-- <div class="layer-1-3 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s"> -->
 
+                                    <!-- <a class="ready-btn right-btn page-scroll" href="marcas">Productos</a> -->
 
+                                    <!-- <a class="ready-btn2 page-scroll" href="productos">Ir A PRODUCTOS</a>
 
+                                    </div> -->
 
+                                </div>
 
+                            </a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+
 
+        </div>
 
+    </div>
 
+    <!-- End Slider Area -->
 
+
 
+    <!-- Start About area -->
 
+    <div id="about" class="about-area area-padding">
 
+        <div class="container">
 
+            <div class="row">
 
+                <div class="col-md-12 col-sm-12 col-xs-12">
 
+                    <div class="section-headline text-center">
 
+                        <!-- <h2>About eBusiness</h2> -->
 
+                    </div>
 
+                </div>
 
+            </div>
 
+            <div class="row">
 
+                <!-- single-well start-->
 
+                <div class="col-md-6 col-sm-6 col-xs-12">
 
+                    <div class="well-left">
 
+                        <div class="single-well">
 
+                            <a href="#">
 
+                                <!-- <img src="img/about/1.jpg" alt=""> -->
 
+                                <iframe width="100%" height="300" src="https://www.youtube-nocookie.com/embed/_tw7s2C3LSo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
+                            </a>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <!-- single-well end-->
 
+                <div class="col-md-6 col-sm-6 col-xs-12">
 
+                    <div class="well-middle">
 
+                        <div class="single-well">
 
+                            <a href="#">
 
+                                <h4 class="sec-head">conoce nuestro trabajo</h4>
 
+                            </a>
 
+                            <p>
 
+                                Trabajamos junto a ti para obtener los mejores resultados, brindando asesoría técnica especializada y ofreciendo un portafolio de productos de la más alta calidad.
 
+                            </p>
 
+                            <ul>
 
+                                <li>
 
+                                    <i class="fa fa-check"></i> Tenemos una amplia gama de productos y servicios.
 
+                                </li>
 
+                                <li>
 
+                                    <i class="fa fa-check"></i> Excelencia en nuestro servicio
 
+                                </li>
 
+                                <li>
 
+                                    <i class="fa fa-check"></i> Alta productividad
 
+                                </li>
 
+                                <li>
 
+                                    <i class="fa fa-check"></i> Calidad en nuestros productos
 
+                                </li>
 
+                                <li>
 
+                                    <i class="fa fa-check"></i> Déjanos ayudarte, podemos asesorarte en tu cosecha.
 
+                                </li>
 
+                            </ul>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <!-- End col-->
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!-- End About area -->
 
+    <div id="productosDes" class="services-area area-padding">
 
+        <div class="container">
 
+
 
+            <div class="row">
 
+                <div class="col-md-12 col-sm-12 col-xs-12">
 
+                    <div class="section-headline services-head text-center">
 
+                        <h2>AGRO SOLUCIONES <span style="color:#2cb978">RAKE</span></h2>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+
 
+            <div class="row text-center">
 
+                <div class="services-contents">
 
+
 
+                    <div id="myCarousel" class="carousel slide" data-ride="carousel">
 
+                        <!-- Indicators -->
 
+                        <ol class="carousel-indicators">
 
+                            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 
+                            <li data-target="#myCarousel" data-slide-to="1"></li>
 
+                            <li data-target="#myCarousel" data-slide-to="2"></li>
 
+                            <li data-target="#myCarousel" data-slide-to="3"></li>
 
+                            <li data-target="#myCarousel" data-slide-to="4"></li>
 
+                        </ol>
 
+
 
+                        <!-- Wrapper for slides -->
 
+                        <div class="carousel-inner">
 
+                            <div class="item active ">
 
+                                <center>
 
+                                    <a href="https://www.rake.mx/ficha-tecnica?marca=WISErg&producto=WISERGANIC">
 
+                                        <img src="assets/productos-botella/wiserg/wiserg.png" style="height:400px">
 
+                                    </a>
 
+                                </center>
 
+                            </div>
 
+                            <div class="item">
 
+                                <center>
 
+                                    <a href="https://www.rake.mx/ficha-tecnica?marca=biosemillas&producto=SYNERGY">
 
+                                        <img src="assets/productos-botella/biosemillas/SYNERGY.png" style="height:400px">
 
+                                    </a>
 
+                                </center>
 
+                            </div>
 
+                            <div class="item">
 
+                                <center>
 
+                                    <a href="https://www.rake.mx/ficha-tecnica?marca=ChemDion&producto=TRINOMIC">
 
+                                        <img src="assets/productos-botella/chemDion/TRINOMIC.png" style="height:400px">
 
+                                    </a>
 
+                                </center>
 
+                            </div>
 
+                            <div class="item">
 
+                                <center>
 
+                                    <a href="https://rake.mx/ficha-tecnica?marca=probelte&producto=A-MICSUR-MG">
 
+                                        <img src="assets/productos-botella/probelte/amicsurMG.png" style="height:400px">
 
+                                    </a>
 
+                                </center>
 
+                            </div>
 
+                            <div class="item">
 
+                                <center>
 
+                                    <a href="https://www.rake.mx/ficha-tecnica?marca=nufarm&producto=AZUREXTRA">
 
+                                        <img src="assets/productos-botella/nufarm/AzureXtra.png" style="height:400px">
 
+                                    </a>
 
+                                </center>
 
+                            </div>
 
+                        </div>
 
+
 
+                        <!-- Left and right controls -->
 
+                        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
 
+                            <span class="glyphicon glyphicon-chevron-left"></span>
 
+                            <span class="sr-only">Previous</span>
 
+                        </a>
 
+                        <a class="right carousel-control" href="#myCarousel" data-slide="next">
 
+                            <span class="glyphicon glyphicon-chevron-right"></span>
 
+                            <span class="sr-only">Next</span>
 
+                        </a>
 
+                    </div>
 
+
 
+
 
+
 
+                    <!-- <div id="productos-slider" class="slides">
 
+            <img src="assets/productos/01.png" alt="" title="" />
 
+            <img src="assets/productos/02.png" alt="" title="" />
 
+            <img src="assets/productos/03.png" alt="" title="" />
 
+          </div> -->
 
+
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+
 
+    <!-- Start Productos destacados -->
 
+
 
+    <!-- End Productos destacados -->
 
+
 
+    <!-- Start Service area -->
 
+    <div id="services" class="services-area area-padding about-area">
 
+        <div class="container">
 
+
 
+            <div class="row">
 
+                <div class="col-md-12 col-sm-12 col-xs-12">
 
+                    <div class="section-headline services-head text-center">
 
+                        <h2>NUESTROS SERVICIOS</h2>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+
 
+
 
+
 
+            <div class="row text-center">
 
+                <div class="services-contents">
 
+                    <!-- Start Left services -->
 
+
 
+                    <div class="col-md-4 col-sm-4 col-xs-12">
 
+                        <div class="about-move">
 
+                            <div class="services-details">
 
+                                <div class="single-services">
 
+                                    <a class="services-icon" href="asesoria">
 
+                                        <img src="assets/icons/RAKE0.png" alt="">
 
+                                        <!-- <span class="fa-stack fa-1x">
 
+                        <i class="fa fa-circle fa-stack-2x" style="color:#2cb978"></i>
 
+                        <i class="fa fa-shopping-cart fa-stack-1x fa-inverse"></i>
 
+                      </span> -->
 
+                                    </a>
 
+                                    <h4>Asesoría Técnica</h4>
 
+                                    <p>
 
+                                        Tenemos un equipo altamente capacitado para que obtengas los mejores resultados de tus cultivos.
 
+                                    </p>
 
+                                </div>
 
+                            </div>
 
+                            <!-- end about-details -->
 
+                        </div>
 
+                    </div>
 
+
 
+                    <div class="col-md-4 col-sm-4 col-xs-12">
 
+                        <div class="about-move">
 
+                            <div class="services-details">
 
+                                <div class="single-services">
 
+                                    <a class="services-icon" href="bodega">
 
+                                        <img src="assets/icons/RAKE_40.png" alt="">
 
+                                    </a>
 
+                                    <h4>Arrendamiento de Bodegas</h4>
 
+                                    <p>Somos una empresa con experiencia y las instalaciones para el almacenamiento de tus productos Agrícolas</p>
 
+                                </div>
 
+                            </div>
 
+                            <!-- end about-details -->
 
+                        </div>
 
+                    </div>
 
+
 
+                    <div class="col-md-4 col-sm-4 col-xs-12">
 
+                        <!-- end col-md-4 -->
 
+                        <div class=" about-move">
 
+                            <div class="services-details">
 
+                                <div class="single-services">
 
+                                    <a class="services-icon" href="blog">
 
+                                        <img src="assets/icons/RAKE20.png" alt="">
 
+
 
+                                    </a>
 
+                                    <h4>Trabajos de Campo</h4>
 
+                                    <p>Nosotros no te recomendaríamos un producto sin haber visto los resultados primero.
 
+                                    </p>
 
+                                </div>
 
+                            </div>
 
+                            <!-- end about-details -->
 
+                        </div>
 
+                    </div>
 
+
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!-- End Service area -->
 
+
 
+    <!-- our-skill-area start -->
 
+    <!-- <div class="our-skill-area fix hidden-sm">
 
+    <div class="test-overly"></div>
 
+    <div class="skill-bg area-padding-2">
 
+      <div class="container"> -->
 
+    <!-- section-heading end -->
 
+    <!-- <div class="row">
 
+          <div class="skill-text"> -->
 
+    <!-- single-skill start -->
 
+    <!-- <div class="col-xs-12 col-sm-3 col-md-3 text-center">
 
+              <div class="single-skill">
 
+                <div class="progress-circular">
 
+                  <input type="text" class="knob" value="0" data-rel="100" data-linecap="round" data-width="175" data-bgcolor="#fff" data-fgcolor="#83e85a" data-thickness=".20" data-readonly="true" disabled>
 
+                  <h3 class="progress-h4">Confianza</h3>
 
+                </div>
 
+              </div>
 
+            </div> -->
 
+    <!-- single-skill end -->
 
+    <!-- single-skill start -->
 
+    <!-- <div class="col-xs-12 col-sm-3 col-md-3 text-center">
 
+              <div class="single-skill">
 
+                <div class="progress-circular">
 
+                  <input type="text" class="knob" value="0" data-rel="100" data-linecap="round" data-width="175" data-bgcolor="#fff" data-fgcolor="#83e85a" data-thickness=".20" data-readonly="true" disabled>
 
+                  <h3 class="progress-h4">Responsabilidad</h3>
 
+                </div>
 
+              </div>
 
+            </div> -->
 
+    <!-- single-skill end -->
 
+    <!-- single-skill start -->
 
+    <!-- <div class="col-xs-12 col-sm-3 col-md-3 text-center">
 
+              <div class="single-skill">
 
+                <div class="progress-circular">
 
+                  <input type="text" class="knob" value="0" data-rel="100" data-linecap="round" data-width="175" data-bgcolor="#fff" data-fgcolor="#83e85a" data-thickness=".20" data-readonly="true" disabled>
 
+                  <h3 class="progress-h4">Lealtad</h3>
 
+                </div>
 
+              </div>
 
+            </div> -->
 
+    <!-- single-skill end -->
 
+    <!-- single-skill start -->
 
+    <!-- <div class="col-xs-12 col-sm-3 col-md-3 text-center">
 
+              <div class="single-skill">
 
+                <div class="progress-circular">
 
+                  <input type="text" class="knob" value="0" data-rel="100" data-linecap="round" data-width="175" data-bgcolor="#fff" data-fgcolor="#83e85a" data-thickness=".20" data-readonly="true" disabled>
 
+                  <h3 class="progress-h4">Disponibilidad</h3>
 
+                </div>
 
+              </div>
 
+            </div> -->
 
+    <!-- single-skill end -->
 
+    <!-- </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div> -->
 
+    <!-- our-skill-area end -->
 
+
 
+
 
+
 
+
 
+    <!-- Start team Area -->
 
+    <!-- <div id="team" class="our-team-area area-padding">
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-md-12 col-sm-12 col-xs-12">
 
+          <div class="section-headline text-center">
 
+            <h2>Nuestro equipo</h2>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div class="row">
 
+        <div class="team-top">
 
+          <div class="col-md-3 col-sm-3 col-xs-12">
 
+            <div class="single-team-member">
 
+              <div class="team-img">
 
+                <a href="#">
 
+										<img src="img/team/1.jpg" alt="">
 
+									</a>
 
+                <div class="team-social-icon text-center">
 
+                  <ul>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-facebook"></i>
 
+												</a>
 
+                    </li>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-twitter"></i>
 
+												</a>
 
+                    </li>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-instagram"></i>
 
+												</a>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+              <div class="team-content text-center">
 
+                <h4>Juan Pedro</h4>
 
+                <p>Atención a clientes</p>
 
+              </div>
 
+            </div>
 
+          </div> -->
 
+    <!-- End column -->
 
+    <!-- <div class="col-md-3 col-sm-3 col-xs-12">
 
+            <div class="single-team-member">
 
+              <div class="team-img">
 
+                <a href="#">
 
+										<img src="img/team/2.jpg" alt="">
 
+									</a>
 
+                <div class="team-social-icon text-center">
 
+                  <ul>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-facebook"></i>
 
+												</a>
 
+                    </li>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-twitter"></i>
 
+												</a>
 
+                    </li>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-instagram"></i>
 
+												</a>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+              <div class="team-content text-center">
 
+                <h4>José Diaz</h4>
 
+                <p>Ingeniero de cálidad</p>
 
+              </div>
 
+            </div>
 
+          </div> -->
 
+    <!-- End column -->
 
+    <!-- <div class="col-md-3 col-sm-3 col-xs-12">
 
+            <div class="single-team-member">
 
+              <div class="team-img">
 
+                <a href="#">
 
+										<img src="img/team/3.jpg" alt="">
 
+									</a>
 
+                <div class="team-social-icon text-center">
 
+                  <ul>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-facebook"></i>
 
+												</a>
 
+                    </li>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-twitter"></i>
 
+												</a>
 
+                    </li>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-instagram"></i>
 
+												</a>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+              <div class="team-content text-center">
 
+                <h4>Linda López</h4>
 
+                <p>Inspectora</p>
 
+              </div>
 
+            </div>
 
+          </div> -->
 
+    <!-- End column -->
 
+    <!-- <div class="col-md-3 col-sm-3 col-xs-12">
 
+            <div class="single-team-member">
 
+              <div class="team-img">
 
+                <a href="#">
 
+										<img src="img/team/4.jpg" alt="">
 
+									</a>
 
+                <div class="team-social-icon text-center">
 
+                  <ul>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-facebook"></i>
 
+												</a>
 
+                    </li>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-twitter"></i>
 
+												</a>
 
+                    </li>
 
+                    <li>
 
+                      <a href="#">
 
+													<i class="fa fa-instagram"></i>
 
+												</a>
 
+                    </li>
 
+                  </ul>
 
+                </div>
 
+              </div>
 
+              <div class="team-content text-center">
 
+                <h4>Ricardo Flores</h4>
 
+                <p>Director</p>
 
+              </div>
 
+            </div>
 
+          </div> -->
 
+    <!-- End column -->
 
+    <!-- </div>
 
+      </div>
 
+    </div>
 
+  </div> -->
 
+    <!-- End Team Area -->
 
+
 
+    <!-- Start Wellcome Area -->
 
+    <!-- <div class="wellcome-area">
 
+    <div class="well-bg">
 
+      <div class="test-overly"></div>
 
+      <div class="container">
 
+        <div class="row">
 
+          <div class="col-md-12 col-sm-12 col-xs-12">
 
+            <div class="wellcome-text">
 
+              <div class="well-text text-center"> -->
 
+    <!-- <h2>Welcome To Our eBusiness</h2> -->
 
+    <!-- <p>
 
+                 No se pierda las últimas noticias, entradas de blog y/o nuevos productos, ¡Suscríbete a nuestro boletín de noticias!
 
+                </p>
 
+                <div class="subs-feilds">
 
+                  <div class="suscribe-input">
 
+                    <input type="email" class="email form-control width-80" id="sus_email" placeholder="correo electrónico">
 
+                    <button type="submit" id="sus_submit" class="add-btn width-20">Suscribirse</button>
 
+                    <div id="msg_Submit" class="h3 text-center hidden"></div>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>  
+  </div> -->
 
+    <!-- End Wellcome Area -->
 
+
 
+    <!-- Start reviews Area -->
 
+    <!-- <div class="reviews-area hidden-xs">
 
+    <div class="work-us">
 
+      <div class="work-left-text">
 
+        <a href="#">
 
+						<img src="img/about/2.jpg" alt="">
 
+					</a>
 
+      </div>
 
+      <div class="work-right-text text-center">
 
+        <h2>working with us</h2>
 
+        <h5>Web Design, Ready Home, Construction and Co-operate Outstanding Buildings.</h5>
 
+        <a href="#contact" class="ready-btn">Contact us</a>
 
+      </div>
 
+    </div>
 
+  </div> -->
 
+    <!-- End reviews Area -->
 
+
 
+    <!-- Start portfolio Area -->
 
+    <!-- <div id="portfolio" class="portfolio-area area-padding fix">
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
 
+          <div class="section-headline text-center">
 
+            <h2>Nuestros trabajos</h2>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div class="row"> -->
 
+    <!-- Start Portfolio -page -->
 
+    <!--  <div class="awesome-project-1 fix">
 
+          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
 
+            <div class="awesome-menu ">
 
+              <ul class="project-menu">
 
+                <li>
 
+                  <a href="#" class="active" data-filter="*">All</a>
 
+                </li>
 
+                <li>
 
+                  <a href="#" data-filter=".development">Development</a>
 
+                </li>
 
+                <li>
 
+                  <a href="#" data-filter=".design">Design</a>
 
+                </li>
 
+                <li>
 
+                  <a href="#" data-filter=".photo">Photoshop</a>
 
+                </li>
 
+              </ul>
 
+            </div>
 
+          </div>
 
+        </div> -->
 
+    <!-- <div class="awesome-project-content"> -->
 
+    <!-- single-awesome-project start -->
 
+    <!-- <div class="col-md-4 col-sm-4 col-xs-12 design development">
 
+            <div class="single-awesome-project">
 
+              <div class="awesome-img">
 
+                <a href="#">
 
+                <img src="img/portfolio/por1.jpg" alt="" /></a>
 
+                <div class="add-actions text-center">
 
+                  <div class="project-dec">
 
+                    <a class="venobox" data-gall="myGallery" href="img/portfolio/por1.jpg">
 
+                      <h4>Preparación de arena para plantar</h4>
 
+                      <span>Ingeniros especializados</span>
 
+                    </a>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div> -->
 
+    <!-- single-awesome-project end -->
 
+    <!-- single-awesome-project start -->
 
+    <!-- <div class="col-md-4 col-sm-4 col-xs-12 photo">
 
+            <div class="single-awesome-project">
 
+              <div class="awesome-img">
 
+                <a href="#"><img src="img/portfolio/por2.jpg" alt="" /></a>
 
+                <div class="add-actions text-center">
 
+                  <div class="project-dec">
 
+                    <a class="venobox" data-gall="myGallery" href="img/portfolio/por2.jpg">
 
+                      <h4>Preparando sección para plantio</h4>
 
+                      <span>Expertos obreros</span>
 
+                    </a>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div> -->
 
+    <!-- single-awesome-project end -->
 
+    <!-- single-awesome-project start -->
 
+    <!-- <div class="col-md-4 col-sm-4 col-xs-12 design">
 
+            <div class="single-awesome-project">
 
+              <div class="awesome-img">
 
+                <a href="#"><img src="img/portfolio/por3.jpg" alt="" /></a>
 
+                <div class="add-actions text-center">
 
+                  <div class="project-dec">
 
+                    <a class="venobox" data-gall="myGallery" href="img/portfolio/por3.jpg">
 
+                     <h4>Proceso plantado</h4> -->
 
+    <!-- <span>Web design</span> -->
 
+    <!-- </a>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div> -->
 
+    <!-- single-awesome-project end -->
 
+    <!-- single-awesome-project start -->
 
+    <!-- <div class="col-md-4 col-sm-4 col-xs-12 photo development">
 
+            <div class="single-awesome-project">
 
+              <div class="awesome-img">
 
+                <a href="#"><img src="img/portfolio/por4.jpg" alt="" /></a>
 
+                <div class="add-actions text-center">
 
+                  <div class="project-dec">
 
+                    <a class="venobox" data-gall="myGallery" href="img/portfolio/por4.jpg">
 
+
 
+                      <h4>Resultados en invernadero</h4>
 
+                      <span>Invernadero</span>
 
+                    </a>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div> -->
 
+    <!-- single-awesome-project end -->
 
+    <!-- single-awesome-project start -->
 
+    <!-- <div class="col-md-4 col-sm-4 col-xs-12 development">
 
+            <div class="single-awesome-project">
 
+              <div class="awesome-img">
 
+                <a href="#"><img src="img/portfolio/por5.jpg" alt="" /></a>
 
+                <div class="add-actions text-center text-center">
 
+                  <div class="project-dec">
 
+                    <a class="venobox" data-gall="myGallery" href="img/portfolio/por5.jpg">
 
+                      <h4>Resultados de plantio</h4>
 
+                      <span>Exterior</span>
 
+                    </a>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div> -->
 
+    <!-- single-awesome-project end -->
 
+    <!-- single-awesome-project start -->
 
+    <!-- <div class="col-md-4 col-sm-4 col-xs-12 design photo">
 
+            <div class="single-awesome-project">
 
+              <div class="awesome-img">
 
+                <a href="#"><img src="img/portfolio/por6.jpg" alt="" /></a>
 
+                <div class="add-actions text-center">
 
+                  <div class="project-dec">
 
+                    <a class="venobox" data-gall="myGallery" href="img/portfolio/por6.jpg">
 
+                      <h4>Producto Wiserg+Biogea</h4>
 
+                      <span>Invernadero</span>
 
+                    </a>
 
+                  </div>
 
+                </div>
 
+              </div>
 
+            </div>
 
+          </div> -->
 
+    <!-- single-awesome-project end -->
 
+    <!-- </div>
 
+      </div>
 
+    </div>
 
+  </div> -->
 
+    <!-- awesome-portfolio end -->
 
+    <!-- start pricing area -->
 
+    <!-- <div id="pricing" class="pricing-area area-padding">
 
+    <div class="container">
 
+      <div class="row">
 
+        <div class="col-md-12 col-sm-12 col-xs-12">
 
+          <div class="section-headline text-center">
 
+            <h2>Pricing Table</h2>
 
+          </div>
 
+        </div>
 
+      </div>
 
+      <div class="row">
 
+        <div class="col-md-4 col-sm-4 col-xs-12">
 
+          <div class="pri_table_list">
 
+            <h3>basic <br/> <span>$80 / month</span></h3>
 
+            <ol>
 
+              <li class="check">Online system</li>
 
+              <li class="check cross">Full access</li>
 
+              <li class="check">Free apps</li>
 
+              <li class="check">Multiple slider</li>
 
+              <li class="check cross">Free domin</li>
 
+              <li class="check cross">Support unlimited</li>
 
+              <li class="check">Payment online</li>
 
+              <li class="check cross">Cash back</li>
 
+            </ol>
 
+            <button>sign up now</button>
 
+          </div>
 
+        </div>
 
+        <div class="col-md-4 col-sm-4 col-xs-12">
 
+          <div class="pri_table_list active">
 
+            <span class="saleon">top sale</span>
 
+            <h3>standard <br/> <span>$110 / month</span></h3>
 
+            <ol>
 
+              <li class="check">Online system</li>
 
+              <li class="check">Full access</li>
 
+              <li class="check">Free apps</li>
 
+              <li class="check">Multiple slider</li>
 
+              <li class="check cross">Free domin</li>
 
+              <li class="check">Support unlimited</li>
 
+              <li class="check">Payment online</li>
 
+              <li class="check cross">Cash back</li>
 
+            </ol>
 
+            <button>sign up now</button>
 
+          </div>
 
+        </div>
 
+        <div class="col-md-4 col-sm-4 col-xs-12">
 
+          <div class="pri_table_list">
 
+            <h3>premium <br/> <span>$150 / month</span></h3>
 
+            <ol>
 
+              <li class="check">Online system</li>
 
+              <li class="check">Full access</li>
 
+              <li class="check">Free apps</li>
 
+              <li class="check">Multiple slider</li>
 
+              <li class="check">Free domin</li>
 
+              <li class="check">Support unlimited</li>
 
+              <li class="check">Payment online</li>
 
+              <li class="check">Cash back</li>
 
+            </ol>
 
+            <button>sign up now</button>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div> -->
 
+    <!-- End pricing table area -->
 
+    <!-- Start Testimonials -->
 
+    <!-- <div class="testimonials-area">
 
+    <div class="testi-inner area-padding">
 
+      <div class="testi-overly"></div>
 
+      <div class="container ">
 
+        <div class="row">
 
+          <div class="col-md-12 col-sm-12 col-xs-12"> -->
 
+    <!-- Start testimonials Start -->
 
+    <!-- <div class="testimonial-content text-center">
 
+              <a class="quate" href="#"><i class="fa fa-quote-right"></i></a> -->
 
+    <!-- start testimonial carousel -->
 
+    <!-- <div class="testimonial-carousel">
 
+                <div class="single-testi">
 
+                  <div class="testi-text">
 
+                    <p>
 
+                      Los recomiendo 100%<br> excelente trato por parte de sus asesores.
 
+                    </p>
 
+                    <h6>Juan Díaz</h6>
 
+                  </div>
 
+                </div> -->
 
+    <!-- End single item -->
 
+    <!-- <div class="single-testi">
 
+                  <div class="testi-text">
 
+                    <p>
 
+                      Resolvieron todas mis dudas en una sola llamada <br> excelente servicio.
 
+                    </p>
 
+                    <h6>Pedro Juárez</h6>
 
+                  </div>
 
+                </div> -->
 
+    <!-- End single item -->
 
+    <!-- <div class="single-testi">
 
+                  <div class="testi-text">
 
+                    <p>
 
+                      Tienen una amplia gama de productos<br> y además te ayudan con asesoría, respondiendo cualquier pregunta, recomendados al cien.
 
+                    </p>
 
+                    <h6>Diego López</h6>
 
+                  </div>
 
+                </div> -->
 
+    <!-- End single item -->
 
+    <!-- </div>
 
+            </div> -->
 
+    <!-- End testimonials end -->
 
+    <!-- </div> -->
 
+    <!-- End Right Feature -->
 
+    <!-- </div>
 
+      </div>
 
+    </div>
 
+  </div> -->
 
+    <!-- End Testimonials -->
 
+    <!-- Start Blog Area -->
 
+    <div id="blog" class="blog-area">
 
+        <div class="blog-inner area-padding" id="publicaciones">
 
+            <div class="blog-overly"></div>
 
+            <div class="container ">
 
+                <div class="row">
 
+                    <div class="col-md-12 col-sm-12 col-xs-12">
 
+                        <div class="section-headline text-center">
 
+                            <h2>TRABAJOS DE CAMPO</h2>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+                <latest-posts-index v-for="posts in filtrolatestPub" :key="posts.id" v-bind:posts="posts"></latest-posts-index>
 
+            </div>
 
+        </div>
 
+    </div>
 
+    </div>
 
+
 
+    <!-- Start Footer bottom Area -->
 
+    <footer></footer>
 
+    <!-- End Footer bottom Area -->
 
+
 
+    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
+
 
+    <!-- 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>
 
+
 
+    <!-- Vuejs -->
 
+    <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
 
+    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
 
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
+
 
+    <script src="js/main.js"></script>
 
+    <script src="js/blog-vue.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>
 
+
 
+    <!-- <script>
 
+      var nombreProducto  = getParameterByName('asunto');
 
+      document.getElementById('asunto').value = nombreProducto;
 
+    </script> -->
 
+
 
+
 
+</body>
 
+
 
+</html>

+ 353 - 0
producto.html
Voir le fichier 

@@ -0,0 +1,353 @@
 
+<!doctype html>
 
+<html lang="es">
 
+
 
+<head>
 
+    <title>Agro Insumos Raké SPR de RL de CV - Líder en insumos agrícolas en Chihuahua</title>
 
+    <meta charset="utf-8">
 
+    <meta content='Rake.' name='DC.Title' xml:lang='ES'>
 
+    <meta content='Agroinsumos Rake.' name='DC.Subject' xml:lang='ES'>
 
+    <meta content='Agroinsumos Rake.' name='DC.Description' xml:lang='ES'>
 
+    <meta content='ES' name='DC.Language' scheme='dcterms:RFC1766'>
 
+    <meta content='Agroinsumos' name='DC.Contributor'>
 
+    <meta content='text/html' name='DC.Type'>
 
+    <meta content='https://rake.mx/' name='DC.Identifier'>
 
+    <meta content='Copyright 2019, Rake Inc.  All rights reserved.' name='DC.Rights'>
 
+    <meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
 
+    <meta content='Agroinsumos Rake' property='og:title'>
 
+    <meta content='website' property='og:type'>
 
+    <meta content='https://rake.mx/' property='og:url'>
 
+    <meta content='Agroinsumos Rake, empresa líder en la venta de insumos para la producción agrícola, que ofrece gran  calidad en los productos agrícolas'>
 
+    <link href='productos.html' hreflang='es' rel='alternate'>
 
+    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1' id='viewport' name='viewport'>
 
+    <!-- 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">
 
+
 
+    <!-- Vuejs -->
 
+    <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
 
+    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
 
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
+</head>
 
+
 
+<body data-spy="scroll" data-target="#navbar-example">
 
+
 
+
 
+    <!-- <div id="preloader"></div> -->
 
+
 
+    <!-- header Start -->
 
+    <header></header>
 
+    <!-- header end -->
 
+    <!-- Start Bottom Header -->
 
+    <!-- <div class="hero-image page-area" id="productos">
 
+        <div class="home-overly"></div>
 
+        <div class="container">
 
+            <div class="row">
 
+                <div class="col-md-12 col-sm-12 col-xs-12">
 
+                    <div class="text-center">
 
+                        <div class="header-bottom">
 
+                            <div class="layer2 wow zoomIn" data-wow-duration="1s" data-wow-delay=".4s">
 
+                                <h1 class="title2">PRODUCTOS</h1>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div> -->
 
+    <div id="home" class="slider-area">
 
+        <div class="bend niceties preview-2">
 
+
 
+            <div id="" class="">
 
+                <img src="img/banners/banner-productos.png" alt="" title="#slider-direction-1" />
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!-- END Header -->
 
+
 
+    <!-- Start Products Area -->
 
+    <div class="container" style="margin-top: 1%">
 
+
 
+        <ol class="breadcrumb">
 
+            <li><a href="index">Inicio</a></li>
 
+            <li><a href="productos">Productos</a></li>
 
+            <li class="active" id="productLi">Productos</li>
 
+        </ol>
 
+
 
+        <div class="row" id="marcas">
 
+            <div class="col-lg-3 col-sm-3 col-12">
 
+                <div id="filtro" class="panel panel-default">
 
+                    <div id="filtroText">
 
+                        <h5><b>FILTRO</b></h5>
 
+                    </div>
 
+                    <article class="card-group-item">
 
+                        <li class=" list-group-item">
 
+                            <input type="text" placeholder="Buscar Producto" class="form-control" v-model="search">
 
+                        </li>
 
+                    </article>
 
+                    <!-- card-group-item.// -->
 
+
 
+                </div>
 
+                <!-- card.// -->
 
+            </div>
 
+            <!-- /.col-lg-3 -->
 
+            <div class="col-lg-9 col-sm-9 col-12">
 
+                <div class="row">
 
+                    <!-- Loading -->
 
+                    <!-- <img src="https://via.placeholder.com/850x420" alt=""> -->
 
+                    <!-- <div class="col-sm-12" v-show='filtro.length === 0'>
 
+                        <center>
 
+                            <h3>Cargando Productos...</h3>
 
+                            <div class="loader loader--style1" title="0">
 
+                                <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
 
+                            <path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
 
+                s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
 
+                c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/>
 
+                <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
 
+                C22.32,8.481,24.301,9.057,26.013,10.047z">
 
+                <animateTransform attributeType="xml"
 
+                attributeName="transform"
 
+                type="rotate"
 
+                from="0 20 20"
 
+                to="360 20 20"
 
+                dur="0.5s"
 
+                repeatCount="indefinite"/>
 
+              </path>
 
+            </svg>
 
+                            </div>
 
+                        </center>
 
+                    </div> -->
 
+                    <!-- termina loading -->
 
+                    <marcas-component v-for="item in filtro " :key="item.titulo" v-bind:item="item">
 
+                    </marcas-component>
 
+                    <label v-if="filtro.length === 0 ">
 
+                            <div>
 
+                                <img src="img/sinproductos.png" height="100%" class="text-center">
 
+                            </div>
 
+                    </label>
 
+                </div>
 
+
 
+
 
+            </div>
 
+            <!-- /.row -->
 
+        </div>
 
+        <!-- /.col-lg-9 -->
 
+
 
+    </div>
 
+    <!-- /.row -->
 
+    </div>
 
+    <!-- End Products Area -->
 
+
 
+    <div class="clearfix"></div>
 
+
 
+    <!-- Start Footer -->
 
+    <br><br>
 
+    <div class="footer">
 
+        <div class="container">
 
+            <div class="row">
 
+                <div class="col-md-6 text-left pad-re">
 
+                    <p id="fecha">
 
+                    </p>
 
+                </div>
 
+                <div class="col-md-3"></div>
 
+                <div class="col-md-6 text-right pad">
 
+                    <p>
 
+                        Desarrollado y administrado por
 
+                        <a href="http://ittec.mx/">
 
+                            <img src="img/ittec.png" width="80px">
 
+                        </a>
 
+                    </p>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <script type="text/javascript">
 
+        var dt = new Date();
 
+        var anio = dt.getFullYear();
 
+        document.getElementById('fecha').innerHTML = '@' + anio + ' <strong>Agro Insumos Raké</strong> SPR de RL de CV. Todos los derechos reservados';
 
+    </script>
 
+    <!-- End Footer-->
 
+    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
+
 
+    <style>
 
+        .title2 {
 
+            padding-top: 7%;
 
+        }
 
+        
+        .title2,
 
+        .title3 {
 
+            font-family: "Open Sans" !important;
 
+        }
 
+        
+        #filtro {
 
+            background: #f2f2f2;
 
+        }
 
+        
+        #filtroText {
 
+            text-align: center;
 
+            padding: 8px 1px 5px 0px;
 
+            background: #0e8a51 !important;
 
+            box-shadow: 0px 5px 10px 0px #c6c6c6;
 
+        }
 
+        
+        #filtroText h5 {
 
+            color: white;
 
+        }
 
+        
+        .card {
 
+            position: relative;
 
+            display: -ms-flexbox;
 
+            display: flex;
 
+            -ms-flex-direction: column;
 
+            flex-direction: column;
 
+            min-width: 0;
 
+            word-wrap: break-word;
 
+            background-color: rgba(255, 255, 255, 0.93);
 
+            background-clip: border-box;
 
+            border: 1px solid rgba(0, 0, 0, .125);
 
+            border-radius: .25rem;
 
+            margin-bottom: 5%;
 
+            transition: box-shadow 0.3s ease-in-out
 
+        }
 
+        
+        .card:hover {
 
+            box-shadow: 2px 9px 14px 0px #d8cccc;
 
+        }
 
+        
+        .card-img-top {
 
+            width: 100%;
 
+            border-top-left-radius: calc(.25rem - 1px);
 
+            border-top-right-radius: calc(.25rem - 1px);
 
+        }
 
+        
+        .card-footer {
 
+            text-decoration: none;
 
+            padding: .75rem 1.25rem;
 
+            background-color: #00713b;
 
+            border-top: 1px solid rgba(0, 0, 0, .125);
 
+            text-align: center;
 
+            color: #fff;
 
+            padding: 10px;
 
+        }
 
+    </style>
 
+
 
+    <script>
 
+        function getParameterByName(name) {
 
+            name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
 
+            var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
 
+                results = regex.exec(location.search);
 
+            return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
 
+        }
 
+        var nombreProducto = getParameterByName('marca');
 
+
 
+        document.getElementById("productLi").innerHTML = nombreProducto.charAt(0).toUpperCase() + nombreProducto.slice(1);
 
+        // console.log(nombreProducto );
 
+
 
+        //creamos el componente
 
+        Vue.component('marcas-component', {
 
+            props: ['item'],
 
+            template: `
 
+    <div class='col-lg-4 col-md-6 col-sm-6 col-12 mb-4'>
 
+    <div class='card h-100'>
 
+    <a :href='item.url'>
 
+    <img class='card-img-top' :src='item.img' style="height:auto;padding:5px">
 
+    
+    <div class="card-body text-center">
 
+
 
+    <label class="colorBlack">{{item.nombreProducto}}</label>
 
+    </div>
 
+    <div class='card-footer text-center text-white'> Ver producto
 
+    </div>
 
+    </a>
 
+    </div>
 
+    </div>
 
+    `
 
+        });
 
+
 
+        var marcasVue = new Vue({
 
+            el: '#marcas',
 
+            data: {
 
+                marcasData: [],
 
+                search: ''
 
+
 
+            },
 
+            mounted() {
 
+                axios.get("./shared/data/marcas.json")
 
+                    .then(response => {
 
+                        this.marcasData = response.data;
 
+                    })
 
+            },
 
+            computed: {
 
+                filtro: function() {
 
+
 
+                        // Aplicamos un filtro
 
+                        if (this.search.length == 0) {
 
+                            let arrResultado = this.marcasData.filter((item) => item.titulo == nombreProducto);
 
+                            for (var i in arrResultado) {
 
+                                arrResultado = arrResultado[i].productos;
 
+                            }
 
+                            return arrResultado;
 
+
 
+                        } else {
 
+
 
+                            let arrResultado = this.marcasData.filter((item) => item.titulo == nombreProducto);
 
+
 
+                            for (var i in arrResultado) {
 
+                                arrResultado = arrResultado[i].productos;
 
+                            }
 
+
 
+                            return arrResultado.filter((item) => {
 
+                                return item.nombre.toLowerCase().match(this.search.toLowerCase());
 
+                            });
 
+                        }
 
+                    } //termina filtro
 
+
 
+            }
 
+        });
 
+    </script>
 
+    <!-- JavaScript Libraries -->
 
+    <script src="lib/jquery/jquery.min.js"></script>
 
+    <script src="lib/bootstrap/js/bootstrap.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>
 
+
 
+    <!-- Contact Form JavaScript File -->
 
+    <script src="contactform/contactform.js"></script>
 
+    <script src="js/main.js"></script>
 
+
 
+
 
+</body>
 
+
 
+</html>

+ 323 - 0
productos.html
Voir le fichier 

@@ -0,0 +1,323 @@
 
+<!doctype html>
 
+<html lang="es">
 
+
 
+<head>
 
+    <title>Agro Insumos Raké SPR de RL de CV - Líder en insumos agrícolas en Chihuahua</title>
 
+    <meta charset="utf-8">
 
+    <meta content='Rake.' name='DC.Title' xml:lang='ES'>
 
+    <meta content='Agroinsumos Rake.' name='DC.Subject' xml:lang='ES'>
 
+    <meta content='Agroinsumos Rake.' name='DC.Description' xml:lang='ES'>
 
+    <meta content='ES' name='DC.Language' scheme='dcterms:RFC1766'>
 
+    <meta content='Agroinsumos' name='DC.Contributor'>
 
+    <meta content='text/html' name='DC.Type'>
 
+    <meta content='https://rake.mx/' name='DC.Identifier'>
 
+    <meta content='Copyright 2019, Rake Inc.  All rights reserved.' name='DC.Rights'>
 
+    <meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
 
+    <meta content='Agroinsumos Rake' property='og:title'>
 
+    <meta content='website' property='og:type'>
 
+    <meta content='https://rake.mx/' property='og:url'>
 
+    <meta content='Agroinsumos Rake, empresa líder en la venta de insumos para la producción agrícola, que ofrece gran  calidad en los productos agrícolas'>
 
+    <link href='marcas.html' hreflang='es' rel='alternate'>
 
+    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1' id='viewport' name='viewport'>
 
+
 
+    <!-- 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">
 
+
 
+    <!-- Vuejs -->
 
+    <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> -->
 
+    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
 
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
 
+</head>
 
+
 
+<body data-spy="scroll" data-target="#navbar-example">
 
+
 
+    <!-- <div id="preloader"></div> -->
 
+
 
+    <!-- header Start -->
 
+    <header></header>
 
+    <!-- header end -->
 
+
 
+    <!-- Start Bottom Header -->
 
+    <!-- <div class="header-bg page-area" id="productos">
 
+        <div class="home-overly"></div>
 
+        <div class="container">
 
+            <div class="row">
 
+                <div class="col-md-12 col-sm-12 col-xs-12">
 
+                    <div class="text-center">
 
+                        <div class="header-bottom">
 
+                            <div class="layer2 wow zoomIn" data-wow-duration="1s" data-wow-delay=".4s">
 
+                                <h1 class="title2">MARCAS</h1>
 
+                            </div>
 
+                        </div>
 
+                    </div>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div> -->
 
+
 
+    <div id="home" class="slider-area">
 
+        <div class="bend niceties preview-2">
 
+
 
+            <div id="" class="">
 
+                <img src="img/banners/banner-productos.png" alt="" title="#slider-direction-1" />
 
+            </div>
 
+        </div>
 
+    </div>
 
+    <!-- END Header -->
 
+
 
+    <!-- Start Products Area -->
 
+    <div class="container" style="margin-top: 1%">
 
+        <ol class="breadcrumb">
 
+            <li><a href="index">Inicio</a></li>
 
+            <li class="active">Productos</li>
 
+        </ol>
 
+        <div class="row" id="marcas">
 
+            <div class="col-lg-3 col-sm-3">
 
+                <div id="filtro" class="panel panel-default">
 
+                    <div id="filtroText">
 
+                        <h5><b>FILTRO</b></h5>
 
+                    </div>
 
+                    <article class="card-group-item">
 
+                        <li class="list-group-item">
 
+                            <input type="text" placeholder="Buscar Marca" class="form-control" v-model="search">
 
+                        </li>
 
+                    </article>
 
+                    <!-- card-group-item.// -->
 
+
 
+                </div>
 
+                <!-- card.// -->
 
+            </div>
 
+            <!-- /.col-lg-3 -->
 
+            <div class="col-lg-9 col-sm-9 col-12">
 
+                <div class="row">
 
+                    <!-- Loading -->
 
+                    <!-- <div class="col-sm-12" v-show='marcasData.length === 0'>
 
+                        <center>
 
+                            <h3>Cargando Marcas...</h3>
 
+                            <div class="loader loader--style1" title="0">
 
+                                <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
 
+                <path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
 
+                s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
 
+                c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/>
 
+                <path fill="#000" d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
 
+                C22.32,8.481,24.301,9.057,26.013,10.047z">
 
+                <animateTransform attributeType="xml"
 
+                attributeName="transform"
 
+                type="rotate"
 
+                from="0 20 20"
 
+                to="360 20 20"
 
+                dur="0.5s"
 
+                repeatCount="indefinite"/>
 
+              </path>
 
+            </svg>
 
+                            </div>
 
+                        </center>
 
+                    </div> -->
 
+                    <!-- termina loading -->
 
+                    <marcas-component v-for="item in filtro " :key="item.fecha" v-bind:item="item">
 
+                    </marcas-component>
 
+                    <label v-if="filtro.length === 0 "></label>
 
+                </div>
 
+
 
+
 
+            </div>
 
+            <!-- /.row -->
 
+        </div>
 
+        <!-- /.col-lg-9 -->
 
+        <!-- Botón contact -->
 
+        <br><br>
 
+        <div class="text-center">
 
+            <a href="index#contact">
 
+                <button class="button-con button-con1">¿NO ENCONTRASTE TU PRODUCTO? QUIZÁ SI LO TENEMOS ¡CONTÁCTANOS!</button><br><br>
 
+            </a>
 
+        </div>
 
+
 
+    </div>
 
+    <!-- /boton contact -->
 
+    </div>
 
+    <!-- /.row -->
 
+    </div>
 
+    <!-- End Products Area -->
 
+
 
+
 
+    <div class="clearfix"></div>
 
+
 
+    <!-- Start Footer bottom Area -->
 
+    <div class="footer">
 
+        <div class="container">
 
+            <div class="row">
 
+                <div class="col-md-6 text-left pad-re">
 
+                    <p id="fecha">
 
+                    </p>
 
+                </div>
 
+                <div class="col-md-3"></div>
 
+                <div class="col-md-6 text-right pad">
 
+                    <p>
 
+                        Desarrollado y administrado por
 
+                        <a href="http://ittec.mx/">
 
+                            <img src="img/ittec.png" width="80px">
 
+                        </a>
 
+                    </p>
 
+                </div>
 
+            </div>
 
+        </div>
 
+    </div>
 
+
 
+    <script type="text/javascript">
 
+        var dt = new Date();
 
+        var anio = dt.getFullYear();
 
+        document.getElementById('fecha').innerHTML = '@' + anio + ' <strong>Agro Insumos Raké</strong> SPR de RL de CV. Todos los derechos reservados';
 
+    </script>
 
+    <!-- End Footer bottom Area -->
 
+
 
+    <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
 
+
 
+    <style>
 
+        .title2 {
 
+            padding-top: 7%;
 
+        }
 
+        
+        .title2,
 
+        .title3 {
 
+            font-family: "Open Sans" !important;
 
+        }
 
+        
+        #filtro {
 
+            background: #f2f2f2;
 
+        }
 
+        
+        #filtroText {
 
+            text-align: center;
 
+            padding: 8px 1px 5px 0px;
 
+            background: #0e8a51 !important;
 
+            box-shadow: 0px 5px 10px 0px #c6c6c6;
 
+        }
 
+        
+        #filtroText h5 {
 
+            color: white;
 
+        }
 
+        
+        .card {
 
+            position: relative;
 
+            display: -ms-flexbox;
 
+            display: flex;
 
+            -ms-flex-direction: column;
 
+            flex-direction: column;
 
+            min-width: 0;
 
+            word-wrap: break-word;
 
+            background-color: rgba(255, 255, 255, 0.93);
 
+            background-clip: border-box;
 
+            border: 1px solid rgba(0, 0, 0, .125);
 
+            border-radius: .25rem;
 
+            margin-bottom: 5%;
 
+            transition: box-shadow 0.3s ease-in-out
 
+        }
 
+        
+        .card:hover {
 
+            box-shadow: 2px 9px 14px 0px #d8cccc;
 
+        }
 
+        
+        .card-img-top {
 
+            width: 100%;
 
+            border-top-left-radius: calc(.25rem - 1px);
 
+            border-top-right-radius: calc(.25rem - 1px);
 
+        }
 
+        
+        .card-footer {
 
+            text-decoration: none;
 
+            padding: .75rem 1.25rem;
 
+            background-color: #00713b;
 
+            border-top: 1px solid rgba(0, 0, 0, .125);
 
+            text-align: center;
 
+            color: #fff;
 
+            padding: 10px;
 
+        }
 
+    </style>
 
+
 
+    <script>
 
+        Vue.component('marcas-component', {
 
+            props: ['item'],
 
+            template: `
 
+    <div class='col-lg-4 col-md-6 col-sm-6 col-xs-6'>
 
+    <div class='card h-100'>
 
+    <a :href='item.url'>
 
+    <img class='card-img-top' :src='item.img' style="padding:2px">
 
+    <div class='card-footer text-center text-white'> Ver productos
 
+    </div>
 
+    </a>
 
+    </div>
 
+    </div>
 
+    `
 
+        });
 
+
 
+        var marcasVue1 = new Vue({
 
+            el: '#marcas',
 
+            data: {
 
+                marcasData: [],
 
+                search: ''
 
+            },
 
+            mounted() {
 
+                axios.get("./shared/data/marcas.json")
 
+                    .then(response => {
 
+                        this.marcasData = response.data
 
+                    })
 
+            },
 
+            computed: {
 
+                filtro: function() {
 
+                    return this.marcasData.filter((item) => {
 
+                        return item.titulo.toLowerCase().match(this.search.toLowerCase());
 
+
 
+                    });
 
+                }
 
+
 
+            }
 
+        });
 
+    </script>
 
+
 
+    <!-- JavaScript Libraries -->
 
+    <script src="lib/jquery/jquery.min.js"></script>
 
+    <script src="lib/bootstrap/js/bootstrap.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>
 
+
 
+    <!-- Contact Form JavaScript File -->
 
+    <script src="contactform/contactform.js"></script>
 
+    <script src="js/main.js"></script>
 
+
 
+    <!-- All Round Gothic -->
 
+</body>
 
+
 
+</html>