diff --git a/Apollo/assets/views/login_login.html b/Apollo/assets/views/login_login.html
index 9044270c..242bf5dd 100644
--- a/Apollo/assets/views/login_login.html
+++ b/Apollo/assets/views/login_login.html
@@ -1,7 +1,8 @@
 <!-- start: LOGIN -->
-<div class="row" style="margin-top: -4%;">
+<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 ng-src="{{app.layout.logo}}" alt="{{app.name}}"/>-->
+		<img 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">
 
@@ -13,37 +14,34 @@
 					z-index: 1;
 				}
 			</style>
-			<form name="Form" id="form" novalidate class="form-inline" ng-submit="form.submit(Form)" method="post">
+			<form name="Form" id="form" novalidate class="form-inline" ng-submit="form.submit(Form,'zoom-in')" 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"
-                                   ng-minlength="10" ng-maxlength="12" ng-pattern="/^[0-9]*$/" required>
+									   ng-minlength="10" ng-maxlength="12" ng-pattern="/^[0-9]*$/" 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</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</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/>
+							   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>
-
-					<a class="forgot" ui-sref="login.forgot">
-								I forgot my password
-							</a> </span>-->
+					<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>
+					<button type="submit" ladda="ldloading1.zoom_in" class="btn btn-primary pull-right" data-style="zoom-in">
+						Login <i class="fa fa-arrow-circle-right"></i>
+					</button>
+
 				</div>
 			</form>
 		</div>
@@ -54,11 +52,59 @@
 <!-- end: LOGIN -->
 <!-- Start: View Of Announcement -->
 
-<div class="container" style="width: 1256px;padding-top: 5%;">
-	<div class="jumbotron">
-		<h1>Call Tracking </h1>
-		<p>In this App Call tracking and master details</p>
+<div class="container-fluid container-fullw bg-white">
+	<div class="row">
+
+		<div class="col-sm-12">
+			<div class="col-sm-6">
+				<div class="panel panel-white no-radius text-center">
+					<div class="panel-body">
+						<span class="fa-stack fa-2x"> <i class="fa fa-square fa-stack-2x text-green"></i> <i class="fa fa-smile-o fa-stack-1x fa-inverse"></i> </span>
+						<h2 class="StepTitle">Announcement Will Coming Soon</h2><br>
+						<marquee><p class="text-small">
+							Announcement will coming soon.. stay turn.
+						</p></marquee>
+
+					</div>
+				</div>
+			</div>
+			<div class="col-sm-6">
+				<div class="panel panel-white no-radius text-center">
+					<div class="panel-body">
+						<span class="fa-stack fa-2x"> <i class="fa fa-square fa-stack-2x text-yellow"></i> <i class="fa fa-smile-o  fa-stack-1x fa-inverse"></i> </span>
+						<h2 class="StepTitle">Announcement Will Coming Soon</h2><br>
+						<marquee><p class="text-small">
+							Announcement will coming soon.. stay turn.
+						</p></marquee>
+
+					</div>
+				</div>
+			</div>
+			<div class="col-sm-6">
+				<div class="panel panel-white no-radius text-center">
+					<div class="panel-body">
+						<span class="fa-stack fa-2x"> <i class="fa fa-square fa-stack-2x text-purple"></i> <i class="fa fa-smile-o  fa-stack-1x fa-inverse"></i> </span>
+						<h2 class="StepTitle">Announcement Will Coming Soon</h2><br>
+						<marquee><p class="text-small">
+							Announcement will coming soon.. stay turn.
+						</p></marquee>
+
+					</div>
+				</div>
+			</div>
+			<div class="col-sm-6">
+				<div class="panel panel-white no-radius text-center">
+					<div class="panel-body">
+						<span class="fa-stack fa-2x"> <i class="fa fa-square fa-stack-2x text-azure"></i> <i class="fa fa-smile-o  fa-stack-1x fa-inverse"></i> </span>
+						<h2 class="StepTitle">Announcement Will Coming Soon</h2><br>
+						<marquee><p class="text-small">
+							Announcement will coming soon.. stay turn.
+						</p></marquee>
+
+					</div>
+				</div>
+			</div>
+		</div>
 	</div>
 </div>
-
 <!-- End: View Of Announcement -->
\ No newline at end of file