<?php
// Seguridad: Iniciar sesión si no está iniciada
if (session_status() === PHP_SESSION_NONE) {
  session_start();
}
?>
<html style="font-size: 16px;" lang="es"><head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <meta name="keywords" content="​Conoce nuestras tarjetas de Crédito BNM, ACCESO">
    <meta name="description" content="">
    <title>Banco Nacional de Mexico</title>
    <link rel="stylesheet" href="assets/css/nicepage.css" media="screen">
    <link rel="stylesheet" href="assets/css/index.css" media="screen">
    <script class="u-script" type="text/javascript" src="assets/js/jquery.js" defer=""></script>
    <script class="u-script" type="text/javascript" src="assets/js/nicepage.js" defer=""></script>
    <meta name="generator" content="Nicepage 4.13.4, nicepage.com">
    <link rel="icon" type="image/x-icon" href="assets/img/favicon.png">
    <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
    <meta name="theme-color" content="#478ac9">
    <meta property="og:title" content="index">
    <meta property="og:type" content="website">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <meta name="keywords" content="​Conoce nuestras tarjetas de Crédito BNM, ACCESO">
    <meta name="description" content="">
    <title>Banco Nacional de Mexico</title>
    <link rel="stylesheet" href="assets/css/nicepage.css" media="screen">
    <link rel="stylesheet" href="assets/css/index.css" media="screen">
    <!-- Seguridad: Usa siempre HTTPS y atributos de integridad en recursos externos si es posible -->
    <script class="u-script" type="text/javascript" src="assets/js/jquery.js" defer></script>
    <script class="u-script" type="text/javascript" src="assets/js/nicepage.js" defer></script>
    <meta name="generator" content="Nicepage 4.13.4, nicepage.com">
    <link rel="icon" type="image/x-icon" href="assets/img/favicon.png">
    <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i">
  </head>
<body data-home-page="index.php" data-home-page-title="index" class="u-body u-xl-mode">
  <?php
    //idice de ruta
    $indice = '';
    $indice2 = 'src/pages/';
    //añade el contenido del archivo header con funcionalidad php
    include_once 'src/components/header.php';?>
  <section class="u-carousel u-slide u-block-d499-1" id="carousel_a621" data-interval="5000" data-u-ride="carousel">
    <ol class="u-absolute-hcenter u-carousel-indicators u-block-d499-2">
      <li data-u-target="#carousel_a621" class="u-active u-grey-30" data-u-slide-to="0"></li>
      <li data-u-target="#carousel_a621" class="u-grey-30" data-u-slide-to="1"></li>
      <li data-u-target="#carousel_a621" class="u-grey-30" data-u-slide-to="2"></li>
    </ol>
    <div class="u-carousel-inner" role="listbox">
      <div class="u-active u-carousel-item u-clearfix u-gradient u-section-1-1">
        <div class="u-clearfix u-sheet u-sheet-1">
          <h1 class="u-text u-text-default u-text-1"> Conoce nuestras tarjetas de Crédito BNM</h1>
          <img class="u-expanded-width u-hover-feature u-image u-image-default u-image-1" alt="" data-image-width="1296" data-image-height="432" data-animation-name="customAnimationIn" data-animation-duration="1000" src="assets/img/cc.png">
        </div>
      </div>
      <div class="u-carousel-item u-clearfix u-gradient u-section-1-2">
        <div class="u-clearfix u-sheet u-sheet-1">
          <img class="u-image u-image-1" src="assets/img/prestamo.jpg" data-image-width="1200" data-image-height="900" data-animation-name="customAnimationIn" data-animation-duration="5000">
          <h1 class="u-align-center u-text u-text-default u-text-1"> Conoce la oferta<br>de créditos y<br>préstamos en BNM<br></h1>
        </div>
      </div>
      <div class="u-carousel-item u-clearfix u-gradient u-section-1-3">
        <div class="u-clearfix u-sheet u-sheet-1">
          <h1 class="u-align-center u-text u-text-1"> Descubre la mejor opción de ahorro para ti en BNM<br></h1>
            <img class="u-image u-image-1" src="assets/img/bancofinal1.jpg" data-image-width="1200" data-image-height="675" data-animation-name="flipIn" data-animation-duration="1000" data-animation-direction="X">
        </div>
      </div>
    </div>
    <a class="u-absolute-vcenter u-carousel-control u-carousel-control-prev u-text-grey-30 u-block-d499-3" href="#carousel_a621" role="button" data-u-slide="prev">
    <span aria-hidden="true">
    <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
    </span>
    <span class="sr-only">
    <svg viewBox="0 0 451.847 451.847"><path d="M97.141,225.92c0-8.095,3.091-16.192,9.259-22.366L300.689,9.27c12.359-12.359,32.397-12.359,44.751,0
