JeanBenitez
/
SitioWebRake


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353
							<!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>