viithiisys / startup_jalsa_frontend

Download as
Browse Code ยป

Commit e6c47cad01dc0b13bf9da4007bb8d87aac5922ab

Authored by Palak Handa
1 parent ff8a12bd3c
Exists in master and in 1 other branch paytm

improve design

Showing 2 changed files with 112 additions and 72 deletions   Show diff stats
... ... @@ -1310,18 +1310,22 @@ table {
1310 1310 .width-auto{
1311 1311 width:auto;
1312 1312 }
1313   -.apply-btn{
1314   - text-align:center;margin-top: 2%;margin-bottom: 2%;
1315   -}
1316   -.Apply-btn{
1317   - font-size: 12px;
1318   - line-height: 1.5;
1319   - border-radius: 10px;
1320   - background-color: rgb(92, 198, 208);
  1313 +/*.card-position{
  1314 + position: relative;
  1315 + top: -3px;
  1316 +}*/
  1317 +
  1318 +.active, .btn:hover, .btn:onclick {
  1319 + background-color: grey;
  1320 + border: grey;
  1321 + color: white;
1321 1322 }
1322   -.Apply-btn:active {
1323   - color: red;
  1323 +.apply-act:hover, .apply-act:focus{
  1324 + background-color: grey;
  1325 + border: grey;
  1326 + color: white;
1324 1327 }
1325   -.Apply-btn:hover {
1326   - background-color: rgb(92, 198, 208);
  1328 +.apply-btn{
  1329 + text-align: center;
  1330 + margin-bottom: 2%;
1327 1331 }
1328 1332 \ No newline at end of file
... ...
pages/registration.html
Diff comments   View file @e6c47ca
... ... @@ -8,19 +8,22 @@
8 8 <img class="card-img-top" src="images/bangeluru.png" style="width:100%">
9 9 <div class="card-block">
10 10 <div class="pull-left">
11   - <h4 class="card-title">Bangalore</h4><br>
  11 + <h4 class="card-title">Bangalore</h4>
12 12 <label class="card-sub-title">Tuesday,</label>
13 13 </div>
14 14 <div class="pull-right">
15   - <label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Bangalore</label>
  15 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  16 + <span style="position: relative;top: -3px;">IIM-Bagalore</span>
  17 + </label>
16 18 </div>
17 19 <div class="clearfix"></div>
18 20 <label class="card-sub-title">Sept 18,2018</label>
19 21 </div>
20   - <div class="card-text2">
21   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
22   - </div>
23 22 </label>
  23 + <div class="clearfix"></div>
  24 + <div class="card-text2">
  25 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  26 + </div>
24 27 </div>
25 28 </div>
26 29 <div class="col-md-3" style="margin-top: 2%;">
... ... @@ -29,19 +32,22 @@
29 32 <img class="card-img-top" src="images/chennai.png" style="width:100%">
30 33 <div class="card-block">
31 34 <div class="pull-left">
32   - <h4 class="card-title">Chennai</h4><br>
  35 + <h4 class="card-title">Chennai</h4>
33 36 <label class="card-sub-title">Thrusday,</label>
34 37 </div>
35 38 <div class="pull-right">
36   - <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Madras</label>
  39 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  40 + <span style="position: relative;top: -3px;">IIT-Madras</span>
  41 + </label>
37 42 </div>
38 43 <div class="clearfix"></div>
39 44 <label class="card-sub-title">Sept 20,2018</label>
40 45 </div>
41   - <div class="card-text2">
42   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
43   - </div>
44 46 </label>
  47 + <div class="clearfix"></div>
  48 + <div class="card-text2">
  49 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  50 + </div>
45 51 </div>
46 52 </div>
47 53 <div class="col-md-3" style="margin-top: 2%;">
... ... @@ -50,19 +56,22 @@
50 56 <img class="card-img-top" src="images/hydrabad.png" style="width:100%">
51 57 <div class="card-block">
52 58 <div class="pull-left">
53   - <h4 class="card-title">Hyderabad</h4><br>
  59 + <h4 class="card-title">Hyderabad</h4>
54 60 <label class="card-sub-title">Saturday,</label>
55 61 </div>
56 62 <div class="pull-right">
57   - <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Hyderabad</label>
  63 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  64 + <span style="position: relative;top: -3px;">IIT-Hyderabad</span>
  65 + </label>
58 66 </div>
59 67 <div class="clearfix"></div>
60 68 <label class="card-sub-title">Sept 22,2018</label>
61 69 </div>
62   - <div class="card-text2">
63   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
64   - </div>
65 70 </label>
  71 + <div class="clearfix"></div>
  72 + <div class="card-text2">
  73 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  74 + </div>
66 75 </div>
67 76 </div>
68 77 <div class="col-md-3" style="margin-top: 2%;">
... ... @@ -71,19 +80,22 @@
71 80 <img class="card-img-top" src="images/mumbai.png" style="width:100%">
72 81 <div class="card-block">
73 82 <div class="pull-left">
74   - <h4 class="card-title">Mumbai</h4><br>
  83 + <h4 class="card-title">Mumbai</h4>
75 84 <label class="card-sub-title">Sunday,</label>
76 85 </div>
77 86 <div class="pull-right">
78   - <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Bombay</label>
  87 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  88 + <span style="position: relative;top: -3px;">IIT-Bombay</span>
  89 + </label>
79 90 </div>
80 91 <div class="clearfix"></div>
81 92 <label class="card-sub-title">Sept 23,2018</label>
82 93 </div>
83   - <div class="card-text2">
84   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
85   - </div>
86 94 </label>
  95 + <div class="clearfix"></div>
  96 + <div class="card-text2">
  97 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  98 + </div>
87 99 </div>
88 100 </div>
89 101 </div>
... ... @@ -97,19 +109,22 @@
97 109 <img class="card-img-top" src="images/guwahati.png" style="width:100%">
98 110 <div class="card-block">
99 111 <div class="pull-left">
100   - <h4 class="card-title">Guwahati</h4><br>
  112 + <h4 class="card-title">Guwahati</h4>
101 113 <label class="card-sub-title">Saturday,</label>
102 114 </div>
103 115 <div class="pull-right">
104   - <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Guwahati</label>
  116 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  117 + <span style="position: relative;top: -3px;">IIT-Guwahati</span>
  118 + </label>
105 119 </div>
106 120 <div class="clearfix"></div>
107 121 <label class="card-sub-title">Sept 29,2018</label>
108 122 </div>
109   - <div class="card-text2">
110   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
111   - </div>
112 123 </label>
  124 + <div class="clearfix"></div>
  125 + <div class="card-text2">
  126 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  127 + </div>
113 128 </div>
114 129 </div>
115 130 <div class="col-md-3" style="margin-top: 2%;">
... ... @@ -118,19 +133,22 @@
118 133 <img class="card-img-top" src="images/kolkata.png" style="width:100%">
119 134 <div class="card-block">
120 135 <div class="pull-left">
121   - <h4 class="card-title">Kolkata</h4><br>
  136 + <h4 class="card-title">Kolkata</h4>
122 137 <label class="card-sub-title">Wednesday,</label>
123 138 </div>
124 139 <div class="pull-right">
125   - <label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Calcutta</label>
  140 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  141 + <span style="position: relative;top: -3px;">IIM-Calcutta</span>
  142 + </label>
126 143 </div>
127 144 <div class="clearfix"></div>
128 145 <label class="card-sub-title">Oct 3,2018</label>
129 146 </div>
130   - <div class="card-text2">
131   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
132   - </div>
133 147 </label>
  148 + <div class="clearfix"></div>
  149 + <div class="card-text2">
  150 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  151 + </div>
134 152 </div>
135 153 </div>
136 154 <div class="col-md-3" style="margin-top: 2%;">
... ... @@ -139,19 +157,22 @@
139 157 <img class="card-img-top" src="images/jaipur.png" style="width:100%">
140 158 <div class="card-block">
141 159 <div class="pull-left">
142   - <h4 class="card-title">Jaipur</h4><br>
  160 + <h4 class="card-title">Jaipur</h4>
143 161 <label class="card-sub-title">Friday,</label>
144 162 </div>
145 163 <div class="pull-right">
146   - <label class="card-sub-title"><i class="material-icons">location_on</i>Startup Oasis</label>
  164 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  165 + <span style="position: relative;top: -3px;">Startup Oasis</span>
  166 + </label>
147 167 </div>
148 168 <div class="clearfix"></div>
149 169 <label class="card-sub-title">Oct 5,2018</label>
150 170 </div>
151   - <div class="card-text2">
152   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
153   - </div>
154 171 </label>
  172 + <div class="clearfix"></div>
  173 + <div class="card-text2">
  174 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  175 + </div>
155 176 </div>
156 177 </div>
157 178 <div class="col-md-3" style="margin-top: 2%;">
... ... @@ -160,19 +181,22 @@
160 181 <img class="card-img-top" src="images/delhi.png" style="width:100%">
161 182 <div class="card-block">
162 183 <div class="pull-left">
163   - <h4 class="card-title">Delhi</h4><br>
  184 + <h4 class="card-title">Delhi</h4>
164 185 <label class="card-sub-title">Monday,</label>
165 186 </div>
166 187 <div class="pull-right">
167   - <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Delhi</label>
  188 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  189 + <span style="position: relative;top: -3px;">IIT-Delhi</span>
  190 + </label>
168 191 </div>
169 192 <div class="clearfix"></div>
170 193 <label class="card-sub-title">Sept 8,2018</label>
171 194 </div>
172   - <div class="card-text2">
173   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
174   - </div>
175 195 </label>
  196 + <div class="clearfix"></div>
  197 + <div class="card-text2">
  198 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  199 + </div>
176 200 </div>
177 201 </div>
178 202 </div>
... ... @@ -186,19 +210,22 @@
186 210 <img class="card-img-top" src="images/kanpur.png" style="width:100%">
187 211 <div class="card-block">
188 212 <div class="pull-left">
189   - <h4 class="card-title">Kanpur</h4><br>
  213 + <h4 class="card-title">Kanpur</h4>
190 214 <label class="card-sub-title">Wednesday,</label>
191 215 </div>
192 216 <div class="pull-right">
193   - <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Kanpur</label>
  217 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  218 + <span style="position: relative;top: -3px;">IIT-Kanpur</span>
  219 + </label>
194 220 </div>
195 221 <div class="clearfix"></div>
196 222 <label class="card-sub-title">Oct 10,2018</label>
197 223 </div>
198   - <div class="card-text2">
199   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
200   - </div>
201 224 </label>
  225 + <div class="clearfix"></div>
  226 + <div class="card-text2">
  227 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  228 + </div>
202 229 </div>
203 230 </div>
204 231 <div class="col-md-3" style="margin-top: 2%;">
... ... @@ -207,19 +234,22 @@
207 234 <img class="card-img-top" src="images/ahmedabad.png" style="width:100%">
208 235 <div class="card-block">
209 236 <div class="pull-left">
210   - <h4 class="card-title">Ahmedabad</h4><br>
  237 + <h4 class="card-title">Ahmedabad</h4>
211 238 <label class="card-sub-title">Friday,</label>
212 239 </div>
213 240 <div class="pull-right">
214   - <label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Ahmedabad</label>
  241 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  242 + <span style="position: relative;top: -3px;">IIM-Ahmedabad</span>
  243 + </label>
215 244 </div>
216 245 <div class="clearfix"></div>
217 246 <label class="card-sub-title">Oct 12,2018</label>
218 247 </div>
219   - <div class="card-text2">
220   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
221   - </div>
222 248 </label>
  249 + <div class="clearfix"></div>
  250 + <div class="card-text2">
  251 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  252 + </div>
223 253 </div>
224 254 </div>
225 255 <div class="col-md-3" style="margin-top: 2%;">
... ... @@ -228,19 +258,22 @@
228 258 <img class="card-img-top" src="images/indore.png" style="width:100%">
229 259 <div class="card-block">
230 260 <div class="pull-left">
231   - <h4 class="card-title">Indore</h4><br>
  261 + <h4 class="card-title">Indore</h4>
232 262 <label class="card-sub-title">Monday,</label>
233 263 </div>
234 264 <div class="pull-right">
235   - <label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Indore</label>
  265 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  266 + <span style="position: relative;top: -3px;">IIM-Indore</span>
  267 + </label>
236 268 </div>
237 269 <div class="clearfix"></div>
238 270 <label class="card-sub-title">Oct 15,2018</label>
239 271 </div>
240   - <div class="card-text2">
241   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
242   - </div>
243 272 </label>
  273 + <div class="clearfix"></div>
  274 + <div class="card-text2">
  275 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  276 + </div>
244 277 </div>
245 278 </div>
246 279 <div class="col-md-3" style="margin-top: 2%;">
... ... @@ -249,19 +282,22 @@
249 282 <img class="card-img-top" src="images/roorkee.png" style="width:100%">
250 283 <div class="card-block">
251 284 <div class="pull-left">
252   - <h4 class="card-title">Roorkee</h4><br>
  285 + <h4 class="card-title">Roorkee</h4>
253 286 <label class="card-sub-title">Wednesday,</label>
254 287 </div>
255 288 <div class="pull-right">
256   - <label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Roorkee</label>
  289 + <label class="card-sub-title"><i class="material-icons">location_on</i>
  290 + <span style="position: relative;top: -3px;">IIT-Roorkee</span>
  291 + </label>
257 292 </div>
258 293 <div class="clearfix"></div>
259 294 <label class="card-sub-title">Oct 17,2018</label>
260 295 </div>
261   - <div class="card-text2">
262   - <button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" >Apply</button>
263   - </div>
264 296 </label>
  297 + <div class="clearfix"></div>
  298 + <div class="card-text2">
  299 + <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  300 + </div>
265 301 </div>
266 302 </div>
267 303 </div>
... ...