login_login.html
This commit is contained in:
venbatechnologies@gmail.com
parent
6e30df96ce
commit
289dbb7af0
@ -1,81 +1,79 @@
|
|||||||
<div ng-controller="loginCtrl">
|
|
||||||
<div class="row" style="margin-bottom: 1%;margin-top:-4%">
|
|
||||||
<div class="col-md-2 col-md-offset-1 col-xs-10 col-xs-offset-1">
|
|
||||||
<img style="width: 100%;" ng-src="{{app.layout.logo}}" alt=""/>
|
|
||||||
<!--<h2 class="text-purple">{{app.name}}</h2> -->
|
|
||||||
</div>
|
|
||||||
<div class="main-login col-xs-10 col-xs-offset-1 col-sm-7 col-sm-offset-5 col-md-6 col-md-offset-3">
|
|
||||||
<!-- start: LOGIN BOX -->
|
|
||||||
<style>
|
<style>
|
||||||
.alert {
|
.alert {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-indicators li {
|
/*.carousel-indicators li {
|
||||||
border:1px solid #000 !important;
|
border:1px solid #000 !important;
|
||||||
}
|
}*/
|
||||||
.carousel-indicators
|
.carousel-indicators
|
||||||
{
|
{
|
||||||
position:fixed !important;
|
position:fixed !important;
|
||||||
|
|
||||||
}
|
}
|
||||||
.carousel-inner {
|
.glyphicon-chevron-right:before{
|
||||||
overflow:visible !important;
|
margin-left: -16px;
|
||||||
}
|
}
|
||||||
|
.carousel-control{
|
||||||
|
margin-top: 67px;
|
||||||
|
margin-bottom: 90px;
|
||||||
|
}
|
||||||
|
.carousel-control.right{
|
||||||
|
position: fixed;
|
||||||
|
right: 428px;
|
||||||
|
}
|
||||||
|
.carousel-control.left{
|
||||||
|
position: fixed;
|
||||||
|
left: 95px;
|
||||||
|
}
|
||||||
|
.carousel-inner {
|
||||||
|
position: inherit !important;
|
||||||
|
/*overflow:visible !important;*/
|
||||||
|
}
|
||||||
|
.bgheight{
|
||||||
|
|
||||||
|
height: 500px;
|
||||||
|
|
||||||
|
background: rgba(15, 19, 162, 0.51);;
|
||||||
|
/*background: -webkit-linear-gradient(to left, #00ff80 , #FFFF00);
|
||||||
|
background: linear-gradient(to left, #00ff80 , #FFFF00); */
|
||||||
|
|
||||||
|
}
|
||||||
|
.form-login{
|
||||||
|
padding: 50px;
|
||||||
|
}
|
||||||
|
.submitlogin{
|
||||||
|
font-size: 1.1em;
|
||||||
|
float: right;
|
||||||
|
width: 80px;
|
||||||
|
background-color: transparent;
|
||||||
|
color: #fff;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
<form name="Form" id="form" novalidate class="form-inline" ng-submit="form.submit(Form)" method="post" style="margin-top:2%;">
|
|
||||||
|
|
||||||
<div class="form-group" ng-class="{'has-error':Form.mobilenumber.$dirty && Form.mobilenumber.$invalid, 'has-success':Form.mobilenumber.$valid}">
|
|
||||||
<span class="input-icon">
|
|
||||||
<input type="text" class="form-control" ng-model="myModel.userMobile" name="mobilenumber" placeholder="Mobile Number / Employee Id"
|
|
||||||
ng-minlength="4" ng-maxlength="12" required>
|
|
||||||
<i class="fa fa-mobile"></i>
|
|
||||||
</span>
|
|
||||||
<span class="error text-small block" ng-if="Form.mobilenumber.$dirty && Form.mobilenumber.$error.required"> mobile number is required. </span>
|
|
||||||
<span class="error text-small block" ng-if="Form.mobilenumber.$error.maxlength || Form.mobilenumber.$error.minlength || Form.mobilenumber.$error.pattern">Enter a valid mobile number / Employee Id</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group" ng-class="{'has-error':Form.password.$dirty && Form.password.$invalid, 'has-success':Form.password.$valid}">
|
|
||||||
|
|
||||||
<span class="input-icon">
|
|
||||||
<input type="password" placeholder="Password" class="form-control heighLight" name="password" ng-model="myModel.password"
|
|
||||||
ng-minlength="6" required/>
|
|
||||||
<i class="fa fa-lock"></i>
|
|
||||||
<span class="error text-small block" ng-if="Form.password.$dirty && Form.password.$invalid"> Password Required</span></span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<button type="submit" class="btn btn-primary pull-right">
|
|
||||||
Login <i class="fa fa-arrow-circle-right"></i>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div id="cl-effect-16" class="links cl-effect-16 col-xs-5 col-xs-offset-2 col-md-4 col-md-offset-5">
|
|
||||||
<a data-hover="I forgot my password" class="forgot" ui-sref="login.forgot">I forgot my password </a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
<div ng-controller="loginCtrl">
|
||||||
<!-- end: LOGIN BOX -->
|
|
||||||
</div>
|
|
||||||
<!-- end: LOGIN -->
|
|
||||||
<!-- Start: View Of Announcement -->
|
|
||||||
|
|
||||||
<div class="container-fluid container-fullw bg-white" style="height:300px;" data-ng-init="init()">
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Start: View Of Announcement -->
|
||||||
|
<div class="main-login col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-1 col-md-7 col-md-offset-1">
|
||||||
|
|
||||||
|
<div class="container-fluid container-fullw bglogin" style="height:500px;" data-ng-init="init()">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-xs-12" style="margin-top: -17px;">
|
||||||
<div class="col-sm-12 col-xs-12" >
|
<carousel interval="myInterval">
|
||||||
|
|
||||||
<carousel interval="myInterval">
|
|
||||||
|
|
||||||
<slide ng-repeat="slide in slides" active="slide.active">
|
<slide ng-repeat="slide in slides" active="slide.active">
|
||||||
<div class="col-md-8 col-md-offset-2">
|
<div class="col-md-8 col-md-offset-2">
|
||||||
<h1 style="color:#cf1f1f"> {{slide.Heading}}</h1>
|
<h1 style="color:white;text-align:justify;"> <b> {{slide.Heading}}<b></h1>
|
||||||
<p ng-bind-html="slide.description"></p>
|
<h5 style="color:white;text-align:justify;" ng-bind-html="slide.description"></h5>
|
||||||
<div class="carousel-caption">
|
<div class="carousel-caption">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@ -86,9 +84,71 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
</div>
|
||||||
<!-- End: View Of Announcement -->
|
<!-- End: View Of Announcement -->
|
||||||
|
|
||||||
|
<!-- start: LOGIN BOX -->
|
||||||
|
<!--<div class="main-login bgheight col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-1 col-md-4">-->
|
||||||
|
|
||||||
|
|
||||||
|
<div class="main-login bgheight col-xs-10 col-xs-offset-1 col-sm-8 col-sm-offset-1 col-md-3 col-md-offset-0">
|
||||||
|
<!--<div class="box-login">-->
|
||||||
|
|
||||||
|
<form class="form-login form-horizontal" name="Form" id="form" novalidate ng-submit="form.submit(Form)" method="post">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6 col-md-offset-2">
|
||||||
|
<div class="logo" align="center">
|
||||||
|
<img style="margin-bottom:20px;" ng-src="{{app.layout.logo}}" alt="{{app.name}}"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group" ng-class="{'has-error':Form.mobilenumber.$dirty && Form.mobilenumber.$invalid, 'has-success':Form.mobilenumber.$valid}">
|
||||||
|
|
||||||
|
<span class="input-icon">
|
||||||
|
<input type="text" id="inputEmail3" class="form-control underline" ng-model="myModel.userMobile" name="mobilenumber" placeholder="Mobile Number / Employee Id"
|
||||||
|
ng-minlength="4" ng-maxlength="12" required>
|
||||||
|
<i style="color: black;" class="fa fa-mobile"></i>
|
||||||
|
</span>
|
||||||
|
<span class="error text-small block" ng-if="Form.mobilenumber.$dirty && Form.mobilenumber.$error.required"> mobile number is required. </span>
|
||||||
|
<span class="error text-small block" ng-if="Form.mobilenumber.$error.maxlength || Form.mobilenumber.$error.minlength || Form.mobilenumber.$error.pattern">Enter a valid mobile number / Employee Id</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group" ng-class="{'has-error':Form.password.$dirty && Form.password.$invalid, 'has-success':Form.password.$valid}">
|
||||||
|
|
||||||
|
<span class="input-icon">
|
||||||
|
<input type="password" id="inputPassword3" placeholder="Password" class="form-control heighLight underline" name="password" ng-model="myModel.password"
|
||||||
|
ng-minlength="6" required/>
|
||||||
|
<i style="color: black;" class="fa fa-lock"></i>
|
||||||
|
<span class="error text-small block" ng-if="Form.password.$dirty && Form.password.$invalid"> Password Required</span></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<a class="forgot" ui-sref="login.forgot" style="color: black;">I forgot my password </a>
|
||||||
|
<button type="submit" class="btn btn-warning pull-right submitlogin">
|
||||||
|
Login <i class="fa fa-arrow-circle-right"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<!--<div class="new-account">
|
||||||
|
Don't have an account yet?
|
||||||
|
<a ui-sref="login.registration">
|
||||||
|
Create an account
|
||||||
|
</a>
|
||||||
|
</div>-->
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
<!--</div>-->
|
||||||
|
<!-- end: LOGIN BOX -->
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user