Shilpi Saini / startup_jalsa_frontend

Download as
Browse Code ยป

Commit 5734bf6dccad32da12e974147bdfb7cd0f201156

Authored by apple
1 parent 40a9320822
Exists in master and in 1 other branch paytm

design change

Showing 5 changed files with 252 additions and 45 deletions   Show diff stats
... ... @@ -200,7 +200,7 @@
200 200 }
201 201 .submit-button, .submit-button:hover{
202 202 /*background-color: #00bcd4;*/
203   - background-color: rgb(92, 198, 208);
  203 + background-color: #0161EE;
204 204 color: #fff;
205 205 /*display: none;*/
206 206 }
... ... @@ -210,12 +210,15 @@
210 210  
211 211 .submit-button-form, .submit-button-form:hover{
212 212  
213   - background-color: rgb(92, 198, 208);
214   - color: #fff;
  213 + background-color: #0161EE;
  214 + margin-top: 2%;
  215 + margin-bottom: 3%;
215 216  
216 217 }
217 218 .submit-button-form:disabled{
218 219 background-color: #ddd;
  220 + margin-top: 2%;
  221 + margin-bottom: 3%;
219 222 }
220 223  
221 224 .textarea{
... ... @@ -385,6 +388,10 @@ stroke-dashoffset:0
385 388 /*form -css*/
386 389 .form-all {
387 390 margin: 13px 4px 26px -2px;
  391 + border-radius: 15px;
  392 + background-color: #fff;
  393 + padding-top: 1px;
  394 + padding-left: 1%;
388 395 /*display: none;*/
389 396 }
390 397  
... ... @@ -410,9 +417,9 @@ stroke-dashoffset:0
410 417 background-color: #ffffff;
411 418 }
412 419  
413   -.line-size {
  420 +/* .line-size {
414 421  
415   -}
  422 +} */
416 423  
417 424 .card-paragraph {
418 425 background-color: rgba(66, 181, 73, 0.61);
... ... @@ -1163,8 +1170,12 @@ input.hidden {
1163 1170 display: block;
1164 1171 width: 100%;
1165 1172 height: auto;
  1173 + cursor: pointer;
  1174 +}
  1175 +.title{
  1176 + text-align: center;
  1177 + color: #0161EE;
1166 1178 }
1167   -
1168 1179 .card-title {
1169 1180 /*font-size: 17px;*/
1170 1181 font-weight: 600;
... ... @@ -1353,20 +1364,60 @@ table {
1353 1364 border: grey;
1354 1365 color: white;
1355 1366 }
1356   -.apply-act:hover, .apply-act:focus{
1357   - background-color: grey;
1358   - border: grey;
1359   - color: white;
  1367 +.apply-act1:hover, .apply-act1:focus{
  1368 + background-color: #171717;
  1369 + border-color: #0161EE;
  1370 + color: #0161EE;
  1371 +}
  1372 +.apply-act2:hover, .apply-act2:focus{
  1373 + background-color: #171717;
  1374 + border-color: #0161EE;
  1375 + color: #0161EE;
  1376 +}
  1377 +.apply-act3:hover, .apply-act3:focus{
  1378 + background-color: #171717;
  1379 + border-color: #0161EE;
  1380 + color: #0161EE;
  1381 +}
  1382 +.apply-act4:hover, .apply-act4:focus{
  1383 + background-color: #171717;
  1384 + border-color: #0161EE;
  1385 + color: #0161EE;
1360 1386 }
1361 1387 .apply-btn{
1362 1388 text-align: center;
1363 1389 margin-bottom: 2%;
1364 1390 }
1365   -
  1391 +.txt{
  1392 + margin-top: 3%;
  1393 + text-align: center;
  1394 +}
1366 1395 .cursor:hover{
1367 1396 cursor: context-menu;
1368 1397 }
1369   -
  1398 +.buttons{
  1399 + padding: 3% 0 0 0;
  1400 + text-align: center;
  1401 + font-size: 100px;
  1402 +}
  1403 +.btn-lg{
  1404 + font-size:25px;
  1405 + background-color: #171717;
  1406 + color: #454545;
  1407 + border-color: #454545;
  1408 +}
  1409 +.btn1{
  1410 + padding: 12px 40px;
  1411 +}
  1412 +.btn2{
  1413 + padding: 12px 31px;
  1414 +}
  1415 +.btn3{
  1416 + padding: 12px 18px;
  1417 +}
  1418 +.btn4{
  1419 + padding: 12px 40px;
  1420 +}
1370 1421 .bg_dots{
1371 1422 position: absolute;
1372 1423 left:0;
... ... @@ -1375,7 +1426,8 @@ table {
1375 1426 height: 700px;
1376 1427 position:fixed;
1377 1428 background-position: top center;
1378   - background-image: url(/images/mock_up_background.jpg);
  1429 + /* background-image: url(/images/background.jpg); */
  1430 + background-color: #171717;
1379 1431 background-repeat: no-repeat;
1380 1432 background-size: 100% auto;
1381 1433 -webkit-background-size:100% auto;
... ... @@ -1413,6 +1465,22 @@ table {
1413 1465  
1414 1466  
1415 1467 @media (max-width:767px){
  1468 + .buttons {
  1469 + /* margin-top:23%; */
  1470 + font-size: 100px;
  1471 + }
  1472 + .btn-lg{
  1473 + width:74%;
  1474 + }
  1475 + .btn1{
  1476 + margin-bottom: 3%;
  1477 + }
  1478 + .btn2{
  1479 + margin-bottom: 3%;
  1480 + }
  1481 + .btn3{
  1482 + margin-bottom: 3%;
  1483 + }
1416 1484 h1{
1417 1485 font-size:2.8rem;
1418 1486 }
... ...
... ... @@ -68,6 +68,6 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
68 68 </div>
69 69  
70 70 </body>
71   -<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="7899c0bb-0bd6-4768-b64c-f2df38bc2e9a";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
  71 +<!-- <script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="7899c0bb-0bd6-4768-b64c-f2df38bc2e9a";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script> -->
72 72  
73 73 </html>
... ...
1   -<div class="header" >
  1 +<!-- <div class="header" >
2 2 <div>
3 3 <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span>
4   - <!-- <h1 class="startup-jalsa">2018</h1> -->
5 4 <h4 class="PitchYourPower">#PitchYourPower</h4>
6 5 </div>
7 6  
8 7 <div class="clearfix"></div>
9 8 </div>
10   -<!-- CLOSE HEADER -->
11 9 <form name="homeForm">
12 10 <div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup card-color " >
13 11 <div class="col-xs-12">
... ... @@ -49,19 +47,9 @@
49 47 <li>Two exciting startups from each city will get a travel grant to fly to Startup Jalsa, Invest Edition.</li>
50 48 </ul>
51 49 </div>
52   - <!-- <div class="width-auto">
53   - <div class="happen-meetup" style="margin-top: -18px;">
54   - <b class="phone-meetup">Who can attend the meetup?</b>
55   - </div>
56   - <ul class="phone-meetup">
57   - <li>A MVP (Minimum Viable Product) is all you need to participate. If you have revenue, even better.</li>
58   - </ul>
59   - </div>
60   - </div> -->
61 50 </div>
62 51 </div><br>
63 52 <div class="apply-btn">
64   - <!-- <input type="button" class="btn submit-button " value="Apply" ng-click="apply()"> -->
65 53 <button class="btn submit-button apply-act" value="Apply" ng-click="apply()" >Proceed</button>
66 54 </div>
67 55 </div>
... ... @@ -70,7 +58,111 @@
70 58 <footer>
71 59 <img id="footer" class="img-responsive banner">
72 60 <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>
73   -</footer>
  61 +</footer> -->
  62 +<div class="col-xs-12 buttons">
  63 + <button type="button" class="btn btn-dark btn-lg apply-act1 btn1" ng-click="isShowHide('INDIA')" value="INDIA" id="defaultcountry">INDIA</button>
  64 + <button type="button" class="btn btn-dark btn-lg apply-act2 btn2" ng-click="isShowHide('SRI LANKA')" value="SRI LANKA">SRI LANKA</button>
  65 + <button type="button" class="btn btn-dark btn-lg apply-act3 btn3" ng-click="isShowHide('BANGLADESH')" value="BANGLADESH">BANGLADESH</button>
  66 + <button type="button" class="btn btn-dark btn-lg apply-act4 btn4" ng-click="isShowHide('NEPAL')" value="NEPAL">NEPAL</button>
  67 +</div>
  68 +<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showval">
  69 + <div class="stage-shadow" id="front">
  70 + <div class="stages card-align">
  71 + <div class="row">
  72 + <!-- <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
  73 + <div class="card" style="width:100%;border-radius: 6px;">
  74 + <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
  75 + <img class="card-img-top" src="images/Ahmedabad.png" style="width:100%" ng-click="watch('Chennai')">
  76 + </label>
  77 + </div>
  78 + <div class="txt">Ahmedabad</div>
  79 + </div> -->
  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')" >
  82 + <div class="txt">Ahmedabad</div>
  83 + </div>
  84 + <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')">
  86 + <div class="txt">Bengaluru</div>
  87 + </div>
  88 + <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')">
  90 + <div class="txt">Chennai</div>
  91 + </div>
  92 + </div>
  93 + </div>
  94 + </div>
  95 + <div class="clearfix"></div>
  96 + <div class="stages card-align">
  97 + <div class="row">
  98 + <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')">
  100 + <div class="txt">Delhi</div>
  101 + </div>
  102 + <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')">
  104 + <div class="txt">hyderabad</div>
  105 + </div>
  106 + <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')">
  108 + <div class="txt">Jaipur</div>
  109 + </div>
  110 + </div>
  111 + </div>
  112 + <div class="clearfix"></div>
  113 + <div class="stages card-align">
  114 + <div class="row">
  115 + <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')">
  117 + <div class="txt">Kanpur</div>
  118 + </div>
  119 + <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')">
  121 + <div class="txt">Kolkata</div>
  122 + </div>
  123 + <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')">
  125 + <div class="txt">Mumbai</div>
  126 + </div>
  127 + </div>
  128 + </div>
  129 +</div>
  130 +<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hideval">
  131 + <div class="stage-shadow" id="front">
  132 + <div class="stages card-align">
  133 + <div class="row">
  134 + <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')">
  136 + <div class="txt">Colombo</div>
  137 + </div>
  138 + </div>
  139 + </div>
  140 + </div>
  141 +</div>
  142 +<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showvalue">
  143 + <div class="stage-shadow" id="front">
  144 + <div class="stages card-align">
  145 + <div class="row">
  146 + <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')">
  148 + <div class="txt">Dhaka</div>
  149 + </div>
  150 + </div>
  151 + </div>
  152 + </div>
  153 +</div>
  154 +<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hidevalue">
  155 + <div class="stage-shadow" id="front">
  156 + <div class="stages card-align">
  157 + <div class="row">
  158 + <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')">
  160 + <div class="txt">Kathmandu</div>
  161 + </div>
  162 + </div>
  163 + </div>
  164 + </div>
  165 +</div>
74 166 <span ng-show="span == true">
75 167 <span id="chennai"></span>
76 168 <span id="mumbai"></span>
... ... @@ -79,8 +171,9 @@
79 171 <span id="delhi"></span>
80 172 <span id="ahmedabad"></span>
81 173 <span id="bengaluru"></span>
82   - <span id="jaipur"></span>kanpur
  174 + <span id="jaipur"></span>
83 175 <span id="kanpur"></span>
84 176 <span id="dharamsala"></span>
85 177 </span>
86 178  
  179 +
... ...
pages/registration.html
Diff comments   View file @5734bf6
1 1 <div class="header">
2 2 <div>
3   - <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span>
  3 + <!-- <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span> -->
4 4 <!-- <img src="images/SartupJalsa_Logo.png" style="width:200px;position:relative;"> -->
5 5 </div>
6 6 <div class="clearfix"></div>
... ... @@ -9,6 +9,7 @@
9 9 <form name="applicantForm">
10 10 <div class="col-xs-12 col-md-8 col-md-offset-2">
11 11 <div class="form-all">
  12 + <h4 class="title">General Information</h4>
12 13 <!-- <table style="width: 100%;">
13 14 <tr>
14 15 <td>
... ... @@ -180,20 +181,23 @@
180 181 <!-- </td>
181 182 </tr>
182 183 </table> -->
  184 + <div class="text-center">
  185 + <input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
  186 + </div>
183 187 </div>
184 188 <!-- CLOSE form-all -->
185 189 <!-- </div> -->
186   - <div class="clearfix"></div>
  190 + <!-- <div class="clearfix"></div>
187 191 <div class="text-center">
188 192 <input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
189   - </div>
  193 + </div> -->
190 194 </div>
191 195 <!-- col-xs-12 col-md-8 col-md-offset-2 -->
192   - <footer>
  196 + <!-- <footer>
193 197 <img id="footer" class="img-responsive banner">
194 198 <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a>
195 199 </center>
196   - </footer>
  200 + </footer> -->
197 201 </form>
198 202 <!-- CLOSE FORM -->
199 203 <!-- </div> CLOSE CHECK VIEW -->
... ...
... ... @@ -30,7 +30,7 @@
30 30 })
31 31  
32 32 // route for the registration page
33   - .when('/registration/:city', {
  33 + .when('/registration', {
34 34 templateUrl: 'pages/registration.html',
35 35 controller: 'registrationController'
36 36 })
... ... @@ -47,9 +47,9 @@
47 47 controller: 'registrationController'
48 48 })
49 49  
50   - .otherwise({
51   - redirectTo: '/'
52   - });
  50 + // .otherwise({
  51 + // redirectTo: '/'
  52 + // });
53 53  
54 54 });
55 55  
... ... @@ -73,7 +73,12 @@
73 73 $scope.data = {
74 74 show: true,
75 75 hide: false
76   - };
  76 + };
  77 + window.onload = function(){
  78 + var element = document.getElementById("defaultcountry");
  79 + element.classList.add("active");
  80 + console.log("element",element)
  81 + }
77 82  
78 83 var chennai = new Date("Sept 19, 2018 12:00:00").getTime();
79 84 // Update the count down every 1 second
... ... @@ -332,12 +337,48 @@
332 337 "amount": $scope.payingAmnt,
333 338 "currency": "INR",
334 339 "status": "pending"
335   - }
336   -
337   - $scope.apply = function() {
338   - //Analytics.trackEvent('register', 'click', 'Registration');
339   - $location.path("/caricatures")
340 340 }
  341 +
  342 + $scope.showval = true;
  343 + $scope.hideval = false;
  344 + $scope.showvalue = false;
  345 + $scope.hidevalue = false;
  346 + $scope.isShowHide = function (value) {
  347 + console.log(value)
  348 + if (value == "INDIA") {
  349 + console.log("value",value)
  350 + $scope.showval = true;
  351 + $scope.hideval = false;
  352 + $scope.showvalue = false;
  353 + $scope.hidevalue = false;
  354 + }
  355 + else if (value == "SRI LANKA") {
  356 + console.log("value1",value)
  357 + $scope.showval = false;
  358 + $scope.hideval = true;
  359 + $scope.showvalue = false;
  360 + $scope.hidevalue = false;
  361 + }
  362 + else if (value == "BANGLADESH") {
  363 + console.log("value2",value)
  364 + $scope.showval = false;
  365 + $scope.hideval = false;
  366 + $scope.showvalue = true;
  367 + $scope.hidevalue = false;
  368 + }
  369 + else {
  370 + console.log("value3",value)
  371 + $scope.showval = false;
  372 + $scope.hideval = false;
  373 + $scope.showvalue = false;
  374 + $scope.hidevalue = true;
  375 + }
  376 + }
  377 +
  378 + // $scope.apply = function() {
  379 + // //Analytics.trackEvent('register', 'click', 'Registration');
  380 + // $location.path("/caricatures")
  381 + // }
341 382  
342 383 $scope.data.city = '';
343 384 $scope.watch = function(value){
... ... @@ -350,7 +391,8 @@
350 391 console.log("cllll2",value)
351 392 localStorage.setItem("city" ,value);
352 393 //$location.path('/registration').search({city: value});
353   - $location.path('/registration/'+value+'');
  394 + // $location.path('/registration/'+value+'');
  395 + $location.path('/registration');
354 396 //$state.go('registration', { 'city': value})
355 397 // }
356 398 }
... ...