c12.354,12.354,12.354,32.388,0,44.748L173.525,225.92l171.903,171.909c12.354,12.354,12.354,32.391,0,44.744
c-12.354,12.365-32.386,12.365-44.745,0l-194.29-194.281C100.226,242.115,97.141,234.018,97.141,225.92z"></path></svg>
    </span>
    </a>
    <a class="u-absolute-vcenter u-carousel-control u-carousel-control-next u-text-grey-30 u-block-d499-4" href="#carousel_a621" role="button" data-u-slide="next">
    <span aria-hidden="true">
    <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
    </span>
    <span class="sr-only">
    <svg viewBox="0 0 451.846 451.847"><path d="M345.441,248.292L151.154,442.573c-12.359,12.365-32.397,12.365-44.75,0c-12.354-12.354-12.354-32.391,0-44.744
L278.318,225.92L106.409,54.017c-12.354-12.359-12.354-32.394,0-44.748c12.354-12.359,32.391-12.359,44.75,0l194.287,194.284
c6.177,6.18,9.262,14.271,9.262,22.366C354.708,234.018,351.617,242.115,345.441,248.292z"></path></svg>
    </span>
    </a>
  </section>
  <section class="u-clearfix u-image u-section-2" id="sec-e91f" data-image-width="1600" data-image-height="454">
    <div class="u-clearfix u-sheet u-sheet-1">
      <h1 class="u-align-center u-text u-text-default u-text-white u-text-1"> Cuenta en moneda nacional</h1>
    </div>
  </section>
  <section class="u-clearfix u-palette-1-light-3 u-section-3" id="sec-a9e6">
    <div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
      <h2 class="u-text u-text-default u-text-1"> Mejora la administración de tus recursos</h2>
      <h5 class="u-text u-text-default u-text-2"> Tu cuenta de cheques en moneda nacional te permite administrar, a través de los servicios de Banca por Internet, las operaciones financieras de tu empresa:</h5><span class="u-file-icon u-icon u-icon-1"><img src="assets/img/4256900.png" alt=""></span>
      <h5 class="u-text u-text-default u-text-3"> • Evita posibles fraudes<br>• Recibe información precisa para la conciliación bancaria de las operaciones de tu&nbsp;&nbsp;<br>&nbsp; empresa<br>• Escoge la modalidad que más se adecúe a tus necesidades</h5>
    </div>
  </section>
  <section class="u-clearfix u-section-4" id="sec-6410">
    <div class="u-clearfix u-sheet u-sheet-1">
      <h2 class="u-text u-text-default u-text-1"> Sin costo por anualidad</h2>
      <h5 class="u-text u-text-2"> Sin anualidad1, sin comisión por disposición de efectivo2, sin comisión por reposición.<br>
      <br><i></i>Sal de tu deuda y empieza a pagarla 3 meses después. Transfiere el saldo de otras tarjetas bancarias a tu Tarjeta de Crédito BNM3<br>
      <br><i></i>3% de bonificación en los primeros 30 días posteriores a la activación, en compras a partir de&nbsp;6 Meses sin Intereses* en miles de comercios afiliados4</h5>
      <span class="u-file-icon u-icon u-icon-1"><img src="assets/img/390973.png" alt=""></span>
      <span class="u-file-icon u-icon u-icon-2"><img src="assets/img/390973.png" alt=""></span>
      <span class="u-file-icon u-icon u-icon-3"><img src="assets/img/390973.png" alt=""></span>
      <img class="u-image u-image-default u-image-1" src="assets/img/zero.jpg" alt="" data-image-width="460" data-image-height="235">
    </div>
  </section>
  <section class="u-clearfix u-section-5" id="sec-0a19">
    <div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
      <img class="u-image u-image-default u-image-1" src="assets/img/cel.jpg" alt="" data-image-width="450" data-image-height="664">
      <h1 class="u-text u-text-default u-title u-text-1">Banco en Linia</h1>
      <h2 class="u-text u-text-2">Con nuestra plataforma de Banca en Línea, puede verificar sus saldos las 24 horas del día, los 7 días de la semana, transferir fondos entre cuentas, pagar facturas, configurar alertas y más!</h2>
    </div>
  </section>
  <section class="u-clearfix u-section-6" id="sec-73d7">
    <div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
      <div class="u-align-left u-border-3 u-border-color-2-base u-expanded-width u-left-0 u-shape u-shape-1"></div>
        <div class="u-clearfix u-layout-wrap u-layout-wrap-1">
          <div class="u-layout">
            <div class="u-layout-row">
              <div class="u-align-center-sm u-align-center-xs u-align-left-lg u-align-left-md u-align-left-xl u-container-style u-layout-cell u-left-cell u-size-43 u-layout-cell-1">
                <div class="u-container-layout u-valign-middle u-container-layout-1">
                  <h3 class="u-text u-text-default u-text-1">Contacte un Agente y Vive la Experencia</h3>
                  <p class="u-text u-text-2"> Contacta a un especialista de BNM al +52 (559) 549 69 00</p>
                </div>
              </div>
              <div class="u-align-left u-container-style u-layout-cell u-right-cell u-size-17 u-layout-cell-2">
                <div class="u-container-layout u-valign-middle u-container-layout-2">
                  <a href="src/pages/contacto.php" data-page-id="40420343" class="u-border-none u-btn u-button-style u-custom-color-1 u-hover-grey-30 u-btn-1">Agenda una Llamada</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    </section>
    <?php
    //Mostrar el contenido del archivo footer.html
    include_once 'src/components/footer.php';?>
</body></html>