| Server IP : 52.9.100.119 / Your IP : 216.73.216.135 Web Server : Apache/2.4.61 (Amazon) OpenSSL/1.0.2k-fips PHP/7.3.30 Phusion_Passenger/5.1.5 System : Linux ip-172-31-9-35 4.14.355-196.618.amzn1.x86_64 #1 SMP Mon Apr 7 17:09:50 UTC 2025 x86_64 User : root ( 0) PHP Version : 7.3.30 Disable Function : exec,passthru,shell_exec,system,popen,proc_open MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /data/html/rmzexpress/ |
Upload File : |
<!-- Ejemplo -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>RMZ Express</title>
<!-- LINK CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.min.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!--AOS-->
<link rel="stylesheet" href="https://cdn.rawgit.com/michalsnik/aos/2.0.1/dist/aos.css">
<!-- Slick -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<!-- LINK CSS END -->
</head>
<body>
<nav id="nav-main" class="navbar navbar-inverse navbar-fixed-top">
<div id="top-phone" class="container-fluid">
<div class="pull-left" style="color: black; margin-left: 20px; margin-top: 10px; position: absolute;">
<a href="" style="color: black;">
</a>
</div>
<div id="nav-contact" class="pull-right" id="phone">
<p style="margin-right: 150px;">
<i class="fa fa-envelope"></i>
<span v-if="lang === 'us'" > {{title_us2}} </span>
<span v-else> {{title_mx2}} </span>
</p>
</div>
</div>
<div class="container">
<!-- 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="#menu" 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>
<a class="navbar-brand" href="#"><img src="assets/imgs/logos/logo.png"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div id="menu" class="collapse navbar-collapse navbar-right">
<ul class="nav navbar-nav">
<li><a id="menu_1" href="#bg_2">Services</a></li>
<li><a id="menu_2" href="#about-us">About Us</a></li>
<li><a id="menu_3" href="#team">Our Team</a></li>
<li><a id="menu_4" href="#bg_4">Clients</a></li>
<li><a id="menu_5" href="#industries">Industries</a></li>
<li><a id="menu_6" href="#bg_5">Destinations</a></li>
<li><a id="menu_7" href="#offices">Offices</a></li>
<li><a href="http://www.grupored.com.mx/ramirez_express/"><i class="fa fa-sign-in"></i> Log in</a></li>
<li><a id="lang" data-lang="us"><i class="fa fa-globe"></i><span>US</span></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<main class="container-fluid">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="assets/imgs/principal.jpg" alt="">
</div>
</div>
<!-- Left and right controls -->
<!-- <div id="controls">
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div> -->
</div>
</div>
<section id="main-img" class="cover-img" bg-size="0" parallax="true" bg-pos-y="0" ></section>
<section id="banner-1" class="cover-img" bg-size="10,px" para_usllax="false" color="FDB900">
<p class="re-txt" data-aos="fade-left" size="0.045, 0.035, 0.03, .023" >Over <strong>30 years</strong> of experience</p>
</section>
<section id="servicios" class="cover-img" bg-size="10, %" para_usllax="false" color="000000">
<h1 v-if="lang === 'us'" data-aos="fade-up" class="text-uppercase">{{title_us}}</h1>
<h1 v-else data-aos="fade-up" class="text-uppercase">{{title_mx}}</h1>
<div id="down-arrow"></div>
<div id="Carousel" class="carousel slide" data-ride="carousel">
<!-- Indicators
<ol class="carousel-indicators">
<li data-target="#Carousel" data-slide-to="0" class="active"></li>
<li data-target="#Carousel" data-slide-to="1"></li>
</ol> -->
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<article data-aos="zoom-in" id="services">
<div v-for="(s, i) in serv">
<div :class="s.row">
<div class="col-md-3 col-md-push-0 col-xs-8 col-xs-push-2 icon-serv">
<img class="pull-left" :src="s.img" alt="">
<p v-if="lang === 'us'" class="pull-right">{{s.para_us}}</p>
<p v-else class="pull-right">{{s.para_mx}}</p>
</div>
</div>
</div>
</article>
</div>
<!--<div class="item">
<article data-aos="zoom-in" id="servicios2">
<div v-for="(ss, i) in servs">
<div :class="ss.row">
<div class="col-md-3 col-md-push-0 col-xs-8 col-xs-push-2 icon-serv">
<img class="pull-left" :src="ss.img" alt="">
<p v-if="lang === 'us'" class="pull-right">{{ss.para_us}}</p>
<p v-else class="pull-right">{{ss.para_mx}}</p>
</div>
</div>
</div>
</article>
</div>-->
</div>
</div>
</section>
<section id="about-us" class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1">
<h1 data-aos="fade-up" v-if="lang === 'us'" class="text-uppercase">{{title_us}}</h1>
<h1 data-aos="fade-up" v-else class="text-uppercase">{{title_mx}}</h1>
<div data-aos="fade-up" id="down-arrow"></div>
<p v-if=" lang === 'us' " class="re-txt" size="0.04, 0.035, 0.03, .025">{{para_us}}<br><br> {{para_us2}} </p>
<p v-else class="re-txt" size="0.04, 0.035, 0.03, .025">{{para_mx}} <br><br> {{para_mx2}} </p>
</section>
<section data-aos="fade-zoom-in" class="cover-img" bg-size="3" para_usllax="false" url="assets/imgs/img_banner_about.jpg"></section>
<section id="team" class="container">
<h1 data-aos="fade-down" v-if="lang === 'us'" class="text-uppercase">{{title_us}}</h1>
<h1 data-aos="fade-down" v-else class="text-uppercase">{{title_mx}}</h1>
<div data-aos="fade-down"id="down-arrow"></div>
<article id="our-team" class="row">
<div v-for="(t, i) in team">
<div data-aos="fade-down" class="col-md-3 col-md-push-2 col-xs-8 col-xs-push-2 icon-serv">
<img class="pull-left" :src="t.img" alt="">
<p v-if="lang === 'us'" class="pull-right">{{t.para_us}}</p>
<p v-else class="pull-right">{{t.para_mx}}</p>
</div>
</div>
</article>
<!--<hr id="team-line">
<h1 v-if="lang === 'us'" data-aos="fade-down" class="text-uppercase">{{title_us2}}</h1>
<h1 v-else data-aos="fade-down" class="text-uppercase">{{title_mx2}}</h1>
<div data-aos="fade-down" id="down-arrow"></div>
<article id="equipment" class="center-block carr row" style="width: 100%;">
<div class="col-md-3 eq-slides" v-for="(e, i) in equipment">
<img :src="e.img" width="100%" class="center-block">
<p v-if="lang === 'us'" data-aos="zoom-in" class="text-center bold">{{e.para_us}}</p>
<p v-else data-aos="zoom-in" class="text-center bold">{{e.para_mx}}</p>
<p v-if="lang === 'us'" data-aos="zoom-in" class="text-center">{{e.sub_us}}</p>
<p v-else data-aos="zoom-in" class="text-center">{{e.sub_mx}}</p>
</div>
</article>-->
</section>
<section id="equipment_section" class="cover-img cover-bg-black" bg-size="1" para_usllax="false" url="assets/imgs/img_equipment.jpg">
<h1 v-if="lang === 'us'" data-aos="fade-down" class="text-uppercase equipment_title">{{title_us2}}</h1>
<h1 v-else data-aos="fade-down" class="text-uppercase equipment_title">{{title_mx2}}</h1>
<div data-aos="fade-down" id="down-arrow"></div>
</section>
<section id="equipment_subsection">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 border-r">
<h3 v-if="lang === 'us'" data-aos="zoom-in" class="text-center bold">{{para_us}}</h3>
<h3 v-else data-aos="zoom-in" class="text-center bold">{{para_mx}}</h3>
<p v-if="lang === 'us'" data-aos="zoom-in" class="text-center">{{sub_us}}</p>
<p v-else data-aos="zoom-in" class="text-center">{{sub_mx}}</p>
</div>
<div class="col-md-6">
<h3 v-if="lang === 'us'" data-aos="zoom-in" class="text-center bold">{{para_us2}}</h3>
<h3 v-else data-aos="zoom-in" class="text-center bold">{{para_mx2}}</h3>
<p v-if="lang === 'us'" data-aos="zoom-in" class="text-center">{{sub_us2}}</p>
<p v-else data-aos="zoom-in" class="text-center">{{sub_mx2}}</p>
</div>
</div>
</div>
</section>
<!--<section id="clients" class="cover-img " bg-size="1.8" para_usllax="false" color="000000">
<h1 v-if="lang === 'us'" data-aos="fade-down" class="text-uppercase text-center">{{title_us}}</h1>
<h1 v-else data-aos="fade-down" class="text-uppercase text-center">{{title_mx}}</h1>
<div data-aos="fade-down" id="down-arrow"></div>
<article id="our-clients" class="carrclient row center-block" style="width: 70%;">
<div class="col-sm-1 col-md-1 col-lg-1" v-for="(c, i) in clients">
<img class="center-block" :src="c.img" width="130px" height="auto">
</div>
</article>
</section>-->
<section id="industries" class="container">
<h1 v-if="lang === 'us'" data-aos="fade-zoom-in" class="text-uppercase text-center"> {{title_us}} </h1>
<h1 v-else data-aos="fade-zoom-in" class="text-uppercase text-center"> {{title_mx}} </h1>
<div data-aos="fade-zoom-in" id="down-arrow"></div>
<article id="indu" class="row">
<div data-aos="fade-left" class="col-md-3" v-for="(ind, i) in indu">
<img class="center-block img-ind" :src="ind.img_ind" width="130px" height="auto">
<hr width="30px" class="m-1">
<p v-if="lang === 'us'" data-aos="zoom-in" class="text-center bold">{{ind.img_us}}</p>
<p v-else data-aos="zoom-in" class="text-center bold">{{ind.img_mx}}</p>
</div>
</article>
</section>
<section id="destinations" class="cover-img" bg-size="1" para_usllax="false" url="assets/imgs/back.png">
<div data-aos="fade-right" id="dest" class="pull-left">
<div id="top-arrow"></div>
<h1 v-if="lang === 'us'" class="text-uppercase text-center"><span class="bold">{{title_us1}}</span> <br> {{title_us2}}</h1>
<h1 v-else class="text-uppercase text-center"><span class="bold">{{title_mx1}}</span> <br>{{title_mx2}}</span></h1>
</div>
<img data-aos="fade-left" class="pull-right" src="assets/imgs/map.png" alt="">
</section>
<!--<section class="cover-img" bg-size="4" para_usllax="false" bg-pos-y="-150px" url="assets/imgs/foto_final.png"></section>-->
<section id="offices" class="container">
<h1 v-if="lang === 'us'" data-aos="fade-down" class="text-uppercase text-center">{{title_us}}</h1>
<h1 v-else data-aos="fade-down" class="text-uppercase text-center">{{title_mx}}</h1>
<div data-aos="fade-down" id="down-arrow"></div>
<div class="row text-uppercase">
<div data-aos="fade-right" class="col-md-3 col-md-offset-2 col-xs-6 col-xs-offset-3" style="margin-bottom: 30px;">
<h3 v-if="lang === 'us'" > {{h3_us1}} </h3>
<h3 v-else> {{h3_mx1}} </h3>
<hr style="background-color:#000">
<h4 v-if="lang === 'us'" > {{h4_us1}} </h4>
<h4 v-else> {{h4_mx1}} </h4>
<h4 v-if="lang === 'us'" > {{h4_us2}} </h4>
<h4 v-else> {{h4_mx2}} </h4>
<h4 v-if="lang === 'us'" > {{h4_us3}} </h4>
<h4 v-else> {{h4_mx3}} </h4>
</div>
<div data-aos="fade-left" class="col-md-3 col-md-offset-2 col-xs-6 col-xs-offset-3">
<h3 v-if="lang === 'us'" > {{h3_us2}} </h3>
<h3 v-else> {{h3_mx2}} </h3>
<hr style="background-color:#000">
<h4 v-if="lang === 'us'" > {{h4_us4}} </h4>
<h4 v-else> {{h4_mx4}} </h4>
<h4 v-if="lang === 'us'" > {{h4_us5}} </h4>
<h4 v-else> {{h4_mx5}} </h4>
<h4 v-if="lang === 'us'" > {{h4_us6}} </h4>
<h4 v-else> {{h4_mx6}} </h4>
<h4 v-if="lang === 'us'" > {{h4_us7}} </h4>
<h4 v-else> {{h4_mx7}} </h4>
</div>
</div>
</section>
<section id="footer" class="cover-img" bg-size="4" para_usllax="false" color="000000">
<h6>RamÃrez Express 2018. All rights reserved.</h6>
</section>
</main>
<!-- LINK JS -->
<!-- jquery -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<!-- FontAwsome Icons -->
<script src="https://use.fontawesome.com/8bdbcbcfce.js"></script>
<!-- Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Animate -->
<script src="https://cdn.rawgit.com/michalsnik/aos/2.0.1/dist/aos.js"></script>
<!-- VueJS -->
<script src="https://unpkg.com/vue@2.0.3/dist/vue.js"></script>
<script src="assets/js/vue-data.js"></script>
<!-- ResponsifyJS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-backstretch/2.0.4/jquery.backstretch.min.js"></script>
<script src="assets/js/responsify.min.js"></script>
<!-- Slick -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<script src="assets/js/main.js"></script>
<script>
AOS.init();
</script>
<!-- LINK JS END -->
</body>
</html>