Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit 39b23bb65fa585bd2a41ead66b5b5e913f9d58a6

Authored by Palak Handa 2017-11-29 08:48:27 -0500

1 parent f66841110b

Exists in master and in 1 other branch

update design

Showing 5 changed files with 22 additions and 13 deletions Show diff stats

css/custom.css

Diff comments View file @39b23bb

 {
     outline: none !important;
 }
 .header{
     width: 100%;
     padding: 4px 20px;
     background-color: #42b549;
 }
 .logo{
     height: 45px;
     margin-left:
 }
 .hyperColor{
   color: white !important;
   cursor: pointer !important;
 }
 .main-heading{
     height: 70px;
     line-height: 70px;
 }
 .card{
     flex-direction: column;
     background-color: rgb(255,255,255);
     border-radius: 0;
     width: 676px;
     box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .card input{
     display: none;
 }
 .card .card-content{
     padding: 12px;
   font-size: 12px;
 }
 .card p{
   margin-top:18px;
   margin-right:4px ;
   margin-bottom:-5px;
   /*margin-left:13px;*/
     font-family: montserrat, arial, verdana;
     font-weight: normal;
     font-size: 12px;
 }
 .card .thumbnail{
     padding: 15px 30px 1px 28px;
     border: 0;
   border-radius: 0px !important;
 }
 .panel-default{
   border-color: #ddd;
 }
 .video-wrapper{
     padding: 16px 0;
 }
 .stageRadio:checked+label{
     background-color: #42b549;
     color: #fff !important;
 }
 .stageRadio1:checked+label{
     background-color: rgba(158, 158, 158, 0.05);
 }
 /* css for radio buttons */
 .option-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 15px;
   width: 15px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input:checked {
   background: #42b549;
 }
 .option-input:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /*second css*/
 .option-input-a {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 22px;
   width: 22px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input-a:checked {
   background: #42b549;
 }
 .option-input-a:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input-a:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a {
   border-radius: 50%;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /* css for radio ends */
 .card-small{
     cursor: pointer;
 }
 .card-small img{
     width: 37px;
 }
 .card-small label{
     width: 100%;
     font-weight: normal;
     font-size: 12px;
     margin-top: 5px;
 }
 /*.text-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   font-size: 18px;
   padding: 5px;
 }*/
 .input-wrapper{
   margin-bottom: 15px !important;
 }
 .select-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   background-color: transparent;
   font-size: 12px;
   padding: 5px;
 }
 .submit-button, .submit-button:hover{
   background-color: #42b549;
   color: #fff;
   /*display: none;*/
 }
 .submit-button:disabled{
   background-color: #ddd;
 }
 .textarea{
   min-height: 97px;
 }
 .error-message{
   font-weight: inherit;
   color: #ff0000;
   margin: 5px 4px -5px 0px;
   display: none;
 }
 /*custom input*/
 .text-input, select {
     width: 100%;
     -webkit-appearance: none;
     padding: 12px 25px;
      margin: -2px 0;
     display: inline-block;
     border: 0px solid rgba(51, 51, 51, 0);
     border-radius: -3px;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(240, 255, 235);
     -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
     -webkit-box-shadow: 0 0 5px #777;
     -o-box-shadow: 0 0 10px rgba(240, 255, 235);
     font-size: 12px;
 }
 /* progress bar css */
 @-webkit-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @-moz-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 /* Container */
 .progress-form {
   position: relative;
   display: inline-block;
   padding: 0;
   text-align: center;
 }
 /* Item */
 .progress-form>li {
   display: inline-block;
   position: relative;
   text-align: center;
   color: #93A2AC;
   font-family: Lato;
   font-weight: 100;
   margin: 2rem;
 }
 .progress-form>li:before {
   content: attr(data-name);
   position: absolute;
   width: 100%;
   bottom: -2rem;
   font-weight: 400;
 }
 .progress-form>li:after {
   content: attr(data-percent);
   position: absolute;
   width: 100%;
   top: 3.7rem;
   left: 0;
   font-size: 2rem;
   text-align: center;
 }
 .progress-form svg {
   width: 10rem;
   height: 10rem;
 }
 .progress-form svg:nth-child(2) {
   position: absolute;
   left: 0;
   top: 0;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
 }
 .progress-form svg:nth-child(2) path {
   fill: none;
   stroke-width: 25;
   stroke-dasharray: 629;
   stroke: rgba(255, 255, 255, 0.9);
   -webkit-animation: load 10s;
   -moz-animation: load 10s;
   -o-animation: load 10s;
   animation: load 10s;
 }
 /*circle of stage image*/
 .circular{
     -webkit-border-radius: 150px;
     -moz-border-radius: 150px;
     border-radius: 150px;
     box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
     border: 5px solid white;
     overflow: hidden;
     position: fixed;
     height: 100px;
     width: 100px;
     left: 80px;
     top: 20px;
 }
 /*font-size*/
 .font{
   font-size: 14px;
 }
 .f-family {
   font-family:sans-serif;
 }
 /*container-card css*/
 .container-card {
   width: auto;
   float: left;
   margin: 31px 24px 26px 14px;
 }
 /******This css for header container******/
 .h1 {
   font-size: 20px;
   margin: 11px;
 }
 .paragraph {
   font-size: 14px;
   margin: 30px 10px 20px;
   line-height: 1.5;
 }
 /*This css for stages container*/
 .full-line {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 .stages-card {
   width: auto;
   float: left;
   /*margin: -30px 8px 7px 22px;*/
 }
 /*form -css*/
 .form-all {
   margin: 13px 4px 26px -2px;
   /*display: none;*/
 }
 .step-two-form{
   display: block;
 }
 /*This is for stages images*/
 .stage-img {
   width: 115px;
 }
 .stage-thumbnail {
   float: left;
   margin-bottom: 0;
 }
 .stage-shadow {
   /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
   /*margin: 3px 22px 14px 14px;*/
   background-color: #ffffff;
 }
 .line-size {
 }
 .card-paragraph {
   background-color: rgba(66, 181, 73, 0.61);
   color: #fff;
 }
 /* identity card css*/
 .identity-shadow {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .identity-question {
   border-bottom: 2px solid #dedede;
   padding: 0px 10px;
 }
 .identity-align {
   margin: 8px -12px 19px 13px;
 }
 /********This css for sectors**************/
 .sectors-card {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 27px 22px 14px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .sector-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 .sector-question {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 /*To make the Stages in the center*/
 .card-align {
   /*margin: 56px -267px 11px -37px;*/
 }
 /*To make the sectors in the center */
 /*************sidebar content margin***********/
 .sidebar-align {
   margin: -5px -3px -18px 9px;
 }
 .heading {
   margin: 15px 10px 15px 16px;
 }
 .quiz {
   margin: 5px 5px 6px 19px;
   font-size: 12px;
 }
 #footer {
    background-image: url(/images/footer_design.png);
     background-repeat: inherit;
     position: bottom;
     width: 100%;
     height: auto;
     padding: 97px 3px 66px 83px;
  }
+ #front {
+   background-image: url(/images/backgroundimage.jpeg);
+    background-repeat: inherit;
+ }
  .footer {
     bottom: 0px;
     background-color: #76b34f !important;
     width: 100%;
     color:rgba(255, 255, 255, 0.77);
 }
 /********question box*****************/
 .question-shadow {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
 }
 .question-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 /*for p*/
 .line-space {
   line-height: 1.6em;
   font-size: 11px;
 }
 .line-adjust {
   margin-left: 0px;
 }
 /*badge icon css*/
 .material-icons{
   font-size: 17px !important;
 }
 .icon-circle-a {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-b {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-c {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-d {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-e {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-f {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-g {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-h {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-i {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-j {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-k {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-y {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-o {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-l {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-m {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-n {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-x {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-p {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-z {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-q {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-ab {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-abc {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-bc {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-abcdefg {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .referel-icon {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 /*quiz*/
 .q-card-align div{
   margin-bottom: 15px;
 }
 .drop-down {
   background-color: #fff;
   border-radius: 0;
   font-size: 12px;
 }
 .footer-link, .footer-link:hover {
   color:#fff;
 }
 /*idea content margin*/
 .content-idea{
   margin:196px 12px 8px;
 }
 .content-product{
   margin:193px -19px 9px;
 }
 .content-growth{
   margin:192px 11px 8px;
 }
 .last-content-card{
   /*margin: 0px -85px -4px -51px;*/
 }
 @media (max-width: 600px) {
   .content-idea{
     margin: auto;
   }
   .content-product{
     margin: auto;
   }
   .content-growth{
     margin: auto;
   }
   .stages-card{
     margin: auto;
     margin-bottom: 15px;
   }
   .last-content-card{
     margin: auto;
   }
   .card-align{
     margin: auto;
   }
 }
 .toggler {
     width: 500px;
     height: 200px;
   }
   #button {
     padding: .5em 1em;
     text-decoration: none;
   }
   #effect {
     position: relative;
     width: 240px;
     height: 170px;
     padding: 0.4em;
   }
   #effect h3 {
     margin: 0;
     padding: 0.4em;
     text-align: center;
   }
 #snackbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #F44336;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     bottom: 30px;
     font-size: 17px;
 }
 #snackbar.show {
     visibility: visible;
     -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
     animation: fadin 0.5s, fadout 0.5s 2.5s;
 }
 @-webkit-keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 @keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 #snacsskbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #333;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     top: 30px;
     font-size: 17px;
 }
 #snacsskbar.show {
     visibility: visible;
     -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
     animation: fadein 0.5s, fadeout 0.5s 2.5s;
 }
 @-webkit-keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 @keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 input.hidden {
     position: absolute;
     left: -9999px;
 }
 #profile-image1 {
     cursor: pointer;
      width: 100px;
     height: 100px;
     border:2px solid #eee ;
   }
   .tital{ font-size:16px; font-weight:500;}
   .bot-border{ border-bottom:1px #f8f8f8 solid;  margin:5px 0  5px 0}
   .footerpadd{padding: 5px;}
   .container1{
     width: 100%
   }
   .no-margin{
     margin: 0 0 0 !important;
   }
   .no-padding{
     padding: 0 0 0 0 !important;
   }
   .select-stage{
     margin: 10px 0;
   }
   .cards-content{
     margin-top: 40px;
   }
   .cards-content p{
     font-size: 13px;
   }
 .q-card-align{
   margin-top: 15px;
 }
 .width-auto{
   width: auto !important;
 }
 .margin-right-label{
   margin-right: 20px;
 }
 .margin-right-label label{
   margin-left: 5px;
 }
 .apply-coupen-btn{
   position: absolute;
   top: -2px;
   right: 13px;
   border: none;
   height: 44px;
   color: #fff;
   background-color: #666;
   width: 75px;
 }
 .coupen-approved{
   position: absolute;
   right: 120px;
   top: 6px;
   color: rgb(66, 181, 73);
   font-size: 30px !important;
 }
 .right-side-links{
   margin-top: 12px;
 }
 .right-side-links a{
   width: auto;
   display: inline;
 }
 .right-side-links a:first-child{
   border-right: 1px solid #fff;
   padding-right: 4px;
 }
   @media (max-width: 768px){
     .cards-content{
       margin-top: 15px;
       margin-bottom: 30px;
     }
     .no-padding-mobile{
       padding-left: 0 !important;
       padding-right: 0 !important;
     }
     .sector-align .card-small{
       height: 74px;
     }
     .stages-card{
       width: 92%;
     }
     .right-stage-card{
       float: right;
     }
     .margin-auto-mobile{
       margin-left: 4%;
     }
     .card .thumbnail{
       padding: 15px 0 1px 0;
     }
     .thumbnail > img, .thumbnail a > img{
       width: 50%;
     }
     .right-side-links a{
       display: block;
       width: 100%;
     }
     .right-side-links a:first-child{
       border-right: 0 solid #fff;
       padding-right: 0;
     }
     .right-side-links{
       margin-top: 0;
     }
     .panel-default{
       border-color: transparent;
       box-shadow: none;
     }
     .modal-footers {
       padding: 19px 20px 20px;
       margin-top: 15px;
       text-align: center !important;
       margin-bottom: 4px;
     }
   }
 .card-input {
    display: none;
 }
 .card {
     font-size: 1em;
     overflow: hidden;
     padding: 0;
     border: none;
     border-radius: .28571429rem;
     box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
 }
 .card-block {
     font-size: 1em;
     position: relative;
     margin: 0;
     padding: 4%;
     border: none;
     border-top: 1px solid rgba(34, 36, 38, .1);
     box-shadow: none;
 }
 .button-position{
   position: relative;
   top: -10px;
 }
 .card-img-top {
     display: block;
     width: 100%;
     height: auto;
 }
 .card-title {
     font-size: 13px;
     font-weight: 600;
     margin: 0;
     line-height: normal;
 }
 .card-sub-title{
   font-size: 15px;
   color: #666;
   font-weight: normal;
   margin-bottom: 0;
 }
 .button-aligment{
   margin-top: 5px;
 }
 .card-text {
     clear: both;
     margin-top: .5em;
     color: rgba(0, 0, 0, .68);
     padding-bottom: 3%;
     font-size: 13px;
 }
 .card-text2 {
     padding: 3% 0 3% 4%;;
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .card-text2 span{
   font-size: 11px;
   color: #666;
 }
 .card-text2 div{
   margin-top: 0 !important;
   font-weight: normal;
   color: #000;
   font-size: 12px;
   padding-bottom: 0;
 }
 .card-inverse .btn {
     border: 1px solid rgba(0, 0, 0, .05);
 }
 .card-text3 {
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .container {
     display: block;
     position: relative;
     padding: 0;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 16px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width:100%;
 }
 .container1 {
     display: block;
     position: relative;
     padding-left: 31px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 15px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width:100%;
 }
 /* Hide the browser's default radio button */
 .container input {
     position: absolute;
     opacity: 0;
 }
 /* Create a custom radio button */
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #eee;
     border-radius: 50%;
 }
 /* On mouse-over, add a grey background color */
 .container:hover input ~ .checkmark {
     background-color: #ccc;
 }
 /* When the radio button is checked, add a blue background */
 .container input:checked ~ .checkmark {
     background-color: #42b549;
 }
 /* Create the indicator (the dot/circle - hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }
 /* Show the indicator (dot/circle) when checked */
 .container input:checked ~ .checkmark:after {
     display: block;
 }
 /* Style the indicator (dot/circle) */
 .container .checkmark:after {
   top: 9px;
   left: 9px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: white;
 }

images/backgroundimage.jpeg

Diff comments View file @39b23bb

115 KB

index.html

Diff comments View file @39b23bb

pages/Home.html

Diff comments View file @39b23bb

 <div class="header">
    <div style="float: left;">
       <!-- <a href="http://startupjalsa.com/utm_source=signature&utm_medium=Portal/" target="_blank"> -->
       <a href="http://startupjalsa.com/" target="_blank">
          <img src="images/white.png" class="logo" >
       </a>
    </div>
    <!-- <div style="float: right;">
       <input type="button" style="font-size:20px;color:#fff" class="btn submit-button" value="Register Now" ng-click="apply()">
    </div> -->
 <div class="clearfix"></div>
 </div>
 <!-- CLOSE HEADER -->
 <form name="homeForm">
-   <div class="col-xs-12 col-md-10 col-md-offset-1">
+   <div class="col-xs-12 col-md-10 col-md-offset-1" style="background-color:white;">
       <div class="col-xs-12">
          <div class="row">
             <div class="col-sm-8">
                <div style="padding-top:2%;">
                <div style="font-size:17px;margin-bottom: 10px;">
                   <b>Startup Jalsa 2017 brings you a chance to get guaranteed funding of upto ₹1 Crore* in just 3 steps:</b>
                </div>
 		<!--
                   <ul style="font-size:17px">
                      <li>Watch <a href="https://www.youtube.com/watch?v=8i1bLQ7jS0I&feature=youtu.be/" target="_blank">Startup Jalsa 2016</a></li>
                      <li>Watch what<a href="https://www.youtube.com/watch?v=v8jqTRzQqOI&index=2&list=PL_ieVNgs36HStvzUph85NUXjrZIXS_bTg/" target="_blank"> startups, mentors and investors think</a> about it.</li>
                      <li>Watch how <a href="https://www.youtube.com/watch?v=eAFNFvCdvhY&feature=youtu.be" target="_blank">Startup Jalsa 2017</a> can help you.</li>
                   </ul>
                   <div style="padding-top:1%;font-size:16px"><b>Become a part of our network and get access to leading entrepreneurs.</b><br>
                   There are Inspire and Invest editions for selection:</div><br>
 		-->
                   <ol style="margin-bottom: 0;font-size:15px"><li style="font-weight: bold;"><b>Live Pitch Details</b></li></ol>
                   <ul>
                      <li>Select a city meetup near you to pitch your Idea/Startup, using PowerPoint presentation/ video/ verbally.</li>
                      <li>10 startups from each city will be given sponsored travel to Chandigarh for final pitching.</li>
 		                <li>Pitch in front of biggest investors and get on the spot funding.</li>
                   </ul>
                   <p>There are over 30+ investors participating in Jalsa 2017, you will also get to personally interact 1-on-1 with investors.</p>
                   <ol start="2" style="margin-bottom: 0;padding-top:1%;font-size:15px"><li style="font-weight:bold;"><b>Guaranteed funding details:</b></li></ol>
                   <ul>
                      <li>1 idea stage startup will get guaranteed <b>₹10 Lac</b> funding.*</li>
                      <li>1 product stage startup will get guaranteed <b>₹1 Crore</b> funding.*</li>
                   </ul>
                   <!-- <p>* funding Subject to due deligence</p> -->
                </div>
             </div>
             <div class="row">
                <div class="col-sm-4" style="margin-top:2%;">
                   <div class="card" style="width:auto;">
                      <!-- <p style="font-size:15px;padding:3% 4%"><b>Inspire edition of Startup Jalsa is coming to the following cities:</b></p>
                      <span style="padding:0% 4%">Pitch on the following dates: 3:30PM onward.</span>
                      <ul>
                         <li>Chennai</li>
                         <li>Pune</li>
                         <li>Mumbai</li>
                         <li>Ahmedabad</li>
                         <li>Jaipur</li>
                         <li>Hyderabad</li>
                         <li>Bengaluru</li>
                         <li>Delhi</li>
                      </ul> -->
                      <p style="font-size:15px;padding-left:8%;color:red;"><b>Invest edition of Startup Jalsa is in Chandigarh: 16th & 17th December</b></p>
                      <p style="font-size:15px;padding-left:8%"><b>Starts at 11am on 16th December, Ends at 7pm on 17th December</b></p>
+                     <p style="font-size:15px;padding-left:8%"><b>Agenda of the main event:<a href ="https://docs.google.com/spreadsheets/d/1NIcr0V02EMdr2rSNYXaP2gV8A5J5dQAV_a6fzAw5AE4/edit?usp=sharing" target="_blank" style="color:#269abc"> Click here</a></b></p>
                      <p style="font-size:15px;padding-left:8%"><b>Highlights of 2016 edition:<a href ="https://www.youtube.com/watch?v=8i1bLQ7jS0I&feature=youtu.be" target="_blank" style="color:#269abc"> https://youtu.be/8i1bLQ7jS0I</a></b></p>
                      <p style="font-size:15px;padding-left:8%"><b>Concept of 2017 edition:<a href ="https://www.youtube.com/watch?v=FpJWuhZj1bc&feature=youtu.be" target="_blank" style="color:#269abc"> https://youtu.be/FpJWuhZj1bc</a></b></p><br>
                   </div>
                </div>
             </div>
          </div><br>
          <div style="text-align:center">
-            <input type="button" style="font-size:16px;color:#fff" class="btn submit-button" value="Select City" ng-click="apply()">
+            <input type="button" style="font-size:16px;color:#fff" class="btn submit-button" value="Apply for startup jalsa" ng-click="apply()">
          </div><br>
          <div style="font-size:15px">* Subject to industry standard due diligence.<br>
          <span style="color:red"> For any queries contact Pallav: 9915319237</span><!-- <br> -->
          <!-- <span style="color:red">IIT Madras and IIT Madras Research Park startups call Nirmal- +918355975855 for promo codes.</span> -->
          </div><br>
       </div>
    </div>
    <footer>
       <img id="footer" class="img-responsive banner">
       <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a> </center>
    </footer>
 </form>
   <span ng-show="span == true">
      <span id="chennai"></span>
      <span id="pune"></span>
      <span id="mumbai"></span>
      <span id="hyderabad"></span>
      <span id="chandigarh"></span>
      <span id="delhi"></span>
      <span id="ahmedabad"></span>
      <span id="bangalore"></span>
      <span id="jaipur"></span>
      <span id="maininvest"></span>
   </span>

pages/registration.html

Diff comments View file @39b23bb

 <div class="header">
    <div style="float: left;">
       <a href="http://startupjalsa.com/" target="_blank">
          <img src="images/white.png" class="logo" >
       </a>
    </div>
    <!-- <div style="float: right;" class="right-side-links">
          <a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a>
          <a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a>
    </div> -->
 <div class="clearfix"></div>
 </div>
 <!-- CLOSE HEADER -->
 <div class="col-xs-12 col-md-10 col-md-offset-1">
-   <p class="select-stage" style="font-size:18px;text-align:center;">Missed coming to the city events?</p>
+      <div class="stage-shadow" id="front">
-   <p class="select-stage" style="font-size:18px;text-align:center;color:red"><b>Guaranteed on-the-spot funding of ₹1 crore* is still up for grabs</b></p>
-   <p class="select-stage" style="font-size:18px;text-align:center;">Do you have what it takes to be the next top startup of India?</p>
-   <p class="select-stage" style="font-size:18px;text-align:center;"><b>Come and pitch in Chandigarh!</b></p>
-      <div class="stage-shadow">
          <div class="stages card-align">
             <div class="row">
                <!-- <div class="col-md-3">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/chandigrh.jpg" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Chandigarh</h4>
                               <label class="card-sub-title">2nd December,2017</label>
                            </div>
                            <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('chandigarh')">Apply</button>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red"> Early bird deadline</span> : <span id="chandigarh"></span>*</label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">TBD</div>
                         </div>
                      </label>
                   </div>
                </div> -->
                   <div class="col-md-6 col-md-offset-3">
                      <div class="card" style="width:100%">
+                        <p class="select-stage" style="font-size:18px;text-align:center;">Missed coming to the city events?</p>
+                        <p class="select-stage" style="font-size:18px;text-align:center;color:red"><b>Guaranteed on-the-spot funding of ₹1 crore* is still up for grabs</b></p>
+                        <p class="select-stage" style="font-size:18px;text-align:center;">Do you have what it takes to be the next top startup of India?</p>
+                        <p class="select-stage" style="font-size:18px;text-align:center;"><b>Come and pitch in Chandigarh!</b></p><br>
                         <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                            <img class="card-img-top" src="images/maineventChandigarh.jpg" style="width:100%;">
                            <div class="card-block">
                               <div class="pull-left">
                                  <h4 class="card-title" style="font-size:22px;">Startup Jalsa 2017, Chandigarh</h4>
                                  <h4 class="card-title" style="font-size:16px;">Main Invest Edition</h4>
                                  <label class="card-sub-title" style="font-size:15px;">16th-17th December</label>
                               </div>
                               <div class="pull-right">
                                  <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 25px;" ng-click="register('chandigarh')">Apply</button>
                               </div>
                               <div class="clearfix"></div>
                               <label class="card-sub-title"><span style="color:red">Only 30 pitch slots left book your slot fast</span> : <span id="maininvest"></span>*</label><br>
+                              <label class="card-sub-title"><span>Agenda of the main event:<a href ="https://docs.google.com/spreadsheets/d/1NIcr0V02EMdr2rSNYXaP2gV8A5J5dQAV_a6fzAw5AE4/edit?usp=sharing" target="_blank" style="color:#269abc"> Click here</a></span></label>
                               <label class="card-sub-title"><span>Highlights of 2016 edition:<a href ="https://www.youtube.com/watch?v=8i1bLQ7jS0I&feature=youtu.be" target="_blank" style="color:#269abc"> https://youtu.be/8i1bLQ7jS0I</a></span></label>
                               <label class="card-sub-title"><span>Concept of 2017 edition:<a href ="https://www.youtube.com/watch?v=FpJWuhZj1bc&feature=youtu.be" target="_blank" style="color:#269abc"> https://youtu.be/FpJWuhZj1bc</a></span></label>
                            </div>
                            <div class="card-text2">
                               <span style="font-size:15px;"><b>Location</b></span>
                               <div class="card-text" style="font-size:15px;">Lake Club, Sector 1, Chandigarh</div>
                               <div class="card-text" style="font-size:15px;">Starts at 11am on 16th December, Ends at 7pm on 17th December</div>
                            </div>
                            <!-- <div class="card-text3">
                               <p>
                               <ul style="padding: 2% 0 2% 2%;font-size: 15px;">
                                  <li>Access to 2-days conference</li>
                                  <li>Pitching for funding up to Rs 1 crore</li>
                                  <li>Private interaction in khopchas</li>
                                  <li>Access to 30+ investors in the startup ecosystem</li>
                               </ul>
                               </p>
                            </div> -->
                            <div class="col-md-12 row card-text3" style="margin-left: 0;">
                               <div class="col-md-6">
                                  <ul style="padding: 8% 0 2% 0;font-size: 15px;">
                                     <li style="width:100%">Win guaranteed funding upto ₹1 crore* to be the Next Top Startup of India</li>
                                  </ul>
                               </div>
                               <div class="col-md-6">
                                  <ul style="padding: 8% 0 2% 0;font-size: 15px;">
                                     <li style="width:100%">Private 1-on-1 interaction with investors in khopchas to get funded from top investors upto ₹10 crores*</li>
                                  </ul>
                               </div>
                               <div class="col-md-6">
                                  <ul style="padding: 0;font-size: 15px;">
                                     <li style="width:100%">Access to 30+ top investors in the ecosystem</li>
                                  </ul>
                               </div>
                               <div class="col-md-6">
                                  <ul style="padding: 0;font-size: 15px;">
                                     <li style="width:100%">Network with the biggest names at the 2-day conference</li>
                                  </ul>
                               </div>
                               <span style="float: right;font-size: 13px;padding:0 2% 3% 0">* Subject to due diligence</span>
                            </div>
                         </label>
                      </div>
                   </div>
                </div>
             </div>
             <div class="stages card-align">
             <div class="row">
                <div class="col-md-3" style="margin-top: 2%;">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/Delhi (3).png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Delhi</h4>
                               <label class="card-sub-title">29th November,2017</label>
                            </div>
                            <div class="pull-right">
                               <!-- <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="register('chennai')" disabled="">Apply</button> -->
                            </div>
                            <div class="clearfix"></div>
                            <!-- <label class="card-sub-title"><span style="color:red"> Early bird deadline</span> : <span id="chennai"></span>*</label> -->
                            <label class="card-sub-title"><span style="color:red">Sold out</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">Delhi Technological University, Shahbad Daulatpur, Delhi</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3" style="margin-top: 2%;">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/bangalore (1).png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Bengaluru</h4>
                               <label class="card-sub-title">22nd November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('pune')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">NASSCOM 10,000 Startup Warehouse, Diamond District ISRO Colony, Domlur</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3" style="margin-top: 2%;">
                   <div class="card" style="width:100%;">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/Hyderabad1.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Hyderabad</h4>
                               <label class="card-sub-title">21st November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('mumbai')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">T-Hub, IIIT-Hyderabad Campus, Gachibowli, Hyderabad</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3" style="margin-top: 2%;">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/jaipur_2 (1).jpg" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Jaipur</h4>
                               <label class="card-sub-title">17th November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('ahmedabad')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">Startup Oasis, M-7, Sitapura Industrial Area, Jaipur</div>
                         </div>
                      </label>
                   </div>
                </div>
             </div>
          </div>
          <div class="clearfix"></div>
          <div class="stages card-align">
             <div class="row">
                <div class="col-md-3" style="margin-top: 2%;">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/ahmedabad.jpg" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Ahmedabad</h4>
                               <label class="card-sub-title">15th November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('jaipur')">Apply</button>
                            </div>  -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text" style="padding-bottom:16px;">IIM-Ahmedabad, Gujarat</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3" style="margin-top: 2%;">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/Mumbai1.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Mumbai</h4>
                               <label class="card-sub-title">13th November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('hyderabad')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text">Zone Startups, Bombay Stock Exchange, Dalal Street, Mumbai</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3" style="margin-top: 2%;">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/pune (1).png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Pune</h4>
                               <label class="card-sub-title">11th November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('bengaluru')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text" style="padding-bottom:16px;">Edugild, 9, MIT College Rd, Kothrud, Pune</div>
                         </div>
                      </label>
                   </div>
                </div>
                <div class="col-md-3" style="margin-top: 2%;">
                   <div class="card" style="width:100%">
                      <label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
                         <img class="card-img-top" src="images/Chennai1.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Chennai</h4>
                               <label class="card-sub-title">9th November,2017</label>
                            </div>
                            <!-- <div class="pull-right">
                               <button class="btn btn-info float-right btn-sm button-aligment" style="float:right;padding:3px 9px;" ng-click="register('delhi')">Apply</button>
                            </div> -->
                            <div class="clearfix"></div>
                            <label class="card-sub-title"><span style="color:red">Closed</span></label>
                         </div>
                         <div class="card-text2">
                            <span><b>Location</b></span>
                            <div class="card-text" style="padding-bottom:16px;">IIT-Madras, Research Park Auditorium</div>
                         </div>
                      </label>
                   </div>
                </div>
             </div>
          </div>
          <div class="clearfix"></div>
       <div class="clearfix"></div>
    </div>
 </div>
 <div class="clearfix"></div>
 <div style="display: none;" class="hiddenForm">
    <div class="navbar-collapse">
       <form name="applicantForm" id="signupForm">
          <div class="col-xs-12 col-md-10 col-md-offset-1">
             <!-- <div class="hideform" ng-if="eventType">
               <p>
                   <ul style="padding-left: 2%;font-size: 15px;"><li>Access to 2-days conference</li>
                   <li>Pitching for funding up to Rs 1 crore</li>
                   <li>Private interaction in khopchas</li>
                   <li>Access to 30+ investors in the startup ecosystem</li></ul>
               </p>
             </div> -->
             <!-- <div class="hideform" ng-if="mainType"> -->
-            <p class="select-stage" style="font-size:16px;"><b>Please select one stage.</b></p>
+            <div class="stage-shadow" style="padding-left:2%">
-            <div class="stage-shadow">
+            <p class="select-stage" style="font-size:16px;padding-top:2%"><b>Please select one stage.</b></p>
                <div class="stages card-align">
-                  <div class="col-xs-6 no-padding">
+                  <div class="col-xs-6 col-md-offset-0 no-padding">
                      <div class="card stages-card">
                         <input type="radio" ng-model="data.stage" class="stageRadio" value="Pitch your Idea" name="Pitch your Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage('Pitch your Idea')">
                         <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">
                            <img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights">
                            <div class="card-content f-family">
                               <p align="center"><b style="font-size:16px">Pitch your Idea</b></p>
                            </div>
                         </label>
                      </div>
                      <div class="clearfix"></div>
                      <div class="cards-content hidden-xs">
                         <p>
                            &#x26AC; <span style="font-weight:bold">One idea will get a chance to pitch and 10lac guaranteed funding* T&C</span><br>
                            &#x26AC; <span style="font-weight:bold">Registration Fees-₹1000</span>
                         </p>
                      </div>
                   </div>
                   <div class="col-xs-6 no-padding-mobile">
                      <div class="card stages-card margin-auto-mobile">
                         <input type="radio"  ng-model="data.stage" class="stageRadio" value="Pitch your Startup" name="Pitch your Startup" id="Proof" ng-required="Product" ng-click="stage('Pitch your Startup')">
                         <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">
                            <img class="stage-img stage-product" src="images/production-stage.png"  alt="Lights">
                            <div class="card-content f-family">
                               <p align="center"><b style="font-size:16px">Pitch your Startup</b></p>
                            </div>
                         </label>
                      </div>
                      <div class="clearfix"></div>
                      <div class="cards-content hidden-xs">
                         <p>
                            &#x26AC; <span style="font-weight:bold">The top startup will get Rs 1crore prize in form of funding* T&C</span><br>
                            &#x26AC; <span style="font-weight:bold">MVP/Prototype Product/Early stage Venture</span><br>
                            &#x26AC; <span style="font-weight:bold">Registration Fees-₹1500</span>
                         </p>
                      </div>
                   </div>
                   <!--<div class="col-xs-4 no-padding">
                      <div class="card stages-card right-stage-card">
                         <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Growth" id="Beta" ng-required="Growth" ng-click="stage('Growth')">
                         <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">
                            <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">
                            <div class="card-content f-family">
                               <p align="center">Growth</p>
                            </div>
                         </label>
                      </div>
                      <div class="clearfix"></div>
                      <div class="cards-content hidden-xs">
                         <p>
                            &#x26AC; <span style="font-weight:bold">Have traction and looking to scale up?</span><br>
                            &#x26AC; Connect with Series A investors<br>
                            &#x26AC; Connect and hire top startups
                         </p>
                      </div>
                   </div> -->
                   <!-- <div class="col-xs-3 no-padding">
                      <div class="card stages-card">
                         <input type="radio" ng-model="data.stage" class="stageRadio" value="Visitor" name="Visitor" id="visit" ng-required="Visitor" ng-checked="true" checked="true" ng-click="stage('Visitor')">
                         <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="visit">
                            <img class="stage-img stage-visit" src="images/idea-stage.png" alt="Lights">
                            <div class="card-content f-family">
                               <p align="center">Visitor</p>
                            </div>
                         </label>
                      </div>
                      <div class="clearfix"></div>
                      <div class="cards-content hidden-xs">
                         <p>
                            &#x26AC; <span style="font-weight:bold">Have an idea and need execution help?</span><br>
                            &#x26AC; Get feedback from mentors<br>
                            &#x26AC; Validate your idea.
                         </p>
                      </div>
                   </div> -->
                   <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
-            </div>
+            <!-- </div> -->
             <!-- </div> -->
             <div class="hidden-sm hidden-md hidden-lg">
                <div class="cards-content" ng-if="data.stage == 'Pitch your Idea'">
                   <p>
                      &#x26AC; <span style="font-weight:bold">One idea will get a chance to pitch and 10lac guaranteed funding* T&C</span><br>
                      &#x26AC; <span style="font-weight:bold">Registration Fees-₹1000</span>
                   </p>
                </div>
                <div class="cards-content" ng-if="data.stage == 'Pitch your Startup'">
                   <p>
                      &#x26AC; <span style="font-weight:bold">The top startup will get Rs 1crore prize in form of funding* T&C</span><br>
                      &#x26AC; <span style="font-weight:bold">MVP/Prototype Product/Early stage Venture</span><br>
                      &#x26AC; <span style="font-weight:bold">Registration Fees-₹1500</span>
                   </p>
                </div>
                <!-- <div class="cards-content" ng-if="data.stage == 'Growth'">
                   <p>
                      &#x26AC; <span style="font-weight:bold">Have traction and looking to scale up?</span><br>
                      &#x26AC; Connect with Series A investors<br>
                      &#x26AC; Connect and hire top startups
                   </p>
                </div> -->
                <!-- <div class="cards-content" ng-if="data.stage == 'Visitor'">
                   <p>
                      &#x26AC; <span style="font-weight:bold">Have an idea and need execution help?</span><br>
                      &#x26AC; Get feedback from mentors<br>
                      &#x26AC; Validate your idea.
                   </p>
                </div> -->
             </div>
             <!-- CLOSE STAGE SHADOW -->
             <div class="form-all">
                <div class="col-xs-12 col-md-12 input-wrapper">
                   <div id="snackbar">Error ! Please fill in all fields.</div>
                   <div class="icon-circle-c">
                      <i class="material-icons" style="line-height: 31px;">person</i>
                   </div>
                   <input type="text" class="text-input" required  ng-model="data.name" placeholder="Name *" id="myBtn" name="name" ng-change="entername(data.name); firstNamekeyPress(data.name)">
                </div>
                <!-- <div class="col-xs-12 col-md-6 input-wrapper">
                   <div id="snackbar">Error ! Please fill in all fields.</div>
                   <div class="icon-circle-x">
                      <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
                   </div>
                   <input type="text" class="text-input" required  ng-model="data.lastName" placeholder="Last Name *" id="myBtn" name="lastName" ng-change="entername(data.lastName); lastNamekeyPress(data.lastName)">
                </div> -->
                <div class="col-xs-12 col-md-12 input-wrapper">
                   <div id="snackbar">Error ! Please fill in all fields.</div>
                   <div class="icon-circle-d">
                      <i class="material-icons" style="line-height: 30px;">email</i>
                   </div>
                   <input type="email" name="email" style="margin-bottom:5px" class="text-input" required class="" ng-model="data.email" placeholder="Email Address *" ng-change="enteremail(data.email); emailkeyPress(data.email)" ng-keyup="emailTest($event)">
                   <!-- <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label> -->
 <!--                   <label ng-if="check">Email already exist.<a href="http://apply.startupjalsa.com/#/pendingPayment/{{emailId}}">Click here</a> to complete payment</label>
                   <label style="color: #ff0000;margin: 5px 4px -5px 0px" ng-if="space == true" >Please remove the space.</label>
  -->
                </div>
                <!-- <div class="col-xs-12  col-md-6 input-wrapper f-family">
                   <div class="icon-circle-f">
                      <i class="material-icons" style="line-height: 30px;">location_city</i>
                   </div>
                   <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" required style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;">
                      <option name="city" selected disabled value="">Choose City *</option>
                      <option value="Agra">Agra</option>
                      <option value="Ahmedabad">Ahmedabad</option>
                      <option value="Ajmer">Ajmer</option>
                      <option value="Aligarh">Aligarh</option>
                      <option value="Allahabad">Allahabad</option>
                      <option value="Ambattur">Ambattur</option>
                      <option value="Amravati">Amravati</option>
                      <option value="Amritsar">Amritsar</option>
                      <option value="Asansol">Asansol</option>
                      <option value="Aurangabad">Aurangabad</option>
                      <option value="Bareilly">Bareilly</option>
                      <option value="Belgaum">Belgaum</option>
                      <option value="Bengaluru">Bengaluru</option>
                      <option value="Bhavnagar">Bhavnagar</option>
                      <option value="Bhayander">Bhayander</option>
                      <option value="Bhilai Nagar">Bhilai Nagar</option>
                      <option value="Bhiwandi">Bhiwandi</option>
                      <option value="Bhopal">Bhopal</option>
                      <option value="Bhubaneswar">Bhubaneswar</option>
                      <option value="Bikaner">Bikaner</option>
                      <option value="Chandigarh">Chandigarh</option>
                      <option value="Chennai">Chennai</option>
                      <option value="Chinchwad">Chinchwad</option>
                      <option value="Coimbatore">Coimbatore</option>
                      <option value="Cuttack">Cuttack</option>
                      <option value="Dehradun">Dehradun</option>
                      <option value="Delhi-NCR">Delhi-NCR</option>
                      <option value="Dhanbad">Dhanbad</option>
                      <option value="Dharwad">Dharwad</option>
                      <option value="Dombivali">Dombivali</option>
                      <option value="Durgapur">Durgapur</option>
                      <option value="Faridabad">Faridabad</option>
                      <option value="Firozabad">Firozabad</option>
                      <option value="Gaya">Gaya</option>
                      <option value="Ghaziabad">Ghaziabad</option>
                      <option value="Gorakhpur">Gorakhpur</option>
                      <option value="Gulbarga">Gulbarga</option>
                      <option value="Guntur">Guntur</option>
                      <option value="Gurgaon">Gurgaon</option>
                      <option value="Guwahati">Guwahati</option>
                      <option value="Gwalior">Gwalior</option>
                      <option value="Haora">Haora</option>
                      <option value="Hubli">Hubli</option>
                      <option value="Hyderabad">Hyderabad</option>
                      <option value="Indore">Indore</option>
                      <option value="Jabalpur">Jabalpur</option>
                      <option value="Jaipur">Jaipur</option>
                      <option value="Jalandhar">Jalandhar</option>
                      <option value="Jalgaon">Jalgaon</option>
                      <option value="Jammu">Jammu</option>
                      <option value="Jamnagar">Jamnagar</option>
                      <option value="Jamshedpur">Jamshedpur</option>
                      <option value="Jhansi">Jhansi</option>
                      <option value="Jodhpur">Jodhpur</option>
                      <option value="Kalyan">Kalyan</option>
                      <option value="Kanpur">Kanpur</option>
                      <option value="Kochi">Kochi</option>
                      <option value="Kolapur">Kolapur</option>
                      <option value="Kolkata">Kolkata</option>
                      <option value="Kota">Kota</option>
                      <option value="Loni">Loni</option>
                      <option value="Lucknow">Lucknow</option>
                      <option value="Ludhiana">Ludhiana</option>
                      <option value="Madurai">Madurai</option>
                      <option value="Maheshtala">Maheshtala</option>
                      <option value="Malegoan">Malegoan</option>
                      <option value="Mangalore">Mangalore</option>
                      <option value="Meerut">Meerut</option>
                      <option value="Mira">Mira</option>
                      <option value="Moradabad">Moradabad</option>
                      <option value="Mumbai">Mumbai</option>
                      <option value="Mysore">Mysore</option>
                      <option value="Nagpur">Nagpur</option>
                      <option value="Nanded Waghala">Nanded Waghala</option>
                      <option value="Nashik">Nashik</option>
                      <option value="Navi Mumbai">Navi Mumbai</option>
                      <option value="Nellore">Nellore</option>
                      <option value="Noida">Noida</option>
                      <option value="Patna">Patna</option>
                      <option value="Pimpri">Pimpri</option>
                      <option value="Pune">Pune</option>
                      <option value="Raipur">Raipur</option>
                      <option value="Rajkot">Rajkot</option>
                      <option value="Ranchi">Ranchi</option>
                      <option value="Saharanpur">Saharanpur</option>
                      <option value="Salem">Salem</option>
                      <option value="Sangli Miraj Kupwad">Sangli Miraj Kupwad</option>
                      <option value="Siliguri">Siliguri</option>
                      <option value="Solapur">Solapur</option>
                      <option value="Srinagar">Srinagar</option>
                      <option value="Surat">Surat</option>
                      <option value="Thane">Thane</option>
                      <option value="Thiruvananthapuram">Thiruvananthapuram</option>
                      <option value="Tiruchirappalli">Tiruchirappalli</option>
                      <option value="Tirunelveli">Tirunelveli</option>
                      <option value="Udaipur">Udaipur</option>
                      <option value="Ujjain">Ujjain</option>
                      <option value="Ulhasnagar">Ulhasnagar</option>
                      <option value="Vadodara">Vadodara</option>
                      <option value="Varanasi">Varanasi</option>
                      <option value="Vasai Virar">Vasai Virar</option>
                      <option value="Vijayawada">Vijayawada</option>
                      <option value="Visakhapatnam">Visakhapatnam</option>
                      <option value="Warangal">Warangal</option>
                      <option value="anyOther">Any other</option>
                   </select>
                </div> -->
                <!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
                   <strong>Which city meet-up would you like to attend? </strong>
                   <p class="line-space" ></p>
                </div>
                <div class="col-xs-12 col-md-12 input-wrapper f-family">
                   <div class="icon-circle-p">
                      <i class="material-icons" style="line-height: 30px;">location_city</i>
                   </div>
                   <select name="citymeetup" ng-model="data.citymeetup" ng-change="enterbusiness(data.citymeetup); businesskeyPress(data.citymeetup)" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
                      <option selected disabled value="">City meet-up *</option>
                      <option value="Chennai">November 9: Chennai</option>
                      <option value="Pune">November 11: Pune</option>
                      <option value="Ahmedabad">November 13: Ahmedabad</option>
                      <option value="Mumbai">November 17: Mumbai</option>
                      <option value="Bengaluru">November 23: Bengaluru</option>
                      <option value="Delhi">November 25: Delhi</option>
                      <option value="Hyderabad">November 27: Hyderabad</option>
                      <option value="Chandigarh">December 1: Chandigarh</option>
                   </select>
                </div> -->
                <div class="col-xs-12 col-md-12 input-wrapper">
                   <div id="snackbar">Error ! Please fill in all fields.</div>
                   <div class="icon-circle-e">
                      <i class="material-icons" style="line-height: 30px;">phone</i>
                   </div>
                   <input type="text" ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input"  ng-model="data.number" placeholder="Mobile No.*" ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)">
                   <label  ng-if="numberCheck">Contact Number already exist.</label>
                </div>
                <div class="col-xs-12 col-md-12 input-wrapper">
                   <div id="snackbar">Error ! Please fill in all fields.</div>
                   <div class="icon-circle-x">
                      <i class="material-icons" style="line-height: 31px;">assignment_ind</i>
                   </div>
                   <input type="text" class="text-input" required  ng-model="data.startupName" placeholder="Startup Name *" id="myBtn" name="startupName" ng-change="entername(data.startupName); startupNamekeyPress(data.startupName)">
                </div>
                <!-- <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
                   <div id="snackbar">Error ! Please fill in all fields.</div>
                   <div class="icon-circle-h">
                      <i class="material-icons" style="line-height: 31px;">link</i>
                   </div>
                   <input type="text" class="text-input"  ng-model="data.linkedInUrl" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="LinkedIn URL" id="myBtn" name="linkedInUrl" ng-change="entername(data.linkedInUrl); linkedInkeyPress(data.linkedInUrl)">
                   <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.linkedInUrl == undefined || data.linkedInUrl == ''" style="position:absolute; top: 10px; left: 116px; color: #999">*</span>
                </div> -->
                <!-- <div class="hideform" ng-if="visitType"> -->
 <!--                   <div class="col-xs-12 col-md-12 f-family line-adjust">
                      <strong>Explain your idea/product briefly</strong>
                      <p class="line-space" ></p>
                   </div>
                   <div class="col-xs-12 col-md-12 input-wrapper">
                      <div id="snackbar">Error ! Please fill in all fields.</div>
                      <div class="icon-circle-q">
                         <i class="material-icons" style="line-height: 31px;">thumb_up</i>
                      </div>
                      <textarea type="text" maxlength="300" class="text-input" required  ng-model="data.idea" placeholder="Idea/Product *" id="myBtn" name="Idea" ng-focus="removeNooError()" ng-change="entername(data.idea); ideakeyPress(data.idea)">
                      </textarea>
                      <label class="error-message f-family" id="invalidIdea">Please answer using 300 words only.</label>
                   </div>
                   <div class="col-xs-12 col-md-12 input-wrapper f-family">
                      <div class="icon-circle-abcdefg">
                         <i class="material-icons" style="line-height: 30px;">open_with</i>
                      </div>
                      <select name="industry" ng-model="data.industry" ng-change="industry(data.industry); industrykeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="dataIndustry">
                         <option selected disabled value="">Choose Industry *</option>
                         <option value="Travel">Travel</option>
                         <option value="Retail">Retail</option>
                         <option value="Editech">Editech</option>
                         <option value="Fintech">Fintech</option>
                         <option value="Hardware">Hardware</option>
                         <option value="Digital">Digital</option>
                         <option value="Rural">Rural</option>
                         <option value="others">Others</option>
                      </select>
                   </div>
                   <div class="col-xs-12 col-md-12 input-wrapper" ng-if="addOther">
                      <div id="snackbar">Error ! Please fill in all fields.</div>
                      <div class="icon-circle-o">
                         <i class="material-icons" style="line-height: 31px;">open_with</i>
                      </div>
                      <input type="text" class="text-input" ng-change="industry(data.industryName); industryNamekeyPress((data.industryName))" ng-model="data.industryName" placeholder="Please mention other industry name">
                   </div> -->
                   <!-- <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
                      <div id="snackbar">Error ! Please fill in all fields.</div>
                      <div class="icon-circle-i">
                         <i class="material-icons" style="line-height: 31px;">business</i>
                      </div>
                      <input type="text" class="text-input"  ng-model="data.companyName" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="Company Name" id="myBtn" name="companyName" ng-change="entername(data.companyName); companykeyPress(data.companyName)">
                      <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.companyName == undefined || data.companyName == ''" style="position:absolute; top: 10px; left: 130px; color: #999">*</span>
                   </div>
                   <div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
                      <div id="snackbar">Error ! Please fill in all fields.</div>
                      <div class="icon-circle-j">
                         <i class="material-icons" style="line-height: 31px;">view_comfy</i>
                      </div>
                      <input type="text" class="text-input"  ng-model="data.productName" ng-required="data.stage == 'Product' || data.stage == 'Growth'" placeholder="Product Name" id="myBtn" name="productName" ng-change="entername(data.productName); productNamekeyPress(data.productName)">
                      <span ng-if="data.stage == 'Product' || data.stage == 'Growth'" ng-show="data.productName == undefined || data.productName == ''" style="position:absolute; top: 10px; left: 120px; color: #999">*</span>
                   </div>
                   <div class="hideform" ng-if="prototyp">
                      <div class="hideform" ng-if="protyp">
                         <div class="col-xs-12 col-md-12 f-family line-adjust">
                            <strong>Product Launched? </strong>
                            <p class="line-space" ></p>
                         </div>
                         <div class="col-xs-12 col-md-12 input-wrapper f-family">
                            <div class="icon-circle-ab">
                               <i class="material-icons" style="line-height: 30px;">launch</i>
                            </div>
                            <select name="productLaunch" ng-model="data.productLaunch" ng-change="productLaunch(data.productLaunch); productLaunchkeyPress()" ng-click="productCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="productDiv">
                               <option selected disabled value="">Select *</option>
                               <option value="yes">Yes</option>
                               <option value="no">No</option>
                            </select>
                         </div>
                         <div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="Productshow == 'yes'">
                            <strong>Product Launch Period </strong>
                            <p class="line-space" ></p>
                         </div>
                         <div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="Productshow == 'yes'">
                            <div class="icon-circle-abc">
                               <i class="material-icons" style="line-height: 30px;">launch</i>
                            </div>
                            <select name="launchPeriod" ng-model="data.launchPeriod" ng-change="launchPeriod(data.launchPeriod); launchPeriodkeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
                               <option selected disabled value="">Select</option>
                               <option value="less than 1 Month">less than one month</option>
                               <option value="less than 6 Months">less than 6 months</option>
                               <option value="more than 6 Months">more than 6 months</option>
                            </select>
                         </div>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-k">
                            <i class="material-icons" style="line-height: 31px;">web</i>
                         </div>
                         <input type="text" class="text-input" ng-model="data.websiteUrl" ng-required="Productshow == 'yes'" placeholder="Website URL *" id="myBtn" name="websiteUrl" ng-change="entername(data.websiteUrl); websitekeyPress(data.websiteUrl)">
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-m">
                            <i class="material-icons" style="line-height: 31px;">link</i>
                         </div>
                         <input type="text" class="text-input" ng-model="data.demoLink" ng-required="Productshow == 'yes'" placeholder="Link to your product/app/demo *" id="myBtn" name="demoLink" ng-change="entername(data.demoLink); annualkeyPress(data.demoLink)">
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-l">
                            <i class="material-icons" style="line-height: 31px;">format_list_numbered</i>
                         </div>
                         <input type="text"  ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input" ng-required="Productshow == 'yes'" ng-model="data.numberOfEmployees" placeholder="Number of Employees *" id="myBtn" name="numberOfEmployees" ng-change="entername(data.numberOfEmployees); employeekeyPress(data.numberOfEmployees)">
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-n">
                            <i class="material-icons" style="line-height: 31px;">view_stream</i>
                         </div>
                         <input type="text" class="text-input" ng-model="data.revenueMonth" ng-required="Productshow == 'yes'" placeholder="Monthly Revenue *" id="myBtn" name="revenueMonth" ng-change="entername(data.revenueMonth); revenuekeyPress(data.revenueMonth)">
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper f-family">
                         <p><b>Have you risen any funding yet?</b></p>
                         <div class="icon-circle-bc">
                            <i class="material-icons" style="line-height: 30px;">payment</i>
                         </div>
                         <select name="amount" ng-model="data.amount" ng-required="Productshow == 'yes'" ng-change="amount(data.amount); amountkeyPress()" ng-click="textCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;"  id="fundingDiv">
                            <option selected disabled value="">Select *</option>
                            <option value="yes">Yes</option>
                            <option value="no">No</option>
                         </select>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper" ng-if="Textshow == 'yes'">
                         <div class="icon-circle-y" >
                            <i class="material-icons" style="line-height: 31px;">money</i>
                         </div>
                         <input type="text" name="fund" class="text-input" ng-model="data.fund" placeholder="Fill amount" ng-change="fund(data.fund); fundkeyPress(data.fund)"></input>
                      </div>
                   </div> -->
                <!-- </div>  -->
                <!-- <div class="identity-shadow">
                   <div class="icon-circle-bc">
                      <i class="material-icons" style="line-height: 30px;">payment</i>
                   </div>
                   <div class="identity-question">
                      <div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">
                         <b>Have you risen any funding yet?</b>
                         <p style="color:grey"></p>
                      </div>
                      <div class="clearfix"></div>
                   </div>
                   <div class="stages identity-align">
                      <div class="col-xs-12">
                         <label class="card-small margin-right-label">
                            <input type="radio" value="yes" ng-model="data.amount" class="option-input-a radio-a pull-left" id="yesRadio" ng-change="amount(data.amount); amountkeyPress();  textCheck('yes')" name="amount" >
                         <label class="f-family pull-left width-auto" for="yesRadio">Yes</label>
                         </label>
                         <label class="card-small margin-right-label">
                            <input type="radio" value="no" ng-model="data.amount" class="option-input-a radio-a pull-left" id="noRadio" ng-change="amount(data.amount); amountkeyPress(); textCheck('no')" name="amount" >
                         <label class="f-family pull-left width-auto" for="noRadio">No</label>
                         </label>
                      </div>
                   </div>
                   <div class="clearfix"></div>
                </div> -->
                <div class="col-xs-12 input-wrapper">
                   <div class="referel-icon" style="z-index: 999;">
                      <i class="material-icons" style="line-height: 30px;">code</i>
                   </div>
                   <input  class="text-input" ng-model="data.referalToken" maxlength="6" minlength="6" placeholder="Enter Promo code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
                   <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
                   <i class="material-icons coupen-approved" style="color:red;"  ng-if="tokencheck == false">close</i>
                   <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply Promo</button>
                </div>
                <span style="padding-left:10px">* One ticket is valid for one person.</span>
                <div style="padding-top:10px;padding-left:10px;">
                   <!-- <div class="checkbox"> -->
                      <!-- <label style="padding-left:10px;">
                         <input type="checkbox" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">Networking Dinner with Investors and Speakers: Rs 2,000/-
                      </label> -->
                      <p class="container">Networking Dinner with Investors and Speakers: Rs 2,000/-
                        <!-- <input type="checkbox" checked="checked" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="network Dinner">
                        <span class="checkmark"></span> -->
                      <label class="container1">Yes
                        <input type="radio" checked="checked" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="true">
                        <span class="checkmark"></span>
                      </label>
                      <label class="container1">No
                        <input type="radio" name="radio" ng-change="IfDinnerCheck(data.networkDinner)" ng-model="data.networkDinner" value="false">
                        <span class="checkmark"></span>
                      </label>
                      </p>
                   <!-- </div> -->
                </div>
                <div class="clearfix"></div>
-               <div class="text-center">
+               <div class="text-center" style="padding-bottom:4%">
                   <input type="submit" style="width:200px" class="btn submit-button" ng-disabled="applicantForm.$invalid|| check|| numberCheck" value="Submit" ng-click="calculateAmount()">
                </div>
             </div>
             </div>
             <!-- CLOSE step-two-form -->
          </div>
          <!-- col-xs-12 col-md-8 col-md-offset-2 -->
       </form>
    </div>
 </div>
+</div>
 <!-- CLOSE FORM -->
 <footer style="margin-top: 5%;">
    <img id="footer" class="img-responsive banner">
    <center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>
 </footer>
 <!-- </div> CLOSE CHECK VIEW -->
 <div ng-if="verifyView">
    <div style="margin-bottom: 0px;" class="text-center">
       <input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
    </div>
 </div>
 </div>
 <!-- <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" style="left: auto;">
       <div class="modal-content">
          <div class="modal-body" style="text-align:center;margin-top:5%">
             <p style="font-size:22px">Your Email is already exist.<a href="http://apply.startupjalsa.com/#/pendingPayment/{{id}}">Click here</a> to complete the payment</p>
          </div>
          <div style="text-align:center;margin-bottom:5%">
             <button style="color: #fff;background-color: #4CAF50;" type="button" class="btn btn-default1" data-dismiss="modal">Close</button>
          </div>
       </div>
    </div>
 </div> -->
 <!-- CLOSE NEW-CONTROLLER -->
 <!-- <div id="snacsskbar">Registration done successfully.</div>
  --><!-- <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog" style="left: auto;">
       <div class="modal-content">
          <h4 style="text-align:center;">Congratulations, you are now eligible for:</h4>
          <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px">
             <tbody style="background-color:#f9f9f9">
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
             </tbody>
             <tbody>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td>
                               <td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
                <tr>
                   <td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                         <tbody>
                            <tr>
                               <td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td>
                               <td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td>
                            </tr>
                         </tbody>
                      </table>
                   </td>
                </tr>
                <tr>
                   <td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
                </tr>
             </tbody>
          </table>
          <div style="text-align:center;margin-bottom:5%">
             <button type="button" style="color:#fff;background-color:#4CAF50;margin-top:5%" class="btn btn-default" data-dismiss="modal" ng-click="create()">Proceed to Pay</button>
          </div>
       </div>
    </div>
 </div>
 <div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()">
    <div class="modal-dialog" style="left: auto;">
        <div class="modal-content" >
       <div class="modal-body" style="text-align: right;" >
          <i class="material-icons" style="cursor: pointer;" data-dismiss="modal" ng-click="closeModal()">clear</i>
       <iframe width="560"  id="youtubePlayer" height="315" src="https://www.youtube.com/embed/8i1bLQ7jS0I" frameborder="0" allowfullscreen></iframe>
       </div>
     </div>
    </div>
 </div>
 <div class="modal fade" id="videoModels" role="dialog" ng-click="closed()">
    <div class="modal-dialog" style="left: auto;">
        <div class="modal-content">
       <div class="modal-body" style="text-align: right;" >
        <i class="material-icons" style="cursor: pointer;"  data-dismiss="modal" ng-click="closed()">clear</i>
       <iframe width="560" id="youtubePlayersss" height="315" src="https://www.youtube.com/embed/oBqdz-p3R6Y" frameborder="0" allowfullscreen></iframe>
       </div>
     </div>
    </div>
 </div>
  -->
  <span ng-show="span == true">
      <span id="chennai"></span>
      <span id="pune"></span>
      <span id="mumbai"></span>
      <span id="hyderabad"></span>
      <span id="chandigarh"></span>
      <span id="delhi"></span>
      <span id="ahmedabad"></span>
      <span id="bangalore"></span>
      <span id="jaipur"></span>

1	<!DOCTYPE html>	1	<!DOCTYPE html>
2		2
3	<!-- define angular app -->	3	<!-- define angular app -->
4	<html ng-app="scotchApp">	4	<html ng-app="scotchApp">
5		5
6	<head>	6	<head>
7	<meta charset="utf-8">	7	<meta charset="utf-8">
8	<meta http-equiv="X-UA-Compatible" content="IE=edge">	8	<meta http-equiv="X-UA-Compatible" content="IE=edge">
9	<meta name="viewport" content="width=device-width, initial-scale=1">	9	<meta name="viewport" content="width=device-width, initial-scale=1">
10	<title>Startup Jalsa</title>	10	<title>Startup Jalsa</title>
11	<link rel="shortcut icon" type="image/png" href="http://startupjalsa.com/wp-content/uploads/2016/08/cropped-Sj-LOGO-512-X-512-01-270x270.png"/>	11	<link rel="shortcut icon" type="image/png" href="http://startupjalsa.com/wp-content/uploads/2016/08/cropped-Sj-LOGO-512-X-512-01-270x270.png"/>
12	<link rel="shortcut icon" type="image/png" href="http://startupjalsa.com/wp-content/uploads/2016/08/cropped-Sj-LOGO-512-X-512-01-270x270.png"/>	12	<link rel="shortcut icon" type="image/png" href="http://startupjalsa.com/wp-content/uploads/2016/08/cropped-Sj-LOGO-512-X-512-01-270x270.png"/>
13	<!-- SCROLLS -->	13	<!-- SCROLLS -->
14	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/>	14	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/>
15	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css"/>	15	<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css"/>
16		16
17	<!-- SPELLS -->	17	<!-- SPELLS -->
18	<script type="text/javascript" src="js/jquery-3.2.1.js"></script>	18	<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
19	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>	19	<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
20	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>	20	<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
21	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">	21	<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
22	<link rel="stylesheet" type="text/css" href="css/custom.css">	22	<link rel="stylesheet" type="text/css" href="css/custom.css">
23	<script src="https://checkout.razorpay.com/v1/checkout.js"></script>	23	<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
24	<link rel="stylesheet" href="css/circle.css">	24	<link rel="stylesheet" href="css/circle.css">
25	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">	25	<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
26	<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">	26	<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
27	<script src="script.js"></script>	27	<script src="script.js"></script>
28	<script src="js/angular-svg-round-progressbar.js"></script>	28	<script src="js/angular-svg-round-progressbar.js"></script>
29	<script src="js/angular.js"></script>	29	<script src="js/angular.js"></script>
30	<script src="js/bootstrap.js"></script>	30	<script src="js/bootstrap.js"></script>
31	<script src="dist/angular-google-analytics.js"></script>	31	<script src="dist/angular-google-analytics.js"></script>
32	<script>(function(w,d,s,l,i){w[l]=w[l]\|\|[];w[l].push({'gtm.start':	32	<script>(function(w,d,s,l,i){w[l]=w[l]\|\|[];w[l].push({'gtm.start':
33	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],	33	new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
34	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=	34	j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
35	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);	35	'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
36	})(window,document,'script','dataLayer','GTM-KCXPCKF');</script>	36	})(window,document,'script','dataLayer','GTM-KCXPCKF');</script>
37	<!-- <script>	37	<!-- <script>
38	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){	38	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]\|\|function(){
39	(i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),	39	(i[r].q=i[r].q\|\|[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
40	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)	40	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
41	})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');	41	})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
42		42
43	ga('create', 'UA-106416759-1', 'auto');	43	ga('create', 'UA-106416759-1', 'auto');
44	ga('send', 'pageview');	44	ga('send', 'pageview');
45	</script> -->	45	</script> -->
46		46
47	</head>	47	</head>
48		48
49	<!-- define angular controller -->	49	<!-- define angular controller -->
50	<body ng-controller="mainController">	50	<body ng-controller="mainController">
51	<!-- Google Tag Manager (noscript) -->	51	<!-- Google Tag Manager (noscript) -->
52	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCXPCKF"	52	<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCXPCKF"
53	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>	53	height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
54	<!-- End Google Tag Manager (noscript) -->	54	<!-- End Google Tag Manager (noscript) -->
55		55
56	<div id="main">	56	<div id="main">
57	<div ng-view></div>	57	<div ng-view id="front"></div>
58	</div>	58	</div>
59		59
60	</body>	60	</body>
61		61
62	</html>	62	</html>
63		63