<!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Scada Oneview Login</title>
   	<link rel="stylesheet" href="/app/core/css/bootstrap.min.css">
    <link rel="stylesheet" href="/app/login/pages/login.css">
    <link rel="stylesheet" href="/app/core/css/ionicons.min.css">
    <script src="/app/core/js/ThreeWebGL.js"></script>
    <script src="/app/core/js/ThreeExtras.js"></script>

</head>
<body class="login-page">
   <script id="vs" type="x-shader/x-vertex">
      varying vec2 vUv; 
      void main() {
          vUv = uv;
          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
      }
  </script>
  <script id="fs" type="x-shader/x-fragment">
      uniform sampler2D map;
      uniform vec3 fogColor;
      uniform float fogNear;
      uniform float fogFar;
      varying vec2 vUv;
      void main() {
          float depth = gl_FragCoord.z / gl_FragCoord.w;
          float fogFactor = smoothstep( fogNear, fogFar, depth );
          gl_FragColor = texture2D( map, vUv );
          gl_FragColor.w *= pow( gl_FragCoord.z, 20.0 );
          gl_FragColor = mix( gl_FragColor, vec4( fogColor, gl_FragColor.w ), fogFactor );
      }
  </script>
  <div style="height:0px;"><canvas id="panel" width="10" height="1"></canvas></div>
  <script type="text/javascript" src="/app/core/js/clouds.js"></script>

<div class="login-box">
  <div class="login-logo">
    <a href="/">
      <img src="/app/core/images/scada.svg" alt="Scada International">
    </a>
  </div>
  <div class="login-box-body">
    <div class="row login-header top">
      <div class="col-6">
    <p>Sign in to start your session</p></div>
<div class="col-6 text-right">    <p>22:32 GMT</p></div>
      </div>

    <form action="/" class="form-element">
      <div class="form-group has-feedback">
        <input type="login" class="form-control" placeholder="Login">
        <span class="ion ion-person form-control-feedback"></span>
      </div>
      <div class="form-group has-feedback">
        <input type="password" class="form-control" placeholder="Password">
        <span class="ion ion-locked form-control-feedback"></span>
      </div>
      <div class="row">
        <div class="col-12 text-center">
          <button type="submit" class="btn btn-info btn-block margin-top-10">SIGN IN</button>
        </div>
      </div>

      <div class="row login-header bottom">
          <div class="col-12">
          <h6>Server details</h6>
          <p>Software version xx.xxx, Client software version xx.xx, Client type
              Owner, Asset list…
              </p>
          </div>
        </div>
    </form>

   


  </div>
</div>
</body></html>