diff --git a/css/custom.css b/css/custom.css
index cb2233c..2ff580a 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -8,6 +8,12 @@
 }
 .logo{
     height: 45px;
+    margin-left: 
+}
+
+.hyperColor{
+  color: white !important;
+  cursor: pointer !important;
 }
 .main-heading{
     height: 70px;
@@ -461,19 +467,18 @@ stroke-dashoffset:0
 }
 
 #footer {
-   background-image: url('/images/footer_design.png');
-   background-repeat: inherit;
-   background-size: 1274px 223px;
-   position: bottom;
-   width: 100%;
-   height: auto;
-   padding: 151px 3px 66px 83px;   
+   background-image: url(/images/footer_design.png);
+    background-repeat: inherit;
+    position: bottom;
+    width: 100%;
+    height: auto;
+    padding: 97px 3px 66px 83px;  
  }
 
  .footer {
     
     bottom: 0px;
-    background-color: #42b549;
+    background-color: #76b34f !important;
     width: 100%;
     color:rgba(255, 255, 255, 0.77);
 }
@@ -982,7 +987,17 @@ input.hidden {
   color: rgb(66, 181, 73);
   font-size: 30px !important;
 }
-
+.right-side-links{
+  margin-top: 12px;
+}
+.right-side-links a{
+  width: auto;
+  display: inline;
+}
+.right-side-links a:first-child{
+  border-right: 1px solid #fff;
+  padding-right: 4px;
+}
 
   @media (max-width: 768px){
     .cards-content{
@@ -1011,4 +1026,24 @@ input.hidden {
     .thumbnail > img, .thumbnail a > img{
       width: 50%;
     }
+    .right-side-links a{
+      display: block;
+      width: 100%;
+    }
+    .right-side-links a:first-child{
+      border-right: 0 solid #fff;
+      padding-right: 0;
+    }
+    .right-side-links{
+      margin-top: 0;
+    }
+
+    .modal-footers {
+      padding: 19px 20px 20px;
+      margin-top: 15px;
+      text-align: center !important;
+      margin-bottom: 4px; 
+    }
   }
+
+
diff --git a/pages/home.html b/pages/home.html
index 7900c5b..41fa9b9 100644
--- a/pages/home.html
+++ b/pages/home.html
@@ -1,8 +1,17 @@
 <div class="header">
-   <img src="images/white.png" class="logo">
+   <div style="float: left;">
+      <img src="images/white.png" class="logo" >
+   </div> 
+   <div style="float: right;" class="right-side-links">    
+         <a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a>
+         <a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a>
+   </div>
+<div class="clearfix"></div>
+
 </div>
 <!-- CLOSE HEADER -->
 <form name="applicantForm" id="signupForm">
+   
    <div class="col-xs-12 col-md-10 col-md-offset-1">
       <p class="select-stage" style="font-size:20px;">Please select one stage.</p>
       <div class="stage-shadow">
@@ -694,4 +703,37 @@
          </div>
       </div>
    </div>
-</div>
\ No newline at end of file
+</div>
+
+<div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()">
+   <div class="modal-dialog" style="left: auto;">
+       <div class="modal-content">
+      <div class="modal-body">
+      <iframe width="560"  id="youtubePlayer" height="315" src="https://www.youtube.com/embed/8i1bLQ7jS0I" frameborder="0" allowfullscreen></iframe>
+      </div>
+     <!--  <div class="modal-footers" style="text-align: center;margin-bottom: 5px;">
+        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="closeModal()">Close</button>
+      </div> -->
+    </div>
+   </div>
+</div>
+
+
+<div class="modal fade" id="videoModels" role="dialog" ng-click="closeModal()">
+   <div class="modal-dialog" style="left: auto;">
+       <div class="modal-content">
+      <div class="modal-body">
+      <iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/oBqdz-p3R6Y" frameborder="0" allowfullscreen></iframe>
+      </div>
+     <!--  <div class="modal-footers" style="text-align: center;margin-bottom: 5px;">
+        <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="closeModal()">Close</button>
+      </div> -->
+    </div>
+   </div>
+</div>
+
+
+
+
+
+
diff --git a/script.js b/script.js
index 22cb100..f7edd7b 100644
--- a/script.js
+++ b/script.js
@@ -25,6 +25,7 @@
 	});
 
 	scotchApp.constant("BASE_URL", "http://139.59.68.74:4001/api")
+	// scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/api")
 
 	// create the controller and inject Angular's $scope
 	scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL) {
@@ -39,7 +40,6 @@
 	    $scope.current = 0;
 	    $scope.payingAmnt = 0;
 	    if ($scope.data.stage == 'select') {
-	        console.log("sdsaasd");
 
 	    }
 
@@ -61,6 +61,22 @@
 	        $('#alreadyExist').css('display', 'none');
 	    };
 
+	    /*open videos in modal*/
+	    $scope.openyoutube16 = function(){
+			$('#videoModel').modal('show');
+	    }
+
+	     $scope.openyoutube17 = function(){
+			$('#videoModels').modal('show');
+	    }
+
+	    $scope.closeModal = function(){
+	    	var url = $('#youtubePlayer').attr('src');
+			$('#youtubePlayer').attr('src', '');
+			$('#youtubePlayer').attr('src', url);
+	    }
+	    /*open videos ends here*/
+
 	    $scope.emailcheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');