<!DOCTYPE html>
<html lang="es-MX">
<head>
<meta charset="utf-8">
<title>Útiles Escolares | School Store</title>
<meta name="description" content="Página para compra de paquetes de Útiles escolares, Uniformes y Desayunos para Alumnos de Maternal, Kinder, Primaria, Secundaria del Colegio Educación Alive." />
<meta name="keywords" content="utiles escolares, utiles escolares primaria, utiles escolares secundaria, utiles escolares kinder, utiles escolares completo, paquete de utiles escolares, paquetes de utiles escolares, utiles escolares cdmx,  utiles escolares df, utiles escolares ciudad de mexico, necesito utiles escolares, comprar utiles escolares." />
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="archivos/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="archivos/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="archivos/favicon/favicon-16x16.png">
<link rel="manifest" href="archivos/favicon/site.webmanifest">
<link rel="mask-icon" href="archivos/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
<link href="css/revolution-slider.css" rel="stylesheet">
<link href="css/slick-theme.css" rel="stylesheet">
<link href="css/slick.css" rel="stylesheet">
<link href="css/owl.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->


<!-- Favicon -->

<!-- End -->

</head>

<body>

  <?php 
    include ('header.php');
   ?>
  
  <section class="bar-section">
    <div class="container">
      <h2 class="l-blanca p-no-margin"><span><img src="archivos/icons/icon-utiles.svg" style="width: 50px; margin-right: 15px;" alt="Uniforme escolar"></span>ÚTILES ESCOLARES</h2>
    </div>
  </section>
  <section class="paquetes pt-80">
    <div class="container">
      <div class="row">
        <div class="col-md-9 wow pulse" data-wow-duration="1.5s">
          <div class="owl-carousel carousel-paquetes owl-nav-disabled">
            <div class="item">
              <img src="archivos/utiles/utiles.jpg" alt="">
            </div>
          </div>
        </div>
        <div class="col-md-3 cont-paquetes wow fadeInDown" data-wow-duration="1s" data-wow-delay=".2s">
          <p class="pb-20 l-verde fs-25">PAQUETES</p>
          <ul class="list-paquetes">
            <li class=""><a class="l-gris" href="uniformes.php">UNIFORMES ESCOLARES</a></li>
            <li class=""><a class="l-azul w-600" href="utiles-escolares.php">ÚTILES ESCOLARES</a></li>
            <li class=""><a class="l-gris" href="desayunos.php">DESAYUNO DIARIO</a></li>
          </ul>
        </div>
      </div>
    </div>
  </section>
  <section class="ptb-80 bdr-1">
    <div class="container">
      <div class="row">
        <div class="col-md-12 wow fadeInDown" data-wow-duration="1s" data-wow-delay=".2s">
          <p class="fs-25 l-azul mb-30">PAQUETE DE ÚTILES ESCOLARES</p>
          <p class="mb-30 l-gris">Adquiere el paquete de útiles escolares y artículos de higiene personal completo, ahorra tiempo y traslados.</p>
          <p class="mb-30 l-gris">Consulta el contenido de cada paquete:</p>
        </div>
      </div>
      <div class="row">
        <div class="col-md-4 mb-30 wow fadeInDown" data-wow-duration="1s" data-wow-delay=".2s">
            <ul style="list-style: none;">
              <a target="_blank" href="archivos/pdf/MATERNAL1.pdf">
                <li class="list-downloads">MATERNAL 1</li>
              </a>
              <a target="_blank" href="archivos/pdf/MATERNAL2.pdf">
                <li class="list-downloads">MATERNAL 2</li>
              </a>
              <a target="_blank" href="archivos/pdf/KINDER1.pdf">
                <li class="list-downloads">KINDER 1</li>
              </a>
              <a target="_blank" href="archivos/pdf/KINDER2.pdf">
                <li class="list-downloads">KINDER 2</li>
              </a>
              <a target="_blank" href="archivos/pdf/KINDER3.pdf">
                <li class="list-downloads">KINDER 3</li>
              </a>
            </ul>
        </div>
        <div class="col-md-4 mb-30 wow fadeInDown" data-wow-duration="1s" data-wow-delay=".2s">
            <ul style="list-style: none;">
              <a target="_blank" href="archivos/pdf/PRIMARIA1.pdf">
                <li class="list-downloads">PRIMARIA 1</li>
              </a>
              <a target="_blank" href="archivos/pdf/PRIMARIA2.pdf">
                <li class="list-downloads">PRIMARIA 2</li>
              </a>
              <a target="_blank" href="archivos/pdf/PRIMARIA3.pdf">
                <li class="list-downloads">PRIMARIA 3</li>
              </a>
              <a target="_blank" href="archivos/pdf/PRIMARIA4.pdf">
                <li class="list-downloads">PRIMARIA 4</li>
              </a>
              <a target="_blank" href="archivos/pdf/PRIMARIA5.pdf">
                <li class="list-downloads">PRIMARIA 5</li>
              </a>
              <a target="_blank" href="archivos/pdf/PRIMARIA6.pdf">
                <li class="list-downloads">PRIMARIA 6</li>
              </a>
            </ul>
        </div>
        <div class="col-md-4 mb-30 wow fadeInDown" data-wow-duration="1s" data-wow-delay=".2s">
            <ul style="list-style: none;">
              <a target="_blank" href="archivos/pdf/SECUNDARIA1.pdf">
                <li class="list-downloads">SECUNDARIA 1</li>
              </a>
              <a target="_blank" href="archivos/pdf/SECUNDARIA2.pdf">
                <li class="list-downloads">SECUNDARIA 2</li>
              </a>
              <a target="_blank" href="archivos/pdf/SECUNDARIA3.pdf">
                <li class="list-downloads">SECUNDARIA 3</li>
              </a>
            </ul>
        </div>
        <div class="col-md-12 wow fadeInDown" data-wow-duration="1s" data-wow-delay=".2s">
          <p class="l-gris">Acude a recepción del colegio para comprar cualquiera de los paquetes.</p>
        </div>
      </div>
    </div>
  </section>


  <?php 
    include('footer.php');
   ?>


  <script src="js/jquery.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/owl.carousel.min.js"></script>
  <script src="js/jquery.magnific-popup.min.js"></script>
  <script src="js/script.js"></script>
  <script src="js/slick.min.js"></script>
  <script src="js/revolution.min.js"></script>
  <script src="js/wow.js"></script>
  <script>
    new WOW(
      {
        offset: 100
      }).init();
  </script>
</body>
</html>
