Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code ยป

Commit 2f527348f8ee4f86a30374779ee85dfe798aab0b

Authored by apple
1 parent 47724677e3
Exists in master and in 1 other branch paytm

onhover image color change

Showing 2 changed files with 69 additions and 12 deletions   Show diff stats
... ... @@ -1359,6 +1359,27 @@ table {
1359 1359 top: -3px;
1360 1360 }*/
1361 1361  
  1362 +.card1 {
  1363 + width: 100%;
  1364 + position: relative;
  1365 + display: inline-block;
  1366 +}
  1367 +.card1 .img-top {
  1368 + width: 100%;
  1369 + display: none;
  1370 + position: absolute;
  1371 + cursor: pointer;
  1372 + top: 0;
  1373 + left: 0;
  1374 + z-index: 99;
  1375 +}
  1376 +.card1:hover .img-top {
  1377 + display: inline;
  1378 +}
  1379 +div:hover {
  1380 + color: #fff;
  1381 +}
  1382 +
1362 1383 .active, .btn:hover, .btn:onclick {
1363 1384 background-color: grey;
1364 1385 border: grey;
... ...
... ... @@ -78,15 +78,24 @@
78 78 <div class="txt">Ahmedabad</div>
79 79 </div> -->
80 80 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
81   - <img class="card-img-top" src="images/ahmedabad.png" ng-click="watch('Ahmedabad')" >
  81 + <div class="card1">
  82 + <img class="card-img-top" src="images/ahmedabad.png">
  83 + <img class="img-top" src="images/Ahmedabad_1.png" ng-click="watch('Ahmedabad')">
  84 + </div>
82 85 <div class="txt">Ahmedabad</div>
83 86 </div>
84 87 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
85   - <img class="card-img-top" src="images/Bengaluru.png" ng-click="watch('Bengaluru')">
  88 + <div class="card1">
  89 + <img class="card-img-top" src="images/Bengaluru.png">
  90 + <img class="img-top" src="images/bengaluru_1.png" ng-click="watch('Bengaluru')">
  91 + </div>
86 92 <div class="txt">Bengaluru</div>
87 93 </div>
88 94 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
89   - <img class="card-img-top" src="images/chennai.png" ng-click="watch('Chennai')">
  95 + <div class="card1">
  96 + <img class="card-img-top" src="images/chennai.png">
  97 + <img class="img-top" src="images/chennai_1.png" ng-click="watch('Chennai')">
  98 + </div>
90 99 <div class="txt">Chennai</div>
91 100 </div>
92 101 </div>
... ... @@ -96,15 +105,24 @@
96 105 <div class="stages card-align">
97 106 <div class="row">
98 107 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
99   - <img class="card-img-top" src="images/delhi.png" ng-click="watch('Delhi')">
  108 + <div class="card1">
  109 + <img class="card-img-top" src="images/delhi.png">
  110 + <img class="img-top" src="images/delhi_1.png" ng-click="watch('Delhi')">
  111 + </div>
100 112 <div class="txt">Delhi</div>
101 113 </div>
102 114 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
103   - <img class="card-img-top" src="images/Hyderabad.png" ng-click="watch('hyderabad')">
  115 + <div class="card1">
  116 + <img class="card-img-top" src="images/Hyderabad.png">
  117 + <img class="img-top" src="images/hyderabad_1.png" ng-click="watch('Hyderabad')">
  118 + </div>
104 119 <div class="txt">hyderabad</div>
105 120 </div>
106 121 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
107   - <img class="card-img-top" src="images/jaipur.png" ng-click="watch('Jaipur')">
  122 + <div class="card1">
  123 + <img class="card-img-top" src="images/jaipur.png">
  124 + <img class="img-top" src="images/jaipur_1.png" ng-click="watch('Jaipur')">
  125 + </div>
108 126 <div class="txt">Jaipur</div>
109 127 </div>
110 128 </div>
... ... @@ -113,15 +131,24 @@
113 131 <div class="stages card-align">
114 132 <div class="row">
115 133 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
116   - <img class="card-img-top" src="images/kanpur.png" ng-click="watch('Kanpur')">
  134 + <div class="card1">
  135 + <img class="card-img-top" src="images/kanpur.png">
  136 + <img class="img-top" src="images/kanpur_1.png" ng-click="watch('Kanpur')">
  137 + </div>
117 138 <div class="txt">Kanpur</div>
118 139 </div>
119 140 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
120   - <img class="card-img-top" src="images/kolkata.png" ng-click="watch('Kolkata')">
  141 + <div class="card1">
  142 + <img class="card-img-top" src="images/kolkata.png">
  143 + <img class="img-top" src="images/kolkata_1.png" ng-click="watch('Kolkata')">
  144 + </div>
121 145 <div class="txt">Kolkata</div>
122 146 </div>
123 147 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
124   - <img class="card-img-top" src="images/mumbai.png" ng-click="watch('Mumbai')">
  148 + <div class="card1">
  149 + <img class="card-img-top" src="images/mumbai.png">
  150 + <img class="img-top" src="images/Mumbai_1.png" ng-click="watch('Mumbai')">
  151 + </div>
125 152 <div class="txt">Mumbai</div>
126 153 </div>
127 154 </div>
... ... @@ -132,7 +159,10 @@
132 159 <div class="stages card-align">
133 160 <div class="row">
134 161 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
135   - <img class="card-img-top" src="images/Colombo.png" ng-click="watch('Colombo')">
  162 + <div class="card1">
  163 + <img class="card-img-top" src="images/Colombo.png">
  164 + <img class="img-top" src="images/colombo_1.png" ng-click="watch('Colombo')">
  165 + </div>
136 166 <div class="txt">Colombo</div>
137 167 </div>
138 168 </div>
... ... @@ -144,7 +174,10 @@
144 174 <div class="stages card-align">
145 175 <div class="row">
146 176 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
147   - <img class="card-img-top" src="images/Dhaka.png" ng-click="watch('Dhaka')">
  177 + <div class="card1">
  178 + <img class="card-img-top" src="images/Dhaka.png">
  179 + <img class="img-top" src="images/dhaka_1.png" ng-click="watch('Dhaka')">
  180 + </div>
148 181 <div class="txt">Dhaka</div>
149 182 </div>
150 183 </div>
... ... @@ -156,7 +189,10 @@
156 189 <div class="stages card-align">
157 190 <div class="row">
158 191 <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
159   - <img class="card-img-top" src="images/Kathmandu.png" ng-click="watch('Kathmandu')">
  192 + <div class="card1">
  193 + <img class="card-img-top" src="images/Kathmandu.png">
  194 + <img class="img-top" src="images/kathmandu_1.png" ng-click="watch('Kathmandu')">
  195 + </div>
160 196 <div class="txt">Kathmandu</div>
161 197 </div>
162 198 </div>
... ...