<!DOCTYPE html>
 <html lang="es">
    <head> 
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Amigo - Mensajeria y transporte</title>
        <link href="https://www.amigomensajero.com/css/basic.css" rel="stylesheet" type="text/css"/>
        <link href="https://fonts.googleapis.com/css2?family=Laila:wght@500;600&display=swap" rel="stylesheet">
        <link rel="icon"  href="https://panel.amigomensajero.com/inc/fle/crt/crt_b101041c48f949f346c2812918c59fe6bef6ef60.png"/>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
        <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
        <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
        <script src="https://www.amigomensajero.com//js/js.js"></script>
        <base href="https://www.amigomensajero.com/">
        
    </head>
    <body>
        <header style="background-image: url(https://panel.amigomensajero.com/inc/fle/crt/crt_a13120574626bd28a55ee17bff4df8f871d032f3.jpg);">
	       <div class="__fxd_clr"></div>
	       <div class="wrp"> 
            	<div class="prhdr">
                    <div class="col_2">
                        <ul>
                            <li>
                                <a href="https://www.facebook.com/" target="_blank"><img src="img/facebook.png"></a>
                            </li>
                            <li>
                                <a href="https://www.instagram.com/" target="_blank"><img src="img/instagram.png"></a>
                            </li>
                            <li>
                                <a href="https://wa.me/57" target="blanck"><img src="img/whatsapp.png"></a>
                            </li>
                        </ul>
                    </div>
                    <div class="col_2 __rght">
                        <ul>
                            <li>
                                <a href="/cdn-cgi/l/email-protection#6706171727060a0e00080a020914060d0215084904080a" target="_blank"><span class="__cf_email__" data-cfemail="5b3a2b2b1b3a36323c34363e35283a313e293475383436">[email&#160;protected]</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="wrp __nav">
	            <div class="lgo">
	                <img src="https://panel.amigomensajero.com/inc/fle/crt/crt_b101041c48f949f346c2812918c59fe6bef6ef60.png">
	            </div>
	            <nav>
	                <ul>
	                    <li>
	                        <a href="/"><img src="img/carrera.png?ss"> INICIO</a>
	                    </li>
	                    <li>
	                        <a href="/servicios"><img src="img/negocios-y-finanzas.png"> PIDE TU AMIGO</a>
	                    </li>
	                    <li>
	                        <a href="/nosotros"><img src="img/aplicacion.png"> NOSOTROS</a>
	                    </li>
	                    <li>
	                        <a href="/contacto"><img src="img/charla.png"> CONTACTO</a>
	                    </li>
	                </ul>
	            </nav>
            </div>
            <div class="__bnr_tx">
	            <div class="wrp">
		            <h1>Transporte, Mensajería y Aseo </h1>
		            <!--p>Servicios profesionales</p-->
		            <div class="__btns">
			            <!--a class="_btn" href="/servicios">PIDE TU AMIGO</a-->
			            <a target="_blank" href="https://play.google.com/store/apps/details?id=com.solucionesdw.fh.amigo"><b>Descarga la app y solicita tu servicio</b><br><img src="img/PLAY.png" alt="PLAY" width="250px" height="" /></a>
		            </div>
	            </div>
            </div>
        </div>
        </header>
        <div class="__bnf">
	        <div class="wrp">
		        <h2 style="margin-top: 0;">BENEFICIOS Y VENTAJAS DE USAR AMIGO</h2>
		        <div class="col_3">
			        <img src="img/telefono-movil.png" alt="telefono-movil" width="" height="" style="display: block; margin: 0 auto 15px auto;"  />
			        <b>Consigue la mejor tarifa para tu servicio</b>
		        </div>
		        <div class="col_3">
			        <img src="img/viaje.png" style="display: block; margin: 0 auto 15px auto;" alt="viaje" width="" height="" />
			        <b>Seguimiento en tiempo real mediante geolocalización.</b>
		        </div>
		        <div class="col_3">
			        <img src="img/telefono-inteligente.png" alt="telefono-inteligente" width="" style="display: block; margin: 0 auto 15px auto;" height="" />
			        <b>Todos los servicios en una sola app</b>
		        </div>
	        </div>
        </div>
        <style>
	        .__bnf{
		        width: 100%;
		        text-align: center;
		        background: #7227bb;
		        color: white;
		        padding: 30px 0;
	        }
	        .__bnf .col_3{
		        padding: 0 50px;
	        }
        </style>
        
<div class="art">
	<h2>NUESTRO PORTAFOLIO DE SERVICIOS</h2>
    <div class="wrp">
	    	   
	        <div class="col_3">
	            <img src="https://panel.amigomensajero.com/inc/fle/srv/srv_d0f9e5059264f1451bf4948f8e01f537ccd5c155.jpg">
	            <h3>Transporte</h3>
	            <div>Transporte en moto o automovil<br></div>
	            <a class="_btn" href="/servicios">MAS INFORMACIÓN</a>
	        </div>                
	    	   
	        <div class="col_3">
	            <img src="https://panel.amigomensajero.com/inc/fle/srv/srv_3b6d727d25f6be5bfa9460948d3fb807ea546152.png">
	            <h3>Mensajeria</h3>
	            <div>Servicio de mensajeria. </div>
	            <a class="_btn" href="/servicios">MAS INFORMACIÓN</a>
	        </div>                
	    	   
	        <div class="col_3">
	            <img src="https://panel.amigomensajero.com/inc/fle/srv/srv_327e4546e7570513f3461aeaadec2cc09100b786.png">
	            <h3>Aseo</h3>
	            <div>Solicita tu servicio. </div>
	            <a class="_btn" href="/servicios">MAS INFORMACIÓN</a>
	        </div>                
	    	   
	        <div class="col_3">
	            <img src="https://panel.amigomensajero.com/inc/fle/srv/srv_859490c6fbb0821be7b25fadf2bd64119068bc1c.png">
	            <h3>Mensajer&iacute;a por 4 Horas</h3>
	            <div>Servicio calificado de de mensajeria por horas </div>
	            <a class="_btn" href="/servicios">MAS INFORMACIÓN</a>
	        </div>                
	    	   
	        <div class="col_3">
	            <img src="https://panel.amigomensajero.com/inc/fle/srv/srv_168168fa1cb78ff5333f194bc81c2a79a5352012.png">
	            <h3>Mensajer&iacute;a por 8 Horas</h3>
	            <div>Servicio de mensajeria por 8 Horas</div>
	            <a class="_btn" href="/servicios">MAS INFORMACIÓN</a>
	        </div>                
	        </div>
</div>
<div class="__frm_cntc">
    <div class="frm_ini">
        <h2>Contáctanos</h2>
        <div class="col_2 lft">
            <form id="__fm_cntct" class="__fm_cntct">
                <div class="_dv_inp __dv_inp_usr_nm"><label class="__lbl_inp_usr_nm">Nombre *</label><input class="usr_nm __inp rqrd_tx"    type="text" placeholder="Nombre *" id="usr_nm" name="usr_nm" value=""></div>                <div class="_dv_inp __dv_inp_usr_eml"><label class="__lbl_inp_usr_eml">Email *</label><input class="usr_eml __inp rqrd_eml"    type="email" placeholder="Email *" id="usr_eml" name="usr_eml" value=""></div>                <div class="_dv_inp __dv_inp_usr_tel"><label class="__lbl_inp_usr_tel">Teléfono *</label><input class="usr_tel __inp rqrd_tx"    type="text" placeholder="Teléfono *" id="usr_tel" name="usr_tel" value=""></div>                <div class="_dv_inp __dv_inp_usr_msj"><label class="__lbl_inp_usr_msj">Mensaje</label><textarea class="usr_msj __inp rqrd_tx"     placeholder="Mensaje" id="usr_msj" name="usr_msj"></textarea></div>                <input class="__btn_frm _btn "    type="button" placeholder="ENVIAR" id="____btn" name="____btn" value="ENVIAR">            </form>
            <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
                $('.__btn_frm').click(function () {
                    if (ValFm("__fm_cntct")) {
                        $.ajax({
                            type: 'POST',
                            url: '../../../../prc/crg.php?_t=cnt&_v=new',
                            processData: false,
                            contentType: false,
                            beforeSend: function () {
                                $(".__fm_cntct").css("opacity", "0.7");
                            },
                            data: new FormData($('#__fm_cntct')[0]),
                            success: function (rsp) {
                                var r = JSON.parse(rsp)
                                if (r.rs == 'ok') {
                                    swal("Mensaje enviado exitosamente", "Le contactaremos lo antes posible", "Success");
                                    location.reload();
                                } else {
                                    $(".__fm_cntct").css("opacity", "1");
                                    swal("Error de envío", "", "error");

                                }
                            }
                        });
                    }
                });
            </script>
        </div>
    </div>
</div>

        <footer>
            <div class="col_3">
                <h2>DATOS DE CONTACTO</h2>
                <p> </p>
                <ul>
                    <li>
                        <a href="#"></a>
                    </li>
                    <li>
                        <a href="#">Whatsapp: </a>
                    </li>
                    <li>
                        <a href="/cdn-cgi/l/email-protection#f6978686b6979b9f91999b939885979c938499d895999b"><span class="__cf_email__" data-cfemail="d5b4a5a595b4b8bcb2bab8b0bba6b4bfb0a7bafbb6bab8">[email&#160;protected]</span></a>
                    </li> 
                    <li>
                        <a href="/politica-de-privacidad">Política de privacidad</a>
                    </li> 
                </ul> 
            </div>
            <div class="col_3">
                <h2>Visitantes - AmiGO</h2>
                <a href="https://www.contadorvisitasgratis.com" title="contador de visitas"><img src="https://counter3.stat.ovh/private/contadorvisitasgratis.php?c=qkgkgcfnb7t9cs2hym2q8qn39hyuxsbl" border="0" title="contador de visitas" alt="contador de visitas"></a>
            </div>
            <div class="col_3">
                <h2>SERVICIOS</h2>
                					<p>Transporte</p>              
			    					<p>Mensajeria</p>              
			    					<p>Aseo</p>              
			    					<p>Mensajer&iacute;a por 4 Horas</p>              
			    					<p>Mensajer&iacute;a por 8 Horas</p>              
			                </div>
            <div class="__crdts">
                <div class="col_2">
                    <p>Todos los derechos reservados 2020</p>
                </div>
                <div class="col_2">
                    <p>Desarrollado por:</p>
                    <a target="_blank" href="https://www.solucionesdw.com/">SolucionesDW <img style="margin-left: 5px;" src="https://www.solucionesdw.com/web/img/logo.png"></a>                    
                </div>
            </div>
        </footer>
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
    <style>
        body{
            font-family: 'Laila', serif;
        }
        header{
	        position: relative;
	        width: 100%;
	        display: block;
	        min-height: 700px;
	        background-size: cover;
	        background-repeat: no-repeat;
	        background-position: center;
	        background-attachment: fixed;
        }
        header .__fxd_clr{
			background-color: #0000009e;
			display: block;
			height: 100%;
			position: absolute;
			width: 100%;
        }
        header .prhdr{
	        padding: 5px 0;
	        z-index: 1;
	        position: relative;
        }
        header .prhdr .col_2.__rght{
	        text-align: right;
        }
        header .prhdr ul{
	        list-style: none;
	        margin: 0;
	        padding: 0;
        }
        header .prhdr ul li{
	        display: inline-block;
	        vertical-align: top;
	        padding: 3px;
        }
        header .prhdr ul a{
	        text-decoration: none;
	        color: white;
        }
        header .prhdr ul li img{
	        max-width: 20px;
	        filter: hue-rotate(60deg) brightness(500%);
        }
        header .__nav{
	        position: relative;
	        z-index: 2;
	        font-weight: bold;
        }
        header .__nav .lgo{
	        width: 15%;
	        display: inline-block;
	        vertical-align: top;
	    }
        header .__nav .lgo img{
	        width: 100%;
	        max-width: 150px;
	        background: white;
	        border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;
        }
        header .__nav nav{
	        width: 84%;
	        display: inline-block;
	        vertical-align: top;
	        text-align: right;
	        padding: 20px 0;
        } 
        header .__nav nav ul{
	        padding: 0;
	        margin: 0;
        }
        header .__nav nav ul li{	        
	        display: inline-block;
	        vertical-align: middle;
	        text-align: right;
        }
        header .__nav nav ul li img{
	        width: 20px;
	        filter: brightness(500%);
        }
        header .__nav nav ul li a{	        
	        color: white;
	        display: block;
	        padding: 10px 20px;
	        text-decoration: none;
        }
        header .__bnr_tx{
	        position: relative;
	        color: white;
	        text-align: center;
	        padding: 7% 0;
	        border-top: 1px solid #7227bb;
        }
        header .__bnr_tx h1{
	        font-size: 54px;
        }
        header .__bnr_tx .__btns{
	        padding: 20px 0;
        }
        .__btns a{
	        color: white;
	        text-decoration: none;
        }
        
        ._btn{
	        display: inline-block;
	        vertical-align: top;
	        margin: 10px 20px;
	        background: #7227bb;
	        font-weight: bold;
	        color: white;
	        padding: 15px 20px;
	        max-width: 200px;
	        text-decoration: none;
	        
        }
        ._btn:hover{
	        background: #7227bb;
        }
        
        ._sld.owl-carousel.owl-theme .item {
            width: 100%;
            height: 600px;
            background-size: cover;
            background-position: center;
        }
        ._sld.owl-carousel.owl-theme .item p{
            font-size: 60px;
            font-family: 'arial';
            font-weight: bold;
            color: #0069e9;
            text-align: left;
            padding: 50px 0 0 50px;
            width: 40%;
            text-shadow: 2px 2px 4px #FFFFFF;
        }

        .__frm_cntc{
            text-align: center;
            background-image: url('img/contrato.jpg');
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
        .__frm_cntc .frm_ini{
            padding: 40px 0;
            width: 70%;
            text-align: center;
            margin: 0 auto;
        }
        .__frm_cntc .frm_ini h2{
            font-size: 50px;
            margin: 0 0 20px 0;
            color: white;
        }
        .__frm_cntc input, textarea{
	        border: 2px solid  #339930;
	        border-radius: 20px 20px 20px 20px;
			-moz-border-radius: 20px 20px 20px 20px;
			-webkit-border-radius: 20px 20px 20px 20px;
        }
        .__frm_cntc input.__btn_frm{
	        background: #339930;
	        color: white;
	        width: 250px;
	        font-size: 17px;
	        margin-left: auto;
	        cursor: pointer;
        }
        .__frm_cntc input.__btn_frm:hover {
	        background: white;
	        color: #339930;
        }
        .art{
	        text-align: center;
            padding: 80px 0;
        }
        .art h2{
	        margin:  0 0 40px 0; 
	        padding: 0;
	        font-size: 32px;
	        color: #7227bb;
	        border-bottom: 1px solid #339930;
        }
        .art .col_3{
            text-align: center;
            padding: 10px;
            margin: 20px 0;
        }
        .art .col_3 img{
            max-width: 70%;
            height: 200px;
            border-radius: 0px 20px 0px 20px;
			-moz-border-radius: 0px 20px 0px 20px;
			-webkit-border-radius: 0px 20px 0px 20px;
        }
        .art .col_3 div{
            padding: 10px 10%;
        }
        .crsml input{
            width: 100%;
            display: block;
            margin-top: 5px;
            padding: 10px;
            border-radius: 20px 20px 20px 20px;
            -moz-border-radius: 20px 20px 20px 20px;
            -webkit-border-radius: 20px 20px 20px 20px;
            border: 2px solid #0069e9;
        }
        .crsml .__btn_clcfrm{
            margin: 30px 0;
            width: 100px;
            border: none;
            background-color: #0069e9;
            color: white;
            font-size: 20px;
            margin-left: auto;
        }
        .crsml .col_2{
            padding: 30px 10%;
        }
        .crsml table{
            text-align: center;
            font-size: 25px;
        }
        .crsml th,td{
            border-bottom: 2px solid #0069e9;
        }
        .crsml{
            padding: 30px 10%;
            border-bottom: 2px solid #0069e9;
            margin: 0;
        }
        .crsml h2{
            text-align: center;
        }
        .crct{
            text-align: center;
            padding: 30px 0;
        }
        .crct .col_2{
            text-align: justify;
            font-size: 20px;

        }
        .crct .col_2 h2{
            text-align: center;
        }
        footer{
            background-color: black;
            color: white;
            text-align: center;
            padding: 70px 0;
        }
        footer a{
            text-decoration: none;
            color: white;
        }
        footer .col_3 ul{
            list-style: none;
        }
        footer .col_3 ul li{
            padding: 10px 0;
        }
        .__crdts .col_2{
            text-align: center;
            font-size: 11px;
        }
        .__crdts .col_2 p{
            display: inline-block;
            vertical-align: middle;
        }
        .__crdts .col_2 img{
            display: inline-block;
            vertical-align: top;
            width: 50px;
            margin-left: 5px;
        }
        @media(max-width: 750px){
            ._sld.owl-carousel.owl-theme .item p{
                font-size: 40px;
                font-family: 'arial';
                font-weight: bold;
                color: #0069e9;
                text-align: left;
                padding: 50px 0 0 50px;
                width: 40%;
                text-shadow: 2px 2px 4px #FFFFFF;
            }
            .art .col_3 img{
                width: 60%;
                height: 100px;
            }
        }
        @media(max-width: 600px){
	        header .prhdr{
		        text-align: center;
	        }
	        header .prhdr .col_2.__rght{
		        text-align: center;
	        }
	        header .__nav .lgo{
		        width: 100%;
		        text-align: center;
		        
	        }
	        header .__nav nav{
		        text-align: center;
		        width: 100%;
		        padding: 0;
	        }
            ._sld.owl-carousel.owl-theme .item p{
                font-size: 30px;
                font-family: 'arial';
                font-weight: bold;
                color: #0069e9;
                text-align: justify;
                padding: 50px 0 0 50px;
                width: 40%;
                text-shadow: 2px 2px 4px #FFFFFF;
            }
            .col_3, .col_2, .col_4{
                width: 100%;
            }
            .art .col_3 img{
                width: 60%;
                
            }
            .crct p{
                padding: 0 40px;
            }
            .__frm_cntc .frm_ini .col_2.rgth p{
                padding: 0 20px;
            }
            header nav ul{
                padding: 0;
            }
            header nav ul li{
                padding: 5px 0;
            }
            .crsml .col_2{
                padding: 0;
            }
            footer .col_3 ul{
                padding: 0;
            }
            footer p{
                padding: 0 40px;
            }
        }
    </style>
    <!-- GetButton.io widget >
    <script type="text/javascript">
        (function () {
            var options = {
                whatsapp: "+57 ", 
                call: "+57 ", 
                call_to_action: "Contáctenos.", 
                button_color: "#339930", 
                position: "right", 
                order: "whatsapp,call", 
            };
            var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
            var s = document.createElement('script');
            s.type = 'text/javascript';
            s.async = true;
            s.src = url + '/widget-send-button/js/init.js';
            s.onload = function () {
                WhWidgetSendButton.init(host, proto, options);
            };
            var x = document.getElementsByTagName('script')[0];
            x.parentNode.insertBefore(s, x);
        })();
    </script>
    <!-- /GetButton.io widget -->
</html>
