<!DOCTYPE html>
<!--
 * A Design by GraphBerry
 * Author: GraphBerry
 * Author URL: http://graphberry.com
 * License: http://graphberry.com/pages/license
-->
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Quaxar | Community and Loyalty Solutions</title>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" href="css/bootstrap.css">
	<link rel="stylesheet" href="css/bootstrap-responsive.css">
	<link rel="stylesheet" href="css/font-awesome.css">
	<link rel="stylesheet" href="css/main.css">
     <link rel="stylesheet" type="text/css" href="css/jquery.cslider.css" />
	<link rel="stylesheet" href="css/jquery.bxslider.css">
	<link rel="stylesheet" href="css/style.css">

   
    <script src="js/modernizr.custom.js"></script>
	<!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
     <link rel="shortcut icon" href="img/favicon.png">
     
         <style type="text/css">
           
        @media only screen and (min-width : 320px) {
            /* .mostrar2 {
                width: 45%;
            }*/
			 /* .mostrar{
				width: 49%;*/
				
        }

           
        @media only screen and (min-width : 480px) {
            /*.mostrar2 {
                width: 45%;
            }*/
			 /* .mostrar{
				width: 32.6%;*/
				
        }
		
			.mostrarser{
				width: 50%;
				
        }

           
        @media only screen and (min-width : 768px) {
           /* .mostrar2 {
            }*/
            .mostrar3 {
                width: 30%;
            }
			  .mostrar{
				width: 25%;
        }
		
		 @media only screen and (min-width : 873px) {
			.mostrar{
				width: 20%;
				}
		}
		
			.mostrarser{
				width: ;
				margin-left: ;
				margin-right: ;
        }
        }
		 @media only screen and (min-width : 1000px) {
		  .mostrar{
				width: 16.666%;
        }
		 }

        @media only screen and (max-width : 980px) {
            /*.mostrar2 {
            }*/
            .mostrar3 {
             
            }
			
			.span4 {
                width: 30%;
                padding: 0px;
            }
			li.filter.todos {top: 9px;
    position: relative;
    left: 29px;}
        }
           
        @media only screen and (min-width : 1200px) {
           /* .mostrar2 {
            }*/
            .mostrar3 {
				width: 50%;
			
            }
			.span4 {
                width: 25%;
                padding: 10px;
            }
        }
		@media only screen and (max-width : 1200px) {
		li.filter.todos {top: 9px;
    position: relative;
    left: 29px;}
	}

           
        @media only screen and (min-width : 1200px) {
           /* .mostrar2 {
            }*/
            .mostrar3 {
            }
            .span4 {
                width: 28%;
                padding: 0px;
            }
			
			
        }
		@media only screen and (max-width : 850px) {
		 .span4 { width: 45%;}
		 .mostrar {
    width: 33.3%;
}
div.span4.tercerSpan{margin-left:27.5%;}
div.col-sm-2.tercerSpan{margin-left:27.5%;}
li.span4.mix.loyalty.mostrar2.mostrar3.tercerSpan.mix_all{margin-left:27.5%;}
li.filter.todos {top: 9px;
    position: relative;
    left: 29px;}
		 }
		 
		@media only screen and (max-width : 650px) {
		 .span4 { width: 49%;}		 
		 .mostrar {width: 50%;}
		 }
		 
		 @media only screen and (max-width : 600px) {
ul{padding:0px;}
li.filter.todos {top: 9px;
    position: relative;
    left: 29px;}
		 }
		 		 @media only screen and (max-width : 560px) {
.span4 { width: 70%; margin-left:15%;}	
div.span4.tercerSpan{width: 70%; margin-left:15%;}
li.span4.mix.loyalty.mostrar2.mostrar3.tercerSpan.mix_all {
    margin-left: 15%;
}
li.filter.todos {top: 9px;
    position: relative;
    left: 29px;}
	.slide {padding-left:0px; padding-right:0px;}
		 }
		 
		 @media only screen and (max-width: 736px){
.slide {    max-height: 450px;}}
		 

		 
    </style>
