unserver-unify/src/app/login/sglogin.html

<style>
@media (max-width: 600px) {
.sgpower_login{background:url('assets/images/sg_login_mbl_bg.jpg') 0% 0 no-repeat fixed; background-size:cover}
}
.sgpower_login{background:url('assets/images/sg_login_bg.jpg') 0% 0 no-repeat fixed; background-size:cover}
.err_msg{color:red; margin-left: 2%; margin-top: 2%;}
</style>
<div class="overlap_bg sgpower_login" ng-controller="LoginCtrl as ctrl">
  <img class="sg_logo" src="assets/images/sg_logo.png"/>
  <div class="container">
    <div class="col-xs-12 col-sm-8">
    </div>
    <div class="col-xs-12 col-sm-4 sg_form">
      <h2>
        Learning Management System Login
      </h2>
      <br>
        <form class="m-t" ng-submit="loginSubmit()" ng-class='{"shake":shaking}' name="form" novalidate="">
          <div class="form-group" ng-class='{"has-error":form.loginname.$invalid && submitted}'>
            <input class="form-control" name="loginname" ng-model="login.name" ng-change="clearErrorMsg()" placeholder="{{ 'Username' | translate }}" required="" type="text"/>
            <div ng-show="form.loginname.$invalid && submitted" class="err_msg">Username is required</div>
          </div>
          <div class="form-group" ng-class='{"has-error":form.password.$invalid && submitted}'>
            <input class="form-control" name="password" ng-model="login.pass"  ng-change="clearErrorMsg()" placeholder="{{ 'Password' | translate }}" required="" type="password"/>
            <div ng-show="form.password.$invalid && submitted" class="err_msg">Password is required</div>
          </div>
          <div class="form-group font-size-12" style="line-height:26px; margin-bottom:20px;">
            <input ng-model="agreeFlag" type="checkbox"/>
            {{"I have read and agree to these"|translate}}
            <a  ui-sref="index.agreement" translate="">
              terms and conditions
            </a>
            .
          </div>
          <div class="form-group alert alert-danger" ng-if="LOGINERROR" translate="">
            Incorrect user ID or password. Type the correct user ID and password, and try again.
          </div>
          <!--a class="btn" href="{{ctrl.wsfedUrl}}" translate>
            Login
          </a -->
          <a href="{{ctrl.wsfedUrl}}" class="btn"><i class="fa fa-bolt">&nbsp;&nbsp;</i><span translate="">SP Group Login</span></a>
          <button class="btn pull-right margin-bottom10" ng-disabled="!agreeFlag" type="submit" translate>LMS login</button>
          <div class="clearfix">
          </div>
          <div class="font-size-12">
            <a class="pull-right" translate="" ui-sref="index.request-reset-pwd">
              Forgot Password?
            </a>
          </div>
          <!--button ng-if="agreeFlag" type="submit" class="btn btn-primary block pull-right m-b" style="margin-bottom:22px;" translate>Login</button>
          <a ui-sref='index.request-reset-pwd' class="btn btn-default pull-left" translate>Forgot Password?
        </a-->
        </form>
      </br>
    </div>
  </div>
  <div class="mobile_splash">
    <div class="col-lg-12 text-right">
      <small>
        {{ctrl.COM_RIGHT}}
      </small>
    </div>
  </div>
</div>