Commit 5259a7d0edf997a19781384e55b5c6a238e4e7bb
1 parent
871e7fa3cd
Exists in
master
and in
1 other branch
video links added
Showing
3 changed files
with
105 additions
and
12 deletions
Show diff stats
css/custom.css
... | ... | @@ -8,6 +8,12 @@ |
8 | 8 | } |
9 | 9 | .logo{ |
10 | 10 | height: 45px; |
11 | + margin-left: | |
12 | +} | |
13 | + | |
14 | +.hyperColor{ | |
15 | + color: white !important; | |
16 | + cursor: pointer !important; | |
11 | 17 | } |
12 | 18 | .main-heading{ |
13 | 19 | height: 70px; |
... | ... | @@ -461,19 +467,18 @@ stroke-dashoffset:0 |
461 | 467 | } |
462 | 468 | |
463 | 469 | #footer { |
464 | - background-image: url('/images/footer_design.png'); | |
465 | - background-repeat: inherit; | |
466 | - background-size: 1274px 223px; | |
467 | - position: bottom; | |
468 | - width: 100%; | |
469 | - height: auto; | |
470 | - padding: 151px 3px 66px 83px; | |
470 | + background-image: url(/images/footer_design.png); | |
471 | + background-repeat: inherit; | |
472 | + position: bottom; | |
473 | + width: 100%; | |
474 | + height: auto; | |
475 | + padding: 97px 3px 66px 83px; | |
471 | 476 | } |
472 | 477 | |
473 | 478 | .footer { |
474 | 479 | |
475 | 480 | bottom: 0px; |
476 | - background-color: #42b549; | |
481 | + background-color: #76b34f !important; | |
477 | 482 | width: 100%; |
478 | 483 | color:rgba(255, 255, 255, 0.77); |
479 | 484 | } |
... | ... | @@ -982,7 +987,17 @@ input.hidden { |
982 | 987 | color: rgb(66, 181, 73); |
983 | 988 | font-size: 30px !important; |
984 | 989 | } |
985 | - | |
990 | +.right-side-links{ | |
991 | + margin-top: 12px; | |
992 | +} | |
993 | +.right-side-links a{ | |
994 | + width: auto; | |
995 | + display: inline; | |
996 | +} | |
997 | +.right-side-links a:first-child{ | |
998 | + border-right: 1px solid #fff; | |
999 | + padding-right: 4px; | |
1000 | +} | |
986 | 1001 | |
987 | 1002 | @media (max-width: 768px){ |
988 | 1003 | .cards-content{ |
... | ... | @@ -1011,4 +1026,24 @@ input.hidden { |
1011 | 1026 | .thumbnail > img, .thumbnail a > img{ |
1012 | 1027 | width: 50%; |
1013 | 1028 | } |
1029 | + .right-side-links a{ | |
1030 | + display: block; | |
1031 | + width: 100%; | |
1032 | + } | |
1033 | + .right-side-links a:first-child{ | |
1034 | + border-right: 0 solid #fff; | |
1035 | + padding-right: 0; | |
1036 | + } | |
1037 | + .right-side-links{ | |
1038 | + margin-top: 0; | |
1039 | + } | |
1040 | + | |
1041 | + .modal-footers { | |
1042 | + padding: 19px 20px 20px; | |
1043 | + margin-top: 15px; | |
1044 | + text-align: center !important; | |
1045 | + margin-bottom: 4px; | |
1046 | + } | |
1014 | 1047 | } |
1048 | + | |
1049 | + | ... | ... |
pages/home.html
1 | 1 | <div class="header"> |
2 | - <img src="images/white.png" class="logo"> | |
2 | + <div style="float: left;"> | |
3 | + <img src="images/white.png" class="logo" > | |
4 | + </div> | |
5 | + <div style="float: right;" class="right-side-links"> | |
6 | + <a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a> | |
7 | + <a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a> | |
8 | + </div> | |
9 | +<div class="clearfix"></div> | |
10 | + | |
3 | 11 | </div> |
4 | 12 | <!-- CLOSE HEADER --> |
5 | 13 | <form name="applicantForm" id="signupForm"> |
14 | + | |
6 | 15 | <div class="col-xs-12 col-md-10 col-md-offset-1"> |
7 | 16 | <p class="select-stage" style="font-size:20px;">Please select one stage.</p> |
8 | 17 | <div class="stage-shadow"> |
... | ... | @@ -694,4 +703,37 @@ |
694 | 703 | </div> |
695 | 704 | </div> |
696 | 705 | </div> |
697 | -</div> | |
698 | 706 | \ No newline at end of file |
707 | +</div> | |
708 | + | |
709 | +<div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()"> | |
710 | + <div class="modal-dialog" style="left: auto;"> | |
711 | + <div class="modal-content"> | |
712 | + <div class="modal-body"> | |
713 | + <iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/8i1bLQ7jS0I" frameborder="0" allowfullscreen></iframe> | |
714 | + </div> | |
715 | + <!-- <div class="modal-footers" style="text-align: center;margin-bottom: 5px;"> | |
716 | + <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="closeModal()">Close</button> | |
717 | + </div> --> | |
718 | + </div> | |
719 | + </div> | |
720 | +</div> | |
721 | + | |
722 | + | |
723 | +<div class="modal fade" id="videoModels" role="dialog" ng-click="closeModal()"> | |
724 | + <div class="modal-dialog" style="left: auto;"> | |
725 | + <div class="modal-content"> | |
726 | + <div class="modal-body"> | |
727 | + <iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/oBqdz-p3R6Y" frameborder="0" allowfullscreen></iframe> | |
728 | + </div> | |
729 | + <!-- <div class="modal-footers" style="text-align: center;margin-bottom: 5px;"> | |
730 | + <button type="button" class="btn btn-default" data-dismiss="modal" ng-click="closeModal()">Close</button> | |
731 | + </div> --> | |
732 | + </div> | |
733 | + </div> | |
734 | +</div> | |
735 | + | |
736 | + | |
737 | + | |
738 | + | |
739 | + | |
740 | + | ... | ... |
script.js
... | ... | @@ -25,6 +25,7 @@ |
25 | 25 | }); |
26 | 26 | |
27 | 27 | scotchApp.constant("BASE_URL", "http://139.59.68.74:4001/api") |
28 | + // scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/api") | |
28 | 29 | |
29 | 30 | // create the controller and inject Angular's $scope |
30 | 31 | scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL) { |
... | ... | @@ -39,7 +40,6 @@ |
39 | 40 | $scope.current = 0; |
40 | 41 | $scope.payingAmnt = 0; |
41 | 42 | if ($scope.data.stage == 'select') { |
42 | - console.log("sdsaasd"); | |
43 | 43 | |
44 | 44 | } |
45 | 45 | |
... | ... | @@ -61,6 +61,22 @@ |
61 | 61 | $('#alreadyExist').css('display', 'none'); |
62 | 62 | }; |
63 | 63 | |
64 | + /*open videos in modal*/ | |
65 | + $scope.openyoutube16 = function(){ | |
66 | + $('#videoModel').modal('show'); | |
67 | + } | |
68 | + | |
69 | + $scope.openyoutube17 = function(){ | |
70 | + $('#videoModels').modal('show'); | |
71 | + } | |
72 | + | |
73 | + $scope.closeModal = function(){ | |
74 | + var url = $('#youtubePlayer').attr('src'); | |
75 | + $('#youtubePlayer').attr('src', ''); | |
76 | + $('#youtubePlayer').attr('src', url); | |
77 | + } | |
78 | + /*open videos ends here*/ | |
79 | + | |
64 | 80 | $scope.emailcheck = function(val) { |
65 | 81 | if (val == undefined) { |
66 | 82 | $('#invalidEmail').css('display', 'block'); | ... | ... |