Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code ยป

Commit 944cbb8ea3e2c9c3e11482b995f393cc82568247

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

design changes

Showing 4 changed files with 81 additions and 57 deletions   Show diff stats
1 1 {
2 2 outline: none !important;
3 3 }
4   -.header{
5   - /*width: 100%;*/
6   - font-size: 42px;
7   - text-align: center;
8   - color:#3f51b5;
9   - padding-top:2%;
10   - /*padding: 4px 20px;*/
11   -}
  4 +
12 5 .logo{
13 6 height: 45px;
14 7 margin-left:
... ... @@ -206,7 +199,8 @@
206 199 padding: 5px;
207 200 }
208 201 .submit-button, .submit-button:hover{
209   - background-color: #00bcd4;
  202 + /*background-color: #00bcd4;*/
  203 + background-color: rgb(92, 198, 208);
210 204 color: #fff;
211 205 /*display: none;*/
212 206 }
... ... @@ -1156,7 +1150,7 @@ input.hidden {
1156 1150 line-height: normal;
1157 1151 }
1158 1152 .card-sub-title{
1159   - font-size: 15px;
  1153 + font-family: 'Arial',sans-serif;
1160 1154 /*color: #666;*/
1161 1155 font-weight: normal;
1162 1156 margin-bottom: 0;
... ... @@ -1281,6 +1275,46 @@ table {
1281 1275 width: 60%;
1282 1276 }
1283 1277 .city-meetup {
1284   - opacity: 0.9;
1285   - filter: alpha(opacity=90); /* For IE8 and earlier */
  1278 + opacity: 0.8;
  1279 + filter: alpha(opacity=80); /* For IE8 and earlier */
  1280 +}
  1281 +
  1282 +
  1283 +.card-color{
  1284 + background-color:white;
  1285 +}
  1286 +
  1287 +.startup-jalsa{
  1288 + font-family: 'BenchNine', sans-serif;
  1289 + font-size: 70.15pt;
  1290 + color: rgb(25, 104, 157);
  1291 +}
  1292 +.header{
  1293 + /*width: 100%;*/
  1294 + text-align: center;
  1295 + padding-top:2%;
  1296 + /*padding: 4px 20px;*/
  1297 +}
  1298 +.happen-city{
  1299 + padding-top:12%;
  1300 +}
  1301 +.happen-meetup{
  1302 + font-family: 'Arial',sans-serif;
  1303 + margin-bottom: 10px;
  1304 + margin-left: 5%;
  1305 +}
  1306 +.happen-attend{
  1307 + margin-top:6%;
  1308 +}
  1309 +.width-auto{
  1310 + width:auto;
  1311 +}
  1312 +.apply-btn{
  1313 + text-align:center;margin-top: 2%;margin-bottom: 2%;
  1314 +}
  1315 +.Apply-btn{
  1316 + font-size: 12px;
  1317 + line-height: 1.5;
  1318 + border-radius: 10px;
  1319 + background-color: rgb(92, 198, 208);
1286 1320 }
1287 1321 \ No newline at end of file
... ...
... ... @@ -13,7 +13,7 @@
13 13 <!-- SCROLLS -->
14 14 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/>
15 15 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css"/>
16   -
  16 + <link href="https://fonts.googleapis.com/css?family=BenchNine" rel="stylesheet">
17 17 <!-- SPELLS -->
18 18 <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
19 19 <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
... ...
1 1 <div class="header">
2 2 <div>
3   - <h1>STARTUP JALSA 2018</h1>
  3 + <h1 class="startup-jalsa">STARTUP JALSA 2018</h1>
4 4 </div>
5 5  
6 6 <div class="clearfix"></div>
7 7 </div>
8 8 <!-- CLOSE HEADER -->
9 9 <form name="homeForm">
10   - <div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup " style="background-color:white;">
  10 + <div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup card-color">
11 11 <div class="col-xs-12">
12 12 <div class="row">
13 13 <div class="col-sm-6">
14   - <div style="padding-top:12%;">
15   -
16   - <div style="font-size:17px;margin-bottom: 10px;margin-left: 5%;">
  14 + <div class="happen-city">
  15 + <div class="happen-meetup">
17 16 <b>What will happen at the city meetup:</b>
18 17 </div>
19 18 <ul>
20 19 <li>A mentoring session followed by Q/A by a renowned speaker from the startup ecosystem.</li>
21 20 <li>One-on-one interaction between startups and the Vivekananda Capital team.</li>
22   - <li>The most exciting startups will get travel grant to fly to the 2018 Invest edition of Startup Jalsa where they will have an opportunity to get an investment of Rs 25lacs at 7.5% equity, subject to due diligence.</li>
  21 + <li>The most exciting startups will get travel grant to fly to the 2018 of Startup Jalsa where they will have an opportunity to get an investment of Rs 25lacs at 7.5% equity, subject to due diligence.</li>
23 22 </ul>
24 23 </div>
25 24 </div>
26 25 <div class="row">
27   - <div class="col-sm-6" style="margin-top:6%;">
28   - <div style="width:auto;">
29   - <div style="font-size:17px;margin-bottom: 10px;margin-left: 5%;">
  26 + <div class="col-sm-6 happen-attend">
  27 + <div class="width-auto">
  28 + <div class="happen-meetup">
30 29 <b>Who can attend the meetup?</b>
31 30 </div>
32 31 <ul>
... ... @@ -36,8 +35,8 @@
36 35 </div>
37 36 </div>
38 37 </div><br>
39   - <div style="text-align:center;margin-top: 2%;margin-bottom: 2%;">
40   - <input type="button" style="font-size:16px;color:#fff" class="btn submit-button" value="Apply" ng-click="apply()">
  38 + <div class="apply-btn">
  39 + <input type="button" class="btn submit-button " value="Apply" ng-click="apply()">
41 40 </div>
42 41  
43 42 </div>
... ...
pages/registration.html
Diff comments   View file @944cbb8
1   -<div class="header">
2   - <div style="float: left;">
3   - <a href="http://startupjalsa.com/" target="_blank">
4   - <img src="images/white.png" class="logo" >
5   - </a>
6   - </div>
7   -<div class="clearfix"></div>
8   -</div>
9   -<!-- CLOSE HEADER -->
10 1 <div class="col-xs-12 col-md-10 col-md-offset-1">
11 2 <div class="stage-shadow" id="front">
12 3 <div class="stages card-align">
13 4 <div class="row">
14 5 <div class="col-md-3" style="margin-top: 2%;">
15   - <div class="card" style="width:100%">
  6 + <div class="card" style="width:100%;border-radius: 6px;">
16 7 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
17 8 <img class="card-img-top" src="images/bangeluru.png" style="width:100%">
18 9 <div class="card-block">
... ... @@ -27,13 +18,13 @@
27 18 <label class="card-sub-title">Sept 18,2018</label>
28 19 </div>
29 20 <div class="card-text2">
30   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  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>
31 22 </div>
32 23 </label>
33 24 </div>
34 25 </div>
35 26 <div class="col-md-3" style="margin-top: 2%;">
36   - <div class="card" style="width:100%">
  27 + <div class="card" style="width:100%;border-radius: 6px;">
37 28 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
38 29 <img class="card-img-top" src="images/chennai.png" style="width:100%">
39 30 <div class="card-block">
... ... @@ -48,13 +39,13 @@
48 39 <label class="card-sub-title">Sept 20,2018</label>
49 40 </div>
50 41 <div class="card-text2">
51   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  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>
52 43 </div>
53 44 </label>
54 45 </div>
55 46 </div>
56 47 <div class="col-md-3" style="margin-top: 2%;">
57   - <div class="card" style="width:100%;">
  48 + <div class="card" style="width:100%;border-radius: 6px;">
58 49 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
59 50 <img class="card-img-top" src="images/hydrabad.png" style="width:100%">
60 51 <div class="card-block">
... ... @@ -69,13 +60,13 @@
69 60 <label class="card-sub-title">Sept 22,2018</label>
70 61 </div>
71 62 <div class="card-text2">
72   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  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>
73 64 </div>
74 65 </label>
75 66 </div>
76 67 </div>
77 68 <div class="col-md-3" style="margin-top: 2%;">
78   - <div class="card" style="width:100%">
  69 + <div class="card" style="width:100%;border-radius: 6px;">
79 70 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
80 71 <img class="card-img-top" src="images/mumbai.png" style="width:100%">
81 72 <div class="card-block">
... ... @@ -90,7 +81,7 @@
90 81 <label class="card-sub-title">Sept 23,2018</label>
91 82 </div>
92 83 <div class="card-text2">
93   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  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>
94 85 </div>
95 86 </label>
96 87 </div>
... ... @@ -101,7 +92,7 @@
101 92 <div class="stages card-align">
102 93 <div class="row">
103 94 <div class="col-md-3" style="margin-top: 2%;">
104   - <div class="card" style="width:100%">
  95 + <div class="card" style="width:100%;border-radius: 6px;">
105 96 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
106 97 <img class="card-img-top" src="images/guwahati.png" style="width:100%">
107 98 <div class="card-block">
... ... @@ -116,13 +107,13 @@
116 107 <label class="card-sub-title">Sept 29,2018</label>
117 108 </div>
118 109 <div class="card-text2">
119   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  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>
120 111 </div>
121 112 </label>
122 113 </div>
123 114 </div>
124 115 <div class="col-md-3" style="margin-top: 2%;">
125   - <div class="card" style="width:100%">
  116 + <div class="card" style="width:100%;border-radius: 6px;">
126 117 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
127 118 <img class="card-img-top" src="images/kolkata.png" style="width:100%">
128 119 <div class="card-block">
... ... @@ -137,13 +128,13 @@
137 128 <label class="card-sub-title">Oct 3,2018</label>
138 129 </div>
139 130 <div class="card-text2">
140   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  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>
141 132 </div>
142 133 </label>
143 134 </div>
144 135 </div>
145 136 <div class="col-md-3" style="margin-top: 2%;">
146   - <div class="card" style="width:100%">
  137 + <div class="card" style="width:100%;border-radius: 6px;">
147 138 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
148 139 <img class="card-img-top" src="images/jaipur.png" style="width:100%">
149 140 <div class="card-block">
... ... @@ -158,13 +149,13 @@
158 149 <label class="card-sub-title">Oct 5,2018</label>
159 150 </div>
160 151 <div class="card-text2">
161   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  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>
162 153 </div>
163 154 </label>
164 155 </div>
165 156 </div>
166 157 <div class="col-md-3" style="margin-top: 2%;">
167   - <div class="card" style="width:100%">
  158 + <div class="card" style="width:100%;border-radius: 6px;">
168 159 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
169 160 <img class="card-img-top" src="images/delhi.png" style="width:100%">
170 161 <div class="card-block">
... ... @@ -179,7 +170,7 @@
179 170 <label class="card-sub-title">Sept 8,2018</label>
180 171 </div>
181 172 <div class="card-text2">
182   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  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>
183 174 </div>
184 175 </label>
185 176 </div>
... ... @@ -190,7 +181,7 @@
190 181 <div class="stages card-align">
191 182 <div class="row">
192 183 <div class="col-md-3" style="margin-top: 2%;">
193   - <div class="card" style="width:100%">
  184 + <div class="card" style="width:100%;border-radius: 6px;">
194 185 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
195 186 <img class="card-img-top" src="images/kanpur.png" style="width:100%">
196 187 <div class="card-block">
... ... @@ -205,13 +196,13 @@
205 196 <label class="card-sub-title">Oct 10,2018</label>
206 197 </div>
207 198 <div class="card-text2">
208   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  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>
209 200 </div>
210 201 </label>
211 202 </div>
212 203 </div>
213 204 <div class="col-md-3" style="margin-top: 2%;">
214   - <div class="card" style="width:100%">
  205 + <div class="card" style="width:100%;border-radius: 6px;">
215 206 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
216 207 <img class="card-img-top" src="images/ahmedabad.png" style="width:100%">
217 208 <div class="card-block">
... ... @@ -226,13 +217,13 @@
226 217 <label class="card-sub-title">Oct 12,2018</label>
227 218 </div>
228 219 <div class="card-text2">
229   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  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>
230 221 </div>
231 222 </label>
232 223 </div>
233 224 </div>
234 225 <div class="col-md-3" style="margin-top: 2%;">
235   - <div class="card" style="width:100%">
  226 + <div class="card" style="width:100%;border-radius: 6px;">
236 227 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
237 228 <img class="card-img-top" src="images/indore.png" style="width:100%">
238 229 <div class="card-block">
... ... @@ -247,13 +238,13 @@
247 238 <label class="card-sub-title">Oct 15,2018</label>
248 239 </div>
249 240 <div class="card-text2">
250   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  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>
251 242 </div>
252 243 </label>
253 244 </div>
254 245 </div>
255 246 <div class="col-md-3" style="margin-top: 2%;">
256   - <div class="card" style="width:100%">
  247 + <div class="card" style="width:100%;border-radius: 6px;">
257 248 <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
258 249 <img class="card-img-top" src="images/roorkee.png" style="width:100%">
259 250 <div class="card-block">
... ... @@ -268,7 +259,7 @@
268 259 <label class="card-sub-title">Oct 17,2018</label>
269 260 </div>
270 261 <div class="card-text2">
271   - <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
  262 + <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>
272 263 </div>
273 264 </label>
274 265 </div>
... ...