<!--
  Claudio Vidal <claudio.vidal@kaver-consulting.com>
-->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Kaver web page">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Kaver Consulting</title>

    <!-- Add to homescreen -->
    <link rel="manifest" href="">

    <!-- Fallback to homescreen for Chrome <39 on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="application-name" content="KaverTI">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="KaverTI">
    <link rel="apple-touch-icon" href="images/ios-desktop.png">

    <meta name="theme-color" content="#024157">
      
    <link rel="shortcut icon" href="images/favicon.png" />

    <!-- Page styles -->
    <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.5/material.orange-purple.min.css" />
      
    <!-- Fonts -->
    <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
      
    <!-- My styles -->
    <link rel="stylesheet" href="css/styles_v2.css">
    
  </head>
  <body>
      
     <!--[if !IE]><!-->
     <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header" style="overflow:hidden;">
       <div class="kaver-exito-modal-container kaver-modal-container mdl-grid">
          <div class="mdl-cell mdl-cell--8-col mdl-shadow--3dp">
              <div class="kaver-exito-modal-card-title mdl-card__title" style="background-image: url('')">
                  <h2 class="kaver-exito-modal-title mdl-card__title-text"></h2>
              </div>
              <div class="kaver-exito-modal-text kaver-modal-text"></div>
              <div class="mdl-card__menu kaver-modal-close">
                  <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
                      <i class="material-icons">&#xE5CD;</i>
                  </button>
              </div>
          </div>
      </div>
      
      <header class="kaver-header mdl-layout__header mdl-layout__header--waterfall">
        <div class="kaver-navigation-drawer-button mdl-layout__drawer-button">
          <i class="material-icons">&#xE5D2;</i>
        </div>
        <div class="kaver-header mdl-layout__header-row">
            <span class="kaver-landing-title mdl-layout-title">
                <a href="#top" class="kaver-scrolling-link"><img class="kaver-logo-image" src="images/kaver.svg"></a>
            </span>
        </div>
        
        <script>
            function selectMenu() {
                $('nav a').on('click',function(){
                    $('nav a').removeClass('current');
                    $(this).addClass('current');
                });
            }; 
        </script>
        <!-- Navigation -->
        <div class="navigation-container">
          <nav class="navigation mdl-navigation" onclick="selectMenu()">
            <a class="kaver-scrolling-link kaver-navigation-link mdl-navigation__link mdl-typography--text-uppercase current" href="index.html?#quienes-somos">Quienes Somos</a>
            <a class="kaver-scrolling-link kaver-navigation-link mdl-navigation__link mdl-typography--text-uppercase" href="index.html?#que-hacemos">Que Hacemos</a>
            <a class="kaver-scrolling-link kaver-navigation-link mdl-navigation__link mdl-typography--text-uppercase" href="index.html?#clientes">Clientes</a>
            <a class="kaver-scrolling-link kaver-navigation-link mdl-navigation__link mdl-typography--text-uppercase" href="index.html?#busquedas">Busquedas Activas</a>
            <a class="kaver-scrolling-link kaver-navigation-link mdl-navigation__link mdl-typography--text-uppercase" href="index.html?#contacto">Contacto</a>
          </nav>
        </div>

        <button id="language-menu" class="kaver-language-menu mdl-button mdl-js-button mdl-button--icon">
            <i class="material-icons">&#xE894;</i>
        </button>
        <ul for="language-menu" class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect">
            <li class="mdl-menu__item kaver-change-language" data-lang="es">Espa&ntilde;ol</li>
            <li class="mdl-menu__item kaver-change-language" data-lang="en">English</li>
        </ul>
      </header>
      <!--<![endif]-->
      
      <!--[if !IE]><!-->
      <!--
      <div class="kaver-drawer mdl-layout__drawer">
        <span class="mdl-layout-title">
            <a href="#top" class="kaver-scrolling-link"><img class="kaver-logo-image" src="images/kaver.svg"></a>
        </span>
        <nav class="mdl-navigation">
            <a class="mdl-navigation__link mdl-typography--text-uppercase kaver-scrolling-link" href="#quienes-somos">Quienes Somos</a>
            <a class="mdl-navigation__link mdl-typography--text-uppercase kaver-scrolling-link" href="#que-hacemos">Que Hacemos</a>
            <a class="mdl-navigation__link mdl-typography--text-uppercase kaver-scrolling-link" href="#clientes">Clientes</a>
            <a class="mdl-navigation__link mdl-typography--text-uppercase kaver-scrolling-link" href="#busquedas">Busquedas Activas</a>
            <a class="mdl-navigation__link mdl-typography--text-uppercase kaver-scrolling-link" href="#contacto">Contacto</a>
        </nav>
      </div>
      -->
      <!--<![endif]-->
      
      <main class="kaver-content mdl-layout__content">