<!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 type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.js"></script>
  <script type="text/javascript" src="/app/core/js/login-min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.4/gsap.min.js"></script>


</head>

<body class="login-page">
  <div class="sky">
    <div class="clouds_two_v2"></div>
    <div class="clouds_one_v2"></div>
  </div>

  <div id="front"></div>

  <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 <span class="ion ion-chevron-down"></span>
            </h6>



            <ul _ngcontent-c44="">
              <li _ngcontent-c44="">Server software version: 3.2.0.7</li>
              <li _ngcontent-c44="">Client software version: 4.0.0</li>
              <li _ngcontent-c44="">Build time: 7/31/18, 11:48 AM</li>
              <li _ngcontent-c44="">Local time: 1:18 PM</li>
              <li _ngcontent-c44="">Time zone: Europe/Copenhagen</li>
              <li _ngcontent-c44="">Owner: Dreamcatcher</li>
              <li _ngcontent-c44="">Number of asserts: 1000</li>
            </ul>
          </div>
      </form>
    </div>
  </div>

<script type="text/javascript">
  gsap.to(".clouds_two_v2", {duration: 800, xPercent: -66});
  gsap.to(".clouds_one_v2", {duration: 600, xPercent: -66});
</script>
</body>

</html>