diff --git a/Apollo/assets/views/login_login.html b/Apollo/assets/views/login_login.html
index f1bbe234..bed3caa5 100755
--- a/Apollo/assets/views/login_login.html
+++ b/Apollo/assets/views/login_login.html
@@ -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>