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>
|
||||
.alert {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.carousel-indicators li {
|
||||
/*.carousel-indicators li {
|
||||
border:1px solid #000 !important;
|
||||
}
|
||||
}*/
|
||||
.carousel-indicators
|
||||
{
|
||||
position:fixed !important;
|
||||
|
||||
}
|
||||
.carousel-inner {
|
||||
overflow:visible !important;
|
||||
.glyphicon-chevron-right:before{
|
||||
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>
|
||||
<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>
|
||||
<!-- end: LOGIN BOX -->
|
||||
</div>
|
||||
<!-- end: LOGIN -->
|
||||
<!-- Start: View Of Announcement -->
|
||||
<div ng-controller="loginCtrl">
|
||||
|
||||
<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="col-sm-12 col-xs-12" >
|
||||
|
||||
<carousel interval="myInterval">
|
||||
|
||||
<div class="col-sm-12 col-xs-12" style="margin-top: -17px;">
|
||||
<carousel interval="myInterval">
|
||||
<slide ng-repeat="slide in slides" active="slide.active">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<h1 style="color:#cf1f1f"> {{slide.Heading}}</h1>
|
||||
<p ng-bind-html="slide.description"></p>
|
||||
<h1 style="color:white;text-align:justify;"> <b> {{slide.Heading}}<b></h1>
|
||||
<h5 style="color:white;text-align:justify;" ng-bind-html="slide.description"></h5>
|
||||
<div class="carousel-caption">
|
||||
|
||||
</div>
|
||||
@ -86,9 +84,71 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<!-- 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