| 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/quattromg/ |
Upload File : |
<!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>Quattro Marketing Group</title>
<!-- Compiled and minified CSS MaterializeCss-->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/css/materialize.min.css"> -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<video loop muted autoplay poster="assets/imgs/bg_long.jpg">
<source src="assets/video/bg.mp4" type="video/mp4">
</video>
<main>
<div class="container-custom">
<div id="top" class="row scroll section scrollspy">
<header>
<nav class="transparent z-depth-0 ">
<div class="nav-wrapper">
<ul id="nav-mobile-right" class="left hide-on-small-and-down">
<li><img src="assets/imgs/mas.png" alt=""></li>
</ul>
<ul id="nav-mobile-left" class="right hide-on-small-and-down">
<li><img src="assets/imgs/logo.png" alt=""></li>
<li><a href="#servicios">Servicios</a></li>
<li><a href="#theteam">The Team</a></li>
<li><a href="#contact">Client</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</nav>
</header>
<div id="side-menu" class="col l2">
<div class="col hide-on-small-only m2 l2">
<ul class="table-of-contents">
<li id="a_top"> <a href="#top">01 Home</a> <hr> </li>
<li id="a_servicios"> <a href="#servicios">02 Servicios</a> <hr> </li>
<li id="a_theteam"> <a href="#theteam">03 The Team </a> <hr> </li>
<li id="a_clients"> <a href="#clients">04 Clients </a> </li>
<li id="a_contact"> <a href="#contact">05 Contact </a> </li>
</ul>
</div>
</div>
<div class="headers-main ">
<h1 id="decide" class="right-align h-lg">DECIDE</h1>
<h1 id="commit" class="right-align h-lg">_COMMIT</h1>
<h1 id="succeed" class="right-align h-md">_SUCCEED</h1>
<h1 id="enrich" class="h-sm right-align"><span>"ENRICH YOUR BUSINESS"<span></h1>
</div>
</div>
<div id="servicios" class="row scroll section scrollspy" >
<div id="marketing" class="col l9 push-l2 serv-disp" style="margin-bottom: 15%;">
<div class="col l6" >
<h1 id="title" >{{ marketing.title }}</h1>
<h1 id="sub-title"><span>{{marketing.subTitle}}</span></h1>
<div v-for="spec in marketing.specs" >
<h5 class="specs"><span class="letra">{{$key}}. </span>{{spec}}</h5>
</div>
</div>
</div>
<div id="media" class="col l9 push-l2 serv-disp" style="display: none; margin-bottom: 15%;" >
<div class="col l6">
<h1 id="title" >{{ media.title }}</h1>
<h1 id="sub-title"><span>{{media.subTitle}}</span></h1>
<div v-for="spec in media.specs" >
<h5 class="specs"><span class="letra">{{$key}}. </span>{{spec}}</h5>
</div>
</div>
</div>
<div id="communication" class="col l9 push-l2 serv-disp" style="display: none; margin-bottom: 15%;" >
<div class="col l6 " >
<h1 id="title" >{{ communication.title }}</h1>
<h1 id="sub-title"><span>{{communication.subTitle}}</span></h1>
<div v-for="spec in communication.specs" >
<h5 class="specs"><span class="letra">{{$key}}. </span>{{spec}}</h5>
</div>
</div>
</div>
<div id="design_branding" class="col l9 push-l2 serv-disp" style="display: none; margin-bottom: 15%;" >
<div v-for="db in design_branding" class="col l4" >
<h1 class="{{db.styleObject}}" id="title" >{{ db.title }}</h1>
<h1 class="" id="sub-title" v-bind:style="db.styleObject"><span>{{db.subTitle}}</span></h1>
<div v-for="spec in db.specs" >
<h5 class="specs"><span class="letra">{{$key}}. </span>{{spec}}</h5>
</div>
</div>
</div>
<div id="digital" class="col l9 push-l2 serv-disp" style="display: none; margin-bottom: 15%;" >
<div v-for="d in digital" class="col l4" style="margin-left: -30px;" >
<h1 id="title" style="position:absolute;" >{{ d.title }}</h1>
<h1 class="" id="sub-title" style="margin-top: 86px;"><span>{{d.subTitle}}</span></h1>
<div v-for="spec in d.specs" style="font-size: 1em;">
<h5 class="specs"><span class="letra">{{$key}}. </span>{{spec}}</h5>
</div>
</div>
</div>
<div id="soc_media" class="col l9 push-l2 serv-disp" style="display: none; margin-bottom: 15%;" >
<div class="col l6" >
<h1 id="title" >{{ soc_media.title }}</h1>
<h1 id="sub-title"><span style="padding: 0 230px;">{{soc_media.subTitle}}</span></h1>
<div v-for="spec in soc_media.specs" >
<h5 class="specs"><span class="letra">{{$key}}. </span>{{spec}}</h5>
</div>
</div>
</div>
<div id="spaces" class="col l9 push-l2 serv-disp" style="display: none; margin-bottom: 15%;">
<div class="col l7" >
<h1 id="title" >{{ spaces.title }}</h1>
<h1 id="sub-title"><span >{{spaces.subTitle}}</span></h1>
<div v-for="spec in spaces.specs" >
<h5 class="specs"><span class="letra">{{$key}}. </span>{{spec}}</h5>
</div>
</div>
</div>
<div id="ser_vicio" class="col l3 right-align">
<h1 class="right-align"><span>_</span>SER</h1>
<h1 id="vicio" class="right-align">VICES</h1>
</div>
<ul class="col l10 push-l2" id="serv-menu">
<li><a href="#servicios" id="marketings" class="menu-active" >MARKETING</a></li>
<li><a href="#servicios" id="communications">COMMUNICATION</a></li>
<li><a href="#servicios" id="design_brandings">DESIGN & BRANDING</a></li>
<li><a href="#servicios" id="spacess">SPACES</a></li>
<li><a href="#servicios" id="digitals">DIGITAL</a></li>
<li><a href="#servicios" id="medias">MEDIA</a></li>
<li><a href="#servicios" id="soc_medias">SOCIAL MEDIA</a></li>
</ul>
</div>
<div class="row scroll section scrollspy" id="theteam" style="margin-top:150px;">
<br>
<h1 class="right-align"><span>_</span>MEET THE TEAM</h1>
<div id="imgs" class="col l10 push-l2" >
<img v-for="src in imgs" class="circle responsive-img " src="{{src}}" alt="">
</div>
</div>
<div class="row scroll section scrollspy" id="clients">
<br>
<h1 class="right-align"><span>_</span>THE CLIENTS</h1>
<div id="imgs" class="col l10 push-l2" >
<img v-for="src in imgs" class="circle responsive-img " src="{{src}}" alt="">
</div>
</div>
<div class="row scroll section scrollspy" id="contact">
<h1 id="cont" class="right-align h-lg">CONTACT</h1>
<h1 id="us" class="right-align h-lg"><span>_</span>US</h1>
<p class="right-align">
Av. de los Sabinos #196 Los Pinos C.P. 21260, <br>
Mexicali, B.C. México Tel. +52 (686) 554 0515 <br>
contacto@quattromg.com
</p>
</div>
<footer>
<div id="footer" class="row">
<ul class="right-align">
<!-- <li><a href=""><i class="fa fa-twitter" aria-hidden="true"></i></a></li> -->
<li><a href="https://www.instagram.com/quattro_mg/"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="https://www.facebook.com/QuattroMktGroup/"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
</ul>
</div>
</footer>
</div>
</main>
<!-- Compiled and minified JavaScript -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="assets/js/isOnScreen.js"></script>
<script src="assets/js/events.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.6/js/materialize.min.js"></script>
<script src="https://use.fontawesome.com/9e15e91d89.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script>
<script src="assets/js/vue/servicios.js"></script>
<script>
// console.log($('#top').isOnScreen(.5,.5));
// console.log($('#servicios').isOnScreen(.5,.5));
</script>
</body>
</html>