diff --git a/css/custom.css b/css/custom.css
index d5893f7..aa50a34 100755
--- a/css/custom.css
+++ b/css/custom.css
@@ -200,7 +200,7 @@
 }
 .submit-button, .submit-button:hover{
   /*background-color: #00bcd4;*/
-  background-color: rgb(92, 198, 208);
+  background-color: #0161EE;
   color: #fff;
   /*display: none;*/
 }
@@ -210,12 +210,15 @@
 
 .submit-button-form, .submit-button-form:hover{
   
-  background-color: rgb(92, 198, 208);
-  color: #fff;
+  background-color: #0161EE;
+  margin-top: 2%;
+  margin-bottom: 3%;
   
 }
 .submit-button-form:disabled{
   background-color: #ddd;
+  margin-top: 2%;
+  margin-bottom: 3%;
 }
 
 .textarea{
@@ -385,6 +388,10 @@ stroke-dashoffset:0
 /*form -css*/
 .form-all {
   margin: 13px 4px 26px -2px;
+  border-radius: 15px;
+  background-color: #fff;
+  padding-top: 1px;
+  padding-left: 1%;
   /*display: none;*/
 }
 
@@ -410,9 +417,9 @@ stroke-dashoffset:0
   background-color: #ffffff;
 }
 
-.line-size {
+/* .line-size {
 
-}
+} */
 
 .card-paragraph {
   background-color: rgba(66, 181, 73, 0.61);
@@ -1163,8 +1170,12 @@ input.hidden {
     display: block;
     width: 100%;
     height: auto;
+    cursor: pointer;
+}
+.title{
+  text-align: center;
+  color: #0161EE;
 }
-
 .card-title {
     /*font-size: 17px;*/
     font-weight: 600;
@@ -1353,20 +1364,60 @@ table {
   border: grey;
   color: white;
 }
-.apply-act:hover, .apply-act:focus{
-  background-color: grey;
-  border: grey;
-  color: white;
+.apply-act1:hover, .apply-act1:focus{
+  background-color: #171717;
+  border-color: #0161EE;
+  color: #0161EE;
+}
+.apply-act2:hover, .apply-act2:focus{
+  background-color: #171717;
+  border-color: #0161EE;
+  color: #0161EE;
+}
+.apply-act3:hover, .apply-act3:focus{
+  background-color: #171717;
+  border-color: #0161EE;
+  color: #0161EE;
+}
+.apply-act4:hover, .apply-act4:focus{
+  background-color: #171717;
+  border-color: #0161EE;
+  color: #0161EE;
 }
 .apply-btn{
   text-align: center;
   margin-bottom: 2%;
 }
-
+.txt{
+  margin-top: 3%;
+  text-align: center;
+}
 .cursor:hover{
   cursor: context-menu;
 }
-
+.buttons{
+  padding: 3% 0 0 0;
+  text-align: center;
+  font-size: 100px;
+}
+.btn-lg{
+  font-size:25px;
+  background-color: #171717;
+  color: #454545;
+  border-color: #454545;
+}
+.btn1{
+  padding: 12px 40px;
+}
+.btn2{
+  padding: 12px 31px;
+}
+.btn3{
+  padding: 12px 18px;
+}
+.btn4{
+  padding: 12px 40px;
+}
 .bg_dots{
   position: absolute;
   left:0;
@@ -1375,7 +1426,8 @@ table {
   height: 700px;
   position:fixed;
   background-position: top center;
-  background-image: url(/images/mock_up_background.jpg);
+  /* background-image: url(/images/background.jpg); */
+  background-color: #171717;
   background-repeat: no-repeat;
   background-size: 100% auto;
   -webkit-background-size:100% auto;
@@ -1413,6 +1465,22 @@ table {
 
 
   @media (max-width:767px){
+    .buttons {
+      /* margin-top:23%; */
+      font-size: 100px;
+    }
+    .btn-lg{
+      width:74%;
+    }
+    .btn1{
+      margin-bottom: 3%;
+    }
+    .btn2{
+      margin-bottom: 3%;
+    }
+    .btn3{
+      margin-bottom: 3%;
+    }
     h1{
       font-size:2.8rem;
     }
diff --git a/index.html b/index.html
index 5c993b4..77bb4ef 100644
--- a/index.html
+++ b/index.html
@@ -68,6 +68,6 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
   </div>
   
 </body>
-<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="7899c0bb-0bd6-4768-b64c-f2df38bc2e9a";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
+<!-- <script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="7899c0bb-0bd6-4768-b64c-f2df38bc2e9a";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script> -->
 
 </html>
diff --git a/pages/Home.html b/pages/Home.html
index ab3f316..dc29462 100644
--- a/pages/Home.html
+++ b/pages/Home.html
@@ -1,13 +1,11 @@
-<div class="header" >
+<!-- <div class="header" >
    <div>
       <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span>
-      <!-- <h1 class="startup-jalsa">2018</h1> -->
       <h4 class="PitchYourPower">#PitchYourPower</h4>
    </div> 
    
 <div class="clearfix"></div>
 </div>
-<!-- CLOSE HEADER -->
 <form name="homeForm">   
    <div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup card-color " >
       <div class="col-xs-12">
@@ -49,19 +47,9 @@
                          <li>Two exciting startups from each city will get a travel grant to fly to Startup Jalsa, Invest Edition.</li>
                       </ul>
                   </div>
-                  <!-- <div class="width-auto">
-                    <div class="happen-meetup" style="margin-top: -18px;">
-                        <b class="phone-meetup">Who can attend the meetup?</b>
-                     </div>
-                      <ul class="phone-meetup">
-                         <li>A MVP (Minimum Viable Product) is all you need to participate. If you have revenue, even better.</li>
-                      </ul>
-                  </div>
-               </div> -->
             </div>
          </div><br>
          <div class="apply-btn">    
-            <!-- <input type="button" class="btn submit-button " value="Apply" ng-click="apply()"> -->
             <button class="btn submit-button apply-act" value="Apply" ng-click="apply()" >Proceed</button>
          </div>                                      
       </div>
@@ -70,7 +58,111 @@
 <footer>
   <img id="footer" class="img-responsive banner">
   <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>
-</footer>
+</footer> -->
+<div class="col-xs-12 buttons">
+   <button type="button" class="btn btn-dark btn-lg apply-act1 btn1" ng-click="isShowHide('INDIA')" value="INDIA" id="defaultcountry">INDIA</button>
+   <button type="button" class="btn btn-dark btn-lg apply-act2 btn2" ng-click="isShowHide('SRI LANKA')" value="SRI LANKA">SRI LANKA</button>
+   <button type="button" class="btn btn-dark btn-lg apply-act3 btn3" ng-click="isShowHide('BANGLADESH')" value="BANGLADESH">BANGLADESH</button>
+   <button type="button" class="btn btn-dark btn-lg apply-act4 btn4" ng-click="isShowHide('NEPAL')" value="NEPAL">NEPAL</button>
+</div>
+<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showval">
+   <div class="stage-shadow" id="front">
+     <div class="stages card-align">
+         <div class="row">
+            <!-- <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+               <div class="card" style="width:100%;border-radius: 6px;">
+                  <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
+                     <img class="card-img-top" src="images/Ahmedabad.png" style="width:100%" ng-click="watch('Chennai')">
+                  </label>
+               </div>
+               <div class="txt">Ahmedabad</div>
+            </div> -->
+            <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+               <img class="card-img-top" src="images/Ahmedabad.png" ng-click="watch('Ahmedabad')" >
+               <div class="txt">Ahmedabad</div>
+            </div>
+            <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+               <img class="card-img-top" src="images/Bengaluru.png" ng-click="watch('Bengaluru')">
+               <div class="txt">Bengaluru</div>
+            </div>
+            <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+               <img class="card-img-top" src="images/Chennai.png" ng-click="watch('Chennai')">
+               <div class="txt">Chennai</div>
+            </div>
+         </div>
+      </div>
+   </div>
+   <div class="clearfix"></div>
+   <div class="stages card-align">
+      <div class="row">
+         <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+            <img class="card-img-top" src="images/Delhi.png" ng-click="watch('Delhi')">
+            <div class="txt">Delhi</div>
+         </div>
+         <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+            <img class="card-img-top" src="images/Hyderabad.png" ng-click="watch('hyderabad')">
+            <div class="txt">hyderabad</div>
+         </div>
+         <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+            <img class="card-img-top" src="images/Jaipur.png" ng-click="watch('Jaipur')">
+            <div class="txt">Jaipur</div>
+         </div>
+      </div>
+   </div>
+   <div class="clearfix"></div>
+   <div class="stages card-align">
+      <div class="row">
+         <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+            <img class="card-img-top" src="images/Kanpur.png" ng-click="watch('Kanpur')">
+            <div class="txt">Kanpur</div>
+         </div>
+         <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+            <img class="card-img-top" src="images/kolkata.png" ng-click="watch('Kolkata')">
+            <div class="txt">Kolkata</div>
+         </div>
+         <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+            <img class="card-img-top" src="images/Mumbai.png" ng-click="watch('Mumbai')">
+            <div class="txt">Mumbai</div>
+         </div>
+      </div>
+   </div>
+</div>
+<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hideval">
+   <div class="stage-shadow" id="front">
+     <div class="stages card-align">
+         <div class="row">
+            <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+               <img class="card-img-top" src="images/Colombo.png" ng-click="watch('Colombo')">
+               <div class="txt">Colombo</div>
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
+<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showvalue">
+   <div class="stage-shadow" id="front">
+     <div class="stages card-align">
+         <div class="row">
+            <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+               <img class="card-img-top" src="images/Dhaka.png" ng-click="watch('Dhaka')">
+               <div class="txt">Dhaka</div>
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
+<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hidevalue">
+   <div class="stage-shadow" id="front">
+     <div class="stages card-align">
+         <div class="row">
+            <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
+               <img class="card-img-top" src="images/Kathmandu.png" ng-click="watch('Kathmandu')">
+               <div class="txt">Kathmandu</div>
+            </div>
+         </div>
+      </div>
+   </div>
+</div>
 <span ng-show="span == true">
    <span id="chennai"></span>
    <span id="mumbai"></span>
@@ -79,8 +171,9 @@
    <span id="delhi"></span>
    <span id="ahmedabad"></span>
    <span id="bengaluru"></span>
-   <span id="jaipur"></span>kanpur
+   <span id="jaipur"></span>
    <span id="kanpur"></span>
    <span id="dharamsala"></span>
 </span>
 
+
diff --git a/pages/registration.html b/pages/registration.html
index 1d84456..852e1bc 100644
--- a/pages/registration.html
+++ b/pages/registration.html
@@ -1,6 +1,6 @@
 <div class="header">
   <div>
-    <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span>
+    <!-- <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span> -->
     <!-- <img src="images/SartupJalsa_Logo.png" style="width:200px;position:relative;"> -->
   </div>      
 <div class="clearfix"></div>
@@ -9,6 +9,7 @@
 <form name="applicantForm">
    <div class="col-xs-12 col-md-8 col-md-offset-2">
       <div class="form-all">
+         <h4 class="title">General Information</h4>
          <!-- <table style="width: 100%;">
             <tr>
                <td>
@@ -180,20 +181,23 @@
                <!-- </td>
             </tr>
          </table> -->
+         <div class="text-center">
+            <input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
+         </div>
       </div>
       <!-- CLOSE form-all -->
    <!-- </div> -->
-      <div class="clearfix"></div>
+      <!-- <div class="clearfix"></div>
          <div class="text-center">
             <input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
-         </div>
+         </div> -->
         </div>
    <!-- col-xs-12 col-md-8 col-md-offset-2 -->
-  <footer>
+  <!-- <footer>
     <img id="footer" class="img-responsive banner">
       <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a>
       </center>
-  </footer>
+  </footer> -->
 </form>
 <!-- CLOSE FORM -->
 <!-- </div> CLOSE CHECK VIEW -->
diff --git a/script.js b/script.js
index d414084..3a12d41 100644
--- a/script.js
+++ b/script.js
@@ -30,7 +30,7 @@
 	        })
 
 	        // route for the registration page
-	        .when('/registration/:city', {
+	        .when('/registration', {
 	            templateUrl: 'pages/registration.html',
 	            controller: 'registrationController'
 	        })
@@ -47,9 +47,9 @@
 	            controller: 'registrationController'
 	        })
 
-	        .otherwise({ 
-	        	redirectTo: '/' 
-	        });
+	        // .otherwise({ 
+	        // 	redirectTo: '/' 
+	        // });
 
 	});
 
@@ -73,7 +73,12 @@
 	    $scope.data = {
 	        show: true,
 	        hide: false
-	    };
+		};
+		window.onload = function(){
+			var element = document.getElementById("defaultcountry");
+			   element.classList.add("active");
+			   console.log("element",element)
+		}
 
 		var chennai = new Date("Sept 19, 2018 12:00:00").getTime();
 		// Update the count down every 1 second
@@ -332,12 +337,48 @@
 	        "amount": $scope.payingAmnt,
 	        "currency": "INR",
 	        "status": "pending"
-	    }
-
-	    $scope.apply = function() {
-	    	//Analytics.trackEvent('register', 'click', 'Registration');
-			$location.path("/caricatures")
 		}
+		
+		$scope.showval = true;
+		$scope.hideval = false;
+		$scope.showvalue = false;
+		$scope.hidevalue = false;
+		$scope.isShowHide = function (value) {
+			console.log(value)
+			if (value == "INDIA") {
+				console.log("value",value)
+				$scope.showval = true;
+				$scope.hideval = false;
+				$scope.showvalue = false;
+				$scope.hidevalue = false;
+			}
+			else if (value == "SRI LANKA") {
+				console.log("value1",value)
+				$scope.showval = false;
+				$scope.hideval = true;
+				$scope.showvalue = false;
+				$scope.hidevalue = false;
+			}
+			else if (value == "BANGLADESH") {
+				console.log("value2",value)
+				$scope.showval = false;
+				$scope.hideval = false;
+				$scope.showvalue = true;
+				$scope.hidevalue = false;
+			}
+			else {
+				console.log("value3",value)
+				$scope.showval = false;
+				$scope.hideval = false;
+				$scope.showvalue = false;
+				$scope.hidevalue = true;
+			}
+		}
+
+	    // $scope.apply = function() {
+	    // 	//Analytics.trackEvent('register', 'click', 'Registration');
+		// 	$location.path("/caricatures")
+		// }
 
 	    $scope.data.city = '';
 	    $scope.watch =  function(value){
@@ -350,7 +391,8 @@
 	    		console.log("cllll2",value)
 		    	localStorage.setItem("city" ,value);
 		    	//$location.path('/registration').search({city: value});
-		    	$location.path('/registration/'+value+'');
+				// $location.path('/registration/'+value+'');
+				$location.path('/registration');
 		    	//$state.go('registration', { 'city': value})
 	    	// }
 	    }