</head>
<body>
	    <div class="loader">
		<div class="project-loader">
			<div class="bubblingG">
				<span id="bubblingG_1"></span>
				<span id="bubblingG_2"></span>
				<span id="bubblingG_3"></span>
			</div>
		</div>
	</div>
	    <div class="loading" id="wrapper">
	
		<!-- Fixed navbar -->
		<div class="navbar navbar-smak navbar">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><i class="fa fa-bars"></i></button>
					<a class="navbar-brand animate" href="index.html"><img src="img/logo.png" alt="logo1"></a>
				</div>
                <!-- Inicio Menu -->
				<div class="navbar-collapse collapse" style="height:0px;">
					<ul class="nav navbar-nav navbar-right animate">
					
						<li><a href="about.html">About us</a></li>
                        <li><a href="services.html">Services</a></li>
						<li><a href="clients.html">Clients</a></li>
                        <li><a href="platforms.html">Platforms</a></li>
						<li><a href="team.html">Team</a></li>
                        <li><a href="entrepeneur.html">Entrepreneurship</a></li>
                       <li><a href="contact.html">Contact us</a></li>
                        <li><a href="blog.html" target="_blank">Blog</a></li>
                        <li><a href="indexESP.html">Spanish</a></li>
                        

                       
					</ul>
				</div>
                <!-- Final Menu -->
				<!--/.nav-collapse -->
			</div>
		</div>
		<div style="position: fixed; z-index: -99; width: 100%; height: 100%"></div>
        
        
        <!-- Inicio Home -->
	    <section id="home" class="home home-fullscreen">
		<div class="slide text-slider-wrapper">
		<div class="container">
	      <ul class="text-slider clearfix">
		  <li class="clearfix">
		    <span class="lead">Quaxar</span>
            <h5 align="center">Our company specializes in generating<br> income through database management,<br> customer relations and  digital contact.<br><br></h5>
	        <a href="nosotrosENG.html" class="btn btn-primary outline-outward">READ MORE</a>
		  </li>
          
		  <li class="clearfix">
            <span class="lead">Data Management</span>
            <h5 align="center">We help you to generate or grow a profitable<br> data base profitable that will become an <br> important asset to your business.<br><br></h5>
			<a href="plataformasENG.html" class="btn btn-primary outline-outward">READ MORE</a>
		  </li>
          
          <li class="clearfix">
		    <span class="lead">Analytics and Big Data</span>
            <h5 align="center">We analyze client profile and customer behavior to<br> identify their value and profitability.<br><br></h5>
			<a href="plataformasENG.html" class="btn btn-primary outline-outward">READ MORE</a>
		  </li>
          <li class="clearfix">
		    <span class="lead">Digital & Social Marketing CRM</span>
            <h5 align="center">We interact with your customers through integrated<br> e-mail marketing & social media campaigns,<br> with the aim of achieving increased engagement<br> and  better brand, product and service positioning.<br><br></h5>
			<a href="plataformasENG.html" class="btn btn-primary outline-outward">READ MORE</a>
		   </li>
           
           <li class="clearfix">
		     <span class="lead">Loyalty Management</span>
             <h5 align="center">We encourage frequent consumption of your<br> products and services through our loyalty platform,<br> strengthening the preference for your brand and increasing sales.<br><br></h5>
			<a href="plataformasENG.html" class="btn btn-primary outline-outward">READ MORE</a>
			</li>
			</ul>
		</div>
		</div>
        </section>  
		<!-- Inicio Home -->
          
        
        <!-- Inicio Footer -->
	<footer>
			<div class="container">
				
			<ul class="social-list">
					<li class="facebook">
						<a href="https://www.facebook.com/Quaxar/?fref=ts" target="_blank"><i class="fa fa-facebook" ></i></a>
					</li>
					<li class="twitter">
                    
                    <a href="https://twitter.com/Quaxar" target="_blank"><i class="fa fa-twitter" ></i></a>
						
					</li>
                    
                    <li class="dribbble">
                    
                    <a href="https://soundcloud.com/quaxar-podcast" target="_blank"><i class="fa fa-microphone" ></i></a>
						
					</li>
					
                    <li class="youtube">
                    
                    <a href="https://www.youtube.com/playlist?list=PL6CDA10129D7A3D1F" target="_blank"><i class="fa fa-youtube" ></i></a>
						
					</li>
					
				</ul>
                <h5>&copy; Copyright Quaxar 2016</h5>
				<a href="#home" class="square-l goup" style="position: relative">
					<span>
						<span class="fa fa-angle-double-up fa-2x"></span>
						<span class="fa fa-angle-double-up fa-2x"></span>
						<span class="fa fa-angle-double-up fa-2x"></span>
						<span class="fa fa-angle-double-up fa-2x"></span>
						<span class="fa fa-angle-double-up fa-2x"></span>
					</span>
				</a>
			</div>
		</footer>
        <!-- Final Footer -->
	</div>
	<!-- Load all jsavascrip files -->
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
    
	<script type="text/javascript" src="js/jquery.bxslider.js"></script>
	<script type="text/javascript" src="js/jquery.label_better.js"></script>
	<script type="text/javascript" src="js/jquery.mixitup.js"></script>
	<script type="text/javascript" src="js/jquery.easypiechart.js"></script>
	<script type="text/javascript" src="js/jquery.inview.js"></script>
	<script type="text/javascript" src="js/countUp.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
    <script type="text/javascript" src="js/jquery.cslider.js"></script>
    <script type="text/javascript" src="js/jquery.placeholder.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
  
  
  <!-- Lighbox-->
		<link href="css/lightbox.css" rel="stylesheet" />
		<script src="js/lightbox.min.js"></script>
        
      <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <script src="appAjax.js"></script>
	<script src="js/grid.js"></script>
	<script>
	$(function() {
		Grid.init();
	});
	</script>
      <script src="css/agency.css"></script>
 <script>
    $('.carousel').carousel({
        interval: 5000 //changes the speed
    })
    </script>
	
	
</body>
</html>