<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>GRUPO AGROMX</title>
	<link rel="shortcut icon" href="../assets/icon/icono.png" type="image/x-icon">
	<link rel="stylesheet" href="../css/generales.css">
	<link rel="stylesheet" href="../css/styles-header.css">
	<link rel="stylesheet" href="../css/styles.css">
	<link rel="stylesheet" href="../css/styles-footer.css">
  <link rel="stylesheet" href="css-mq/style-maq-ligera.css">
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap" rel="stylesheet">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/locale/es.min.js"></script>	 
</head>

<body>

  <header>
    <?php
    require_once('headers/header-mq.php');
    ?>
  </header>
 <!-- VIDEO -->
 <div>
	<video autoplay muted loop>
			<source src="https://agromx.com.mx/v2023-2/assets/media/video.mp4" type="video/mp4">
			Tu navegador no soporta video en html5
	</video>
</div>

<div class="bg-video"></div>
<!-- FIN DEL VIDEO -->

<!-- SLOGAN -->
<div class="banner-mq">	</div>

<!-- pleca -->
<div class="pleca-1" >
<img src="../assets/img/pleca-1.svg" >
</div>

<!-- titulo -->

<section>
  <div class="titulos">
    <div class="sub-tit"><h3>Maquinaria</h3></div>
    <div><h2> Ligera</h2></div>
</div>
</section>
<!-- menu maquinaria ligera -->

<div class="cont-banner-mq">

	<div class="btn-bannermq">
		<a href="https://agromx.com.mx/v2023-2/maquinaria-ligera/as.php">
			<button class="button-mq">
			<img src="https://agromx.com.mx/v2023/img/01-banner-as.png" alt="as">
			</button>
		</a>
	</div>
	
	<div class="btn-bannermq">
		<a href="https://agromx.com.mx/v2023-2/maquinaria-ligera/aosheng.php">
			<button class="button-mq">
			<img src="https://agromx.com.mx/v2023/img/02-banner-aosheng.png" alt="aosheng">
			</button>
		</a>	
	</div>

	<div class="btn-bannermq">
		<a href="https://agromx.com.mx/v2023-2/maquinaria-ligera/beemach.php">
			<button class="button-mq">
			<img src="https://agromx.com.mx/v2023/img/03-banner-beemach.png" alt="beemach">
			</button>
		</a>	
	</div>

</div>

<!-- footer -->

<div>
<?php
    require_once('footer.php');
    ?>
</div>


<script src="main.js"></script>
<script type="text/javascript">
	window.addEventListener("scroll", function(){
		var header = document.querySelector("header"); header.classList.toggle("abajo", window.scrollY>0);
	})
</script>
</body>