Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit 204302c02afa01066beb85be2e396e52158733e5

Authored by Palak Handa 2017-10-12 08:50:53 -0400

1 parent 4697da41fe

Exists in master and in 1 other branch

minor changes

Showing 3 changed files with 100 additions and 60 deletions Show diff stats

css/custom.css

Diff comments View file @204302c

 {
     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;
 }
 /* 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%;
     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;
  }
  .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: 100px;
 }
 .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;
     }
   }

pages/registration.html

Diff comments View file @204302c

1	<div class="header">	1	<div class="header">
2	<div style="float: left;">	2	<div style="float: left;">
3	<img src="images/white.png" class="logo" >	3	<img src="images/white.png" class="logo" >
4	</div>	4	</div>
5	<!-- <div style="float: right;" class="right-side-links">	5	<!-- <div style="float: right;" class="right-side-links">
6	<a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a>	6	<a class="hyperColor" ng-click="openyoutube16()">Glipmses of 2016</a>
7	<a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a>	7	<a class="hyperColor" ng-click="openyoutube17()">Concept for 2017</a>
8	</div> -->	8	</div> -->
9	<div class="clearfix"></div>	9	<div class="clearfix"></div>
10	</div>	10	</div>
11	<!-- CLOSE HEADER -->	11	<!-- CLOSE HEADER -->
12	<form name="applicantForm" id="signupForm">	12	<form name="applicantForm" id="signupForm">
13	<div class="col-xs-12 col-md-10 col-md-offset-1">	13	<div class="col-xs-12 col-md-10 col-md-offset-1">
14	<p class="select-stage" style="font-size:16px;"><b>Please select one stage.</b></p>	14	<p class="select-stage" style="font-size:16px;"><b>Please select one stage.</b></p>
15	<div class="stage-shadow">	15	<div class="stage-shadow">
16	<div class="stages card-align">	16	<div class="stages card-align">
17	<div class="col-xs-4 no-padding">	17	<div class="col-xs-4 no-padding">
18	<div class="card stages-card">	18	<div class="card stages-card">
19	<input type="radio" ng-model="data.stage" class="stageRadio" value="Idea" name="Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage('Idea')">	19	<input type="radio" ng-model="data.stage" class="stageRadio" value="Idea" name="Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage('Idea')">
20	<label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">	20	<label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">
21	<img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights">	21	<img class="stage-img stage-idea" src="images/idea-stage.png" alt="Lights">
22	<div class="card-content f-family">	22	<div class="card-content f-family">
23	<p align="center">Idea</p>	23	<p align="center">Idea</p>
24	</div>	24	</div>
25	</label>	25	</label>
26	</div>	26	</div>
27	<div class="clearfix"></div>	27	<div class="clearfix"></div>
28	<div class="cards-content hidden-xs">	28	<div class="cards-content hidden-xs">
29	<p>	29	<p>
30	⚬ <span style="font-weight:bold">Have an idea and need execution help?</span><br>	30	⚬ <span style="font-weight:bold">Have an idea and need execution help?</span><br>
31	⚬ Get feedback from mentors<br>	31	⚬ Get feedback from mentors<br>
32	⚬ Validate your idea.	32	⚬ Validate your idea.
33	</p>	33	</p>
34	</div>	34	</div>
35	</div>	35	</div>
36	<div class="col-xs-4 no-padding-mobile">	36	<div class="col-xs-4 no-padding-mobile">
37	<div class="card stages-card margin-auto-mobile">	37	<div class="card stages-card margin-auto-mobile">
38	<input type="radio" ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage('Product')">	38	<input type="radio" ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage('Product')">
39	<label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">	39	<label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">
40	<img class="stage-img stage-product" src="images/production-stage.png" alt="Lights">	40	<img class="stage-img stage-product" src="images/production-stage.png" alt="Lights">
41	<div class="card-content f-family">	41	<div class="card-content f-family">
42	<p align="center">Product</p>	42	<p align="center">Product</p>
43	</div>	43	</div>
44	</label>	44	</label>
45	</div>	45	</div>
46	<div class="clearfix"></div>	46	<div class="clearfix"></div>
47	<div class="cards-content hidden-xs">	47	<div class="cards-content hidden-xs">
48	<p>	48	<p>
49	⚬ <span style="font-weight:bold">Have a prototype and want to take it to next level?</span><br>	49	⚬ <span style="font-weight:bold">Have a prototype and want to take it to next level?</span><br>
50	⚬ Advice on fundraising<br>	50	⚬ Advice on fundraising<br>
51	⚬ Advice on go-to-market strategy	51	⚬ Advice on go-to-market strategy
52	</p>	52	</p>
53	</div>	53	</div>
54	</div>	54	</div>
55	<div class="col-xs-4 no-padding">	55	<div class="col-xs-4 no-padding">
56	<div class="card stages-card right-stage-card">	56	<div class="card stages-card right-stage-card">
57	<input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage('Growth')">	57	<input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage('Growth')">
58	<label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">	58	<label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">
59	<img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">	59	<img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">
60	<div class="card-content f-family">	60	<div class="card-content f-family">
61	<p align="center">Growth</p>	61	<p align="center">Growth</p>
62	</div>	62	</div>
63	</label>	63	</label>
64	</div>	64	</div>
65	<div class="clearfix"></div>	65	<div class="clearfix"></div>
66	<div class="cards-content hidden-xs">	66	<div class="cards-content hidden-xs">
67	<p>	67	<p>
68	⚬ <span style="font-weight:bold">Have traction and looking to scale up?</span><br>	68	⚬ <span style="font-weight:bold">Have traction and looking to scale up?</span><br>
69	⚬ Connect with Series A investors<br>	69	⚬ Connect with Series A investors<br>
70	⚬ Connect and hire top startups	70	⚬ Connect and hire top startups
71	</p>	71	</p>
72	</div>	72	</div>
73	</div>	73	</div>
74	<div class="clearfix"></div>	74	<div class="clearfix"></div>
75	</div>	75	</div>
76	<div class="clearfix"></div>	76	<div class="clearfix"></div>
77	</div>	77	</div>
78	<div class="hidden-sm hidden-md hidden-lg">	78	<div class="hidden-sm hidden-md hidden-lg">
79	<div class="cards-content" ng-if="data.stage == 'Idea'">	79	<div class="cards-content" ng-if="data.stage == 'Idea'">
80	<p>	80	<p>
81	⚬ <span style="font-weight:bold">Have an idea and need execution help?</span><br>	81	⚬ <span style="font-weight:bold">Have an idea and need execution help?</span><br>
82	⚬ Get feedback from mentors<br>	82	⚬ Get feedback from mentors<br>
83	⚬ Validate your idea.	83	⚬ Validate your idea.
84	</p>	84	</p>
85	</div>	85	</div>
86	<div class="cards-content" ng-if="data.stage == 'Product'">	86	<div class="cards-content" ng-if="data.stage == 'Product'">
87	<p>	87	<p>
88	⚬ <span style="font-weight:bold">Have a prototype and want to take it to next level?</span><br>	88	⚬ <span style="font-weight:bold">Have a prototype and want to take it to next level?</span><br>
89	⚬ Advice on fundraising<br>	89	⚬ Advice on fundraising<br>
90	⚬ Advice on go-to-market strategy	90	⚬ Advice on go-to-market strategy
91	</p>	91	</p>
92	</div>	92	</div>
93	<div class="cards-content" ng-if="data.stage == 'Growth'">	93	<div class="cards-content" ng-if="data.stage == 'Growth'">
94	<p>	94	<p>
95	⚬ <span style="font-weight:bold">Have traction and looking to scale up?</span><br>	95	⚬ <span style="font-weight:bold">Have traction and looking to scale up?</span><br>
96	⚬ Connect with Series A investors<br>	96	⚬ Connect with Series A investors<br>
97	⚬ Connect and hire top startups	97	⚬ Connect and hire top startups
98	</p>	98	</p>
99	</div>	99	</div>
100	</div>	100	</div>
101	<!-- CLOSE STAGE SHADOW -->	101	<!-- CLOSE STAGE SHADOW -->
102	<div class="form-all">	102	<div class="form-all">
103	<div class="col-xs-12 col-md-6 input-wrapper">	103	<div class="col-xs-12 col-md-6 input-wrapper">
104	<div id="snackbar">Error ! Please fill in all fields.</div>	104	<div id="snackbar">Error ! Please fill in all fields.</div>
105	<div class="icon-circle-c">	105	<div class="icon-circle-c">
106	<i class="material-icons" style="line-height: 31px;">assignment_ind</i>	106	<i class="material-icons" style="line-height: 31px;">assignment_ind</i>
107	</div>	107	</div>
108	<input type="text" class="text-input" required ng-model="data.firstName" placeholder="First Name" id="myBtn" name="firstName" ng-change="entername(data.firstName); firstNamekeyPress(data.firstName)">	108	<input type="text" class="text-input" required ng-model="data.firstName" placeholder="First Name *" id="myBtn" name="firstName" ng-change="entername(data.firstName); firstNamekeyPress(data.firstName)">
109	</div>	109	</div>
110	<div class="col-xs-12 col-md-6 input-wrapper">	110	<div class="col-xs-12 col-md-6 input-wrapper">
111	<div id="snackbar">Error ! Please fill in all fields.</div>	111	<div id="snackbar">Error ! Please fill in all fields.</div>
112	<div class="icon-circle-x">	112	<div class="icon-circle-x">
113	<i class="material-icons" style="line-height: 31px;">assignment_ind</i>	113	<i class="material-icons" style="line-height: 31px;">assignment_ind</i>
114	</div>	114	</div>
115	<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)">	115	<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)">
116	</div>	116	</div>
117	<div class="col-xs-12 col-md-6 input-wrapper">	117	<div class="col-xs-12 col-md-6 input-wrapper">
118	<div id="snackbar">Error ! Please fill in all fields.</div>	118	<div id="snackbar">Error ! Please fill in all fields.</div>
119	<div class="icon-circle-d">	119	<div class="icon-circle-d">
120	<i class="material-icons" style="line-height: 30px;">email</i>	120	<i class="material-icons" style="line-height: 30px;">email</i>
121	</div>	121	</div>
122	<input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address" ng-blur="emailcheck(data.email)" ng-focus="removeError()" ng-change="enteremail(data.email); emailkeyPress(data.email)">	122	<input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address *" ng-blur="emailcheck(data.email)" ng-focus="removeError()" ng-change="enteremail(data.email); emailkeyPress(data.email)">
123	<label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>	123	<label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
124	<label ng-if="check">Email already exist.</label>	124	<label ng-if="check">Email already exist.</label>
125	</div>	125	</div>
126	<div class="col-xs-12 col-md-6 input-wrapper f-family">	126	<div class="col-xs-12 col-md-6 input-wrapper f-family">
127	<div class="icon-circle-f">	127	<div class="icon-circle-f">
128	<i class="material-icons" style="line-height: 30px;">location_city</i>	128	<i class="material-icons" style="line-height: 30px;">location_city</i>
129	</div>	129	</div>
130	<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;">	130	<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;">
131	<option name="city" selected disabled value="">Choose City</option>	131	<option name="city" selected disabled value="">Choose City *</option>
132	<option value="Agra">Agra</option>	132	<option value="Agra">Agra</option>
133	<option value="Ahmedabad">Ahmedabad</option>	133	<option value="Ahmedabad">Ahmedabad</option>
134	<option value="Ajmer">Ajmer</option>	134	<option value="Ajmer">Ajmer</option>
135	<option value="Aligarh">Aligarh</option>	135	<option value="Aligarh">Aligarh</option>
136	<option value="Allahabad">Allahabad</option>	136	<option value="Allahabad">Allahabad</option>
137	<option value="Ambattur">Ambattur</option>	137	<option value="Ambattur">Ambattur</option>
138	<option value="Amravati">Amravati</option>	138	<option value="Amravati">Amravati</option>
139	<option value="Amritsar">Amritsar</option>	139	<option value="Amritsar">Amritsar</option>
140	<option value="Asansol">Asansol</option>	140	<option value="Asansol">Asansol</option>
141	<option value="Aurangabad">Aurangabad</option>	141	<option value="Aurangabad">Aurangabad</option>
142	<option value="Bareilly">Bareilly</option>	142	<option value="Bareilly">Bareilly</option>
143	<option value="Belgaum">Belgaum</option>	143	<option value="Belgaum">Belgaum</option>
144	<option value="Bengaluru">Bengaluru</option>	144	<option value="Bengaluru">Bengaluru</option>
145	<option value="Bhavnagar">Bhavnagar</option>	145	<option value="Bhavnagar">Bhavnagar</option>
146	<option value="Bhayander">Bhayander</option>	146	<option value="Bhayander">Bhayander</option>
147	<option value="Bhilai Nagar">Bhilai Nagar</option>	147	<option value="Bhilai Nagar">Bhilai Nagar</option>
148	<option value="Bhiwandi">Bhiwandi</option>	148	<option value="Bhiwandi">Bhiwandi</option>
149	<option value="Bhopal">Bhopal</option>	149	<option value="Bhopal">Bhopal</option>
150	<option value="Bhubaneswar">Bhubaneswar</option>	150	<option value="Bhubaneswar">Bhubaneswar</option>
151	<option value="Bikaner">Bikaner</option>	151	<option value="Bikaner">Bikaner</option>
152	<option value="Chandigarh">Chandigarh</option>	152	<option value="Chandigarh">Chandigarh</option>
153	<option value="Chennai">Chennai</option>	153	<option value="Chennai">Chennai</option>
154	<option value="Chinchwad">Chinchwad</option>	154	<option value="Chinchwad">Chinchwad</option>
155	<option value="Coimbatore">Coimbatore</option>	155	<option value="Coimbatore">Coimbatore</option>
156	<option value="Cuttack">Cuttack</option>	156	<option value="Cuttack">Cuttack</option>
157	<option value="Dehradun">Dehradun</option>	157	<option value="Dehradun">Dehradun</option>
158	<option value="Delhi-NCR">Delhi-NCR</option>	158	<option value="Delhi-NCR">Delhi-NCR</option>
159	<option value="Dhanbad">Dhanbad</option>	159	<option value="Dhanbad">Dhanbad</option>
160	<option value="Dharwad">Dharwad</option>	160	<option value="Dharwad">Dharwad</option>
161	<option value="Dombivali">Dombivali</option>	161	<option value="Dombivali">Dombivali</option>
162	<option value="Durgapur">Durgapur</option>	162	<option value="Durgapur">Durgapur</option>
163	<option value="Faridabad">Faridabad</option>	163	<option value="Faridabad">Faridabad</option>
164	<option value="Firozabad">Firozabad</option>	164	<option value="Firozabad">Firozabad</option>
165	<option value="Gaya">Gaya</option>	165	<option value="Gaya">Gaya</option>
166	<option value="Ghaziabad">Ghaziabad</option>	166	<option value="Ghaziabad">Ghaziabad</option>
167	<option value="Gorakhpur">Gorakhpur</option>	167	<option value="Gorakhpur">Gorakhpur</option>
168	<option value="Gulbarga">Gulbarga</option>	168	<option value="Gulbarga">Gulbarga</option>
169	<option value="Guntur">Guntur</option>	169	<option value="Guntur">Guntur</option>
170	<option value="Gurgaon">Gurgaon</option>	170	<option value="Gurgaon">Gurgaon</option>
171	<option value="Guwahati">Guwahati</option>	171	<option value="Guwahati">Guwahati</option>
172	<option value="Gwalior">Gwalior</option>	172	<option value="Gwalior">Gwalior</option>
173	<option value="Haora">Haora</option>	173	<option value="Haora">Haora</option>
174	<option value="Hubli">Hubli</option>	174	<option value="Hubli">Hubli</option>
175	<option value="Hyderabad">Hyderabad</option>	175	<option value="Hyderabad">Hyderabad</option>
176	<option value="Indore">Indore</option>	176	<option value="Indore">Indore</option>
177	<option value="Jabalpur">Jabalpur</option>	177	<option value="Jabalpur">Jabalpur</option>
178	<option value="Jaipur">Jaipur</option>	178	<option value="Jaipur">Jaipur</option>
179	<option value="Jalandhar">Jalandhar</option>	179	<option value="Jalandhar">Jalandhar</option>
180	<option value="Jalgaon">Jalgaon</option>	180	<option value="Jalgaon">Jalgaon</option>
181	<option value="Jammu">Jammu</option>	181	<option value="Jammu">Jammu</option>
182	<option value="Jamnagar">Jamnagar</option>	182	<option value="Jamnagar">Jamnagar</option>
183	<option value="Jamshedpur">Jamshedpur</option>	183	<option value="Jamshedpur">Jamshedpur</option>
184	<option value="Jhansi">Jhansi</option>	184	<option value="Jhansi">Jhansi</option>
185	<option value="Jodhpur">Jodhpur</option>	185	<option value="Jodhpur">Jodhpur</option>
186	<option value="Kalyan">Kalyan</option>	186	<option value="Kalyan">Kalyan</option>
187	<option value="Kanpur">Kanpur</option>	187	<option value="Kanpur">Kanpur</option>
188	<option value="Kochi">Kochi</option>	188	<option value="Kochi">Kochi</option>
189	<option value="Kolapur">Kolapur</option>	189	<option value="Kolapur">Kolapur</option>
190	<option value="Kolkata">Kolkata</option>	190	<option value="Kolkata">Kolkata</option>
191	<option value="Kota">Kota</option>	191	<option value="Kota">Kota</option>
192	<option value="Loni">Loni</option>	192	<option value="Loni">Loni</option>
193	<option value="Lucknow">Lucknow</option>	193	<option value="Lucknow">Lucknow</option>
194	<option value="Ludhiana">Ludhiana</option>	194	<option value="Ludhiana">Ludhiana</option>
195	<option value="Madurai">Madurai</option>	195	<option value="Madurai">Madurai</option>
196	<option value="Maheshtala">Maheshtala</option>	196	<option value="Maheshtala">Maheshtala</option>
197	<option value="Malegoan">Malegoan</option>	197	<option value="Malegoan">Malegoan</option>
198	<option value="Mangalore">Mangalore</option>	198	<option value="Mangalore">Mangalore</option>
199	<option value="Meerut">Meerut</option>	199	<option value="Meerut">Meerut</option>
200	<option value="Mira">Mira</option>	200	<option value="Mira">Mira</option>
201	<option value="Moradabad">Moradabad</option>	201	<option value="Moradabad">Moradabad</option>
202	<option value="Mumbai">Mumbai</option>	202	<option value="Mumbai">Mumbai</option>
203	<option value="Mysore">Mysore</option>	203	<option value="Mysore">Mysore</option>
204	<option value="Nagpur">Nagpur</option>	204	<option value="Nagpur">Nagpur</option>
205	<option value="Nanded Waghala">Nanded Waghala</option>	205	<option value="Nanded Waghala">Nanded Waghala</option>
206	<option value="Nashik">Nashik</option>	206	<option value="Nashik">Nashik</option>
207	<option value="Navi Mumbai">Navi Mumbai</option>	207	<option value="Navi Mumbai">Navi Mumbai</option>
208	<option value="Nellore">Nellore</option>	208	<option value="Nellore">Nellore</option>
209	<option value="Noida">Noida</option>	209	<option value="Noida">Noida</option>
210	<option value="Patna">Patna</option>	210	<option value="Patna">Patna</option>
211	<option value="Pimpri">Pimpri</option>	211	<option value="Pimpri">Pimpri</option>
212	<option value="Pune">Pune</option>	212	<option value="Pune">Pune</option>
213	<option value="Raipur">Raipur</option>	213	<option value="Raipur">Raipur</option>
214	<option value="Rajkot">Rajkot</option>	214	<option value="Rajkot">Rajkot</option>
215	<option value="Ranchi">Ranchi</option>	215	<option value="Ranchi">Ranchi</option>
216	<option value="Saharanpur">Saharanpur</option>	216	<option value="Saharanpur">Saharanpur</option>
217	<option value="Salem">Salem</option>	217	<option value="Salem">Salem</option>
218	<option value="Sangli Miraj Kupwad">Sangli Miraj Kupwad</option>	218	<option value="Sangli Miraj Kupwad">Sangli Miraj Kupwad</option>
219	<option value="Siliguri">Siliguri</option>	219	<option value="Siliguri">Siliguri</option>
220	<option value="Solapur">Solapur</option>	220	<option value="Solapur">Solapur</option>
221	<option value="Srinagar">Srinagar</option>	221	<option value="Srinagar">Srinagar</option>
222	<option value="Surat">Surat</option>	222	<option value="Surat">Surat</option>
223	<option value="Thane">Thane</option>	223	<option value="Thane">Thane</option>
224	<option value="Thiruvananthapuram">Thiruvananthapuram</option>	224	<option value="Thiruvananthapuram">Thiruvananthapuram</option>
225	<option value="Tiruchirappalli">Tiruchirappalli</option>	225	<option value="Tiruchirappalli">Tiruchirappalli</option>
226	<option value="Tirunelveli">Tirunelveli</option>	226	<option value="Tirunelveli">Tirunelveli</option>
227	<option value="Udaipur">Udaipur</option>	227	<option value="Udaipur">Udaipur</option>
228	<option value="Ujjain">Ujjain</option>	228	<option value="Ujjain">Ujjain</option>
229	<option value="Ulhasnagar">Ulhasnagar</option>	229	<option value="Ulhasnagar">Ulhasnagar</option>
230	<option value="Vadodara">Vadodara</option>	230	<option value="Vadodara">Vadodara</option>
231	<option value="Varanasi">Varanasi</option>	231	<option value="Varanasi">Varanasi</option>
232	<option value="Vasai Virar">Vasai Virar</option>	232	<option value="Vasai Virar">Vasai Virar</option>
233	<option value="Vijayawada">Vijayawada</option>	233	<option value="Vijayawada">Vijayawada</option>
234	<option value="Visakhapatnam">Visakhapatnam</option>	234	<option value="Visakhapatnam">Visakhapatnam</option>
235	<option value="Warangal">Warangal</option>	235	<option value="Warangal">Warangal</option>
236	<option value="anyOther">Any other</option>	236	<option value="anyOther">Any other</option>
237	</select>	237	</select>
238	</div>	238	</div>
239	<div class="col-xs-12 col-md-12 f-family line-adjust">	239	<div class="col-xs-12 col-md-12 f-family line-adjust">
240	<strong>Which city meet-up would you like to attend? </strong>	240	<strong>Which city meet-up would you like to attend? </strong>
241	<p class="line-space" ></p>	241	<p class="line-space" ></p>
242	</div>	242	</div>
243	<div class="col-xs-12 col-md-6 input-wrapper f-family">	243	<div class="col-xs-12 col-md-12 input-wrapper f-family">
244	<div class="icon-circle-p">	244	<div class="icon-circle-p">
245	<i class="material-icons" style="line-height: 30px;">location_city</i>	245	<i class="material-icons" style="line-height: 30px;">location_city</i>
246	</div>	246	</div>
247	<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;">	247	<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;">
248	<option selected disabled value="">City meet-up</option>	248	<option selected disabled value="">City meet-up *</option>
249	<option value="Bengaluru">To be announced: Bengaluru</option>	249	<option value="Bengaluru">Date to be announced: Bengaluru</option>
250	<option value="Hyderabad">To be announced: Hyderabad</option>	250	<option value="Hyderabad">Date to be announced: Hyderabad</option>
251	<option value="Chennai">To be announced: Chennai</option>	251	<option value="Chennai">Date to be announced: Chennai</option>
252	<option value="Pune">To be announced: Pune</option>	252	<option value="Pune">Date to be announced: Pune</option>
253	<option value="Mumbai">To be announced: Mumbai</option>	253	<option value="Mumbai">Date to be announced: Mumbai</option>
254	<option value="Ahmedabad">To be announced: Ahmedabad</option>	254	<option value="Ahmedabad">Date to be announced: Ahmedabad</option>
255	<option value="Delhi">To be announced: Delhi</option>	255	<option value="Delhi">Date to be announced: Delhi</option>
256	</select>	256	</select>
257	</div>	257	</div>
258	<div class="col-xs-12 col-md-6 input-wrapper f-family">
259	<div class="icon-circle-abcdefg">
260	<i class="material-icons" style="line-height: 30px;">open_with</i>
261	</div>
262	<select name="industry" ng-model="data.industry" ng-change="industry(data.industry); industrykeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" ng-if="hideSelectBox" id="dataIndustry">
263	<option selected disabled value="">Choose Industry</option>
264	<option value="Travel">Travel</option>
265	<option value="Retail">Retail</option>
266	<option value="Editech">Editech</option>
267	<option value="Fintech">Fintech</option>
268	<option value="Hardware">Hardware</option>
269	<option value="Digital">Digital</option>
270	<option value="Rural">Rural</option>
271	<option value="others">Others</option>
272	</select>
273	<input type="text" ng-if="addOther" class="text-input" ng-model="data.industryName" placeholder="Please mention other industry name">
274	</div>
275	<div class="col-xs-12 col-md-6 input-wrapper">	258	<div class="col-xs-12 col-md-6 input-wrapper">
		259	<div id="snackbar">Error ! Please fill in all fields.</div>
276	<div class="icon-circle-e">	260	<div class="icon-circle-e">
277	<i class="material-icons" style="line-height: 30px;">phone</i>	261	<i class="material-icons" style="line-height: 30px;">phone</i>
278	</div>	262	</div>
279	<input type="text" ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input" ng-blur="numbercheck(data.number)" ng-model="data.number" placeholder="Mobile No." ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)">	263	<input type="text" ng-pattern="/^[0-9+-]$/" maxlength="15" class="text-input" ng-blur="numbercheck(data.number)" ng-model="data.number" placeholder="Mobile No." ng-focus="removeNoError()" ng-change="enternumber(data.number); phonekeyPress(data.number)">
280	<label ng-if="numberCheck">Contact Number already exist.</label>	264	<label ng-if="numberCheck">Contact Number already exist.</label>
281	</div>	265	</div>
282	<div class="col-xs-12 col-md-6 input-wrapper">	266	<div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
283	<div id="snackbar">Error ! Please fill in all fields.</div>	267	<div id="snackbar">Error ! Please fill in all fields.</div>
284	<div class="icon-circle-h">	268	<div class="icon-circle-h">
285	<i class="material-icons" style="line-height: 31px;">link</i>	269	<i class="material-icons" style="line-height: 31px;">link</i>
286	</div>	270	</div>
287	<input type="text" class="text-input" ng-model="data.linkedInUrl" placeholder="*LinkedIn URL" id="myBtn" name="linkedInUrl" ng-change="entername(data.linkedInUrl); linkedInkeyPress(data.linkedInUrl)">	271	<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)">
		272	<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>
288	</div>	273	</div>
289	<div class="col-xs-12 col-md-12 f-family line-adjust">	274	<div class="col-xs-12 col-md-12 f-family line-adjust">
290	<strong>Explain your idea/product briefly</strong>	275	<strong>Explain your idea/product briefly</strong>
291	<p class="line-space" ></p>	276	<p class="line-space" ></p>
292	</div>	277	</div>
293	<div class="col-xs-12 col-md-12 input-wrapper">	278	<div class="col-xs-12 col-md-12 input-wrapper">
294	<div id="snackbar">Error ! Please fill in all fields.</div>	279	<div id="snackbar">Error ! Please fill in all fields.</div>
295	<div class="icon-circle-q">	280	<div class="icon-circle-q">
296	<i class="material-icons" style="line-height: 31px;">thumb_up</i>	281	<i class="material-icons" style="line-height: 31px;">thumb_up</i>
297	</div>	282	</div>
298	<textarea type="text" class="text-input" required ng-model="data.idea" placeholder="Idea/Product" id="myBtn" name="Idea" ng-change="entername(data.idea); ideakeyPress(data.idea)">	283	<textarea type="text" class="text-input" required ng-model="data.idea" placeholder="Idea/Product *" id="myBtn" name="Idea" ng-change="entername(data.idea); ideakeyPress(data.idea)">
299	</textarea>	284	</textarea>
300	</div>	285	</div>
301	<div class="col-xs-12 col-md-6 input-wrapper">	286	<div class="col-xs-12 col-md-12 input-wrapper f-family">
		287	<div class="icon-circle-abcdefg">
		288	<i class="material-icons" style="line-height: 30px;">open_with</i>
		289	</div>
		290	<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">
		291	<option selected disabled value="">Choose Industry *</option>
		292	<option value="Travel">Travel</option>
		293	<option value="Retail">Retail</option>
		294	<option value="Editech">Editech</option>
		295	<option value="Fintech">Fintech</option>
		296	<option value="Hardware">Hardware</option>
		297	<option value="Digital">Digital</option>
		298	<option value="Rural">Rural</option>
		299	<option value="others">Others</option>
		300	</select>
		301	</div>
		302	<div class="col-xs-12 col-md-12 input-wrapper" ng-if="addOther">
		303	<div id="snackbar">Error ! Please fill in all fields.</div>
		304	<div class="icon-circle-o">
		305	<i class="material-icons" style="line-height: 31px;">open_with</i>
		306	</div>
		307	<input type="text" class="text-input" ng-change="industry(data.industryName); industryNamekeyPress((data.industryName))" ng-model="data.industryName" placeholder="Please mention other industry name">
		308	</div>
		309	<div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
302	<div id="snackbar">Error ! Please fill in all fields.</div>	310	<div id="snackbar">Error ! Please fill in all fields.</div>
303	<div class="icon-circle-i">	311	<div class="icon-circle-i">
304	<i class="material-icons" style="line-height: 31px;">business</i>	312	<i class="material-icons" style="line-height: 31px;">business</i>
305	</div>	313	</div>
306	<input type="text" class="text-input" ng-model="data.companyName" placeholder="*Company Name" id="myBtn" name="companyName" ng-change="entername(data.companyName); companykeyPress(data.companyName)">	314	<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)">
		315	<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>
307	</div>	316	</div>
308	<div class="col-xs-12 col-md-6 input-wrapper">	317	<div class="col-xs-12 col-md-6 input-wrapper" style="position:relative">
309	<div id="snackbar">Error ! Please fill in all fields.</div>	318	<div id="snackbar">Error ! Please fill in all fields.</div>
310	<div class="icon-circle-j">	319	<div class="icon-circle-j">
311	<i class="material-icons" style="line-height: 31px;">view_comfy</i>	320	<i class="material-icons" style="line-height: 31px;">view_comfy</i>
312	</div>	321	</div>
313	<input type="text" class="text-input" ng-model="data.productName" placeholder="*Product Name" id="myBtn" name="productName" ng-change="entername(data.productName); productNamekeyPress(data.productName)">	322	<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)">
		323	<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>
314	</div>	324	</div>
315	<div class="hideform" ng-if="prototyp">	325	<div class="hideform" ng-if="prototyp">
316	<div class="col-xs-12 col-md-12 f-family line-adjust">	326	<div class="col-xs-12 col-md-12 f-family line-adjust">
317	<strong>Product Launched? </strong>	327	<strong>Product Launched? </strong>
318	<p class="line-space" ></p>	328	<p class="line-space" ></p>
319	</div>	329	</div>
320	<div class="col-xs-12 col-md-12 input-wrapper f-family">	330	<div class="col-xs-12 col-md-12 input-wrapper f-family">
321	<div class="icon-circle-ab">	331	<div class="icon-circle-ab">
322	<i class="material-icons" style="line-height: 30px;">launch</i>	332	<i class="material-icons" style="line-height: 30px;">launch</i>
323	</div>	333	</div>
324	<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">	334	<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">
325	<option selected disabled value="">Select</option>	335	<option selected disabled value="">Select *</option>
326	<option value="yes">Yes</option>	336	<option value="yes">Yes</option>
327	<option value="no">No</option>	337	<option value="no">No</option>
328	</select>	338	</select>
329	</div>	339	</div>
330	<div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="Productshow == 'yes'">	340	<div class="col-xs-12 col-md-12 f-family line-adjust" ng-if="Productshow == 'yes'">
331	<strong>Product Launch Period </strong>	341	<strong>Product Launch Period </strong>
332	<p class="line-space" ></p>	342	<p class="line-space" ></p>
333	</div>	343	</div>
334	<div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="Productshow == 'yes'">	344	<div class="col-xs-12 col-md-12 input-wrapper f-family" ng-if="Productshow == 'yes'">
335	<div class="icon-circle-abc">	345	<div class="icon-circle-abc">
336	<i class="material-icons" style="line-height: 30px;">launch</i>	346	<i class="material-icons" style="line-height: 30px;">launch</i>
337	</div>	347	</div>
338	<select name="launchPeriod" ng-model="data.launchPeriod" ng-change="launchPeriod(data.launchPeriod); launchPeriodkeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;">	348	<select name="launchPeriod" ng-model="data.launchPeriod" ng-change="launchPeriod(data.launchPeriod); launchPeriodkeyPress()" required style="background-color: #fff;border-radius: 0; font-size: 12px;">
339	<option selected disabled value="">Select</option>	349	<option selected disabled value="">Select</option>
340	<option value="less than 1 Month">less than one month</option>	350	<option value="less than 1 Month">less than one month</option>
341	<option value="less than 6 Months">less than 6 months</option>	351	<option value="less than 6 Months">less than 6 months</option>
342	<option value="more than 6 Months">more than 6 months</option>	352	<option value="more than 6 Months">more than 6 months</option>
343	</select>	353	</select>
344	</div>	354	</div>
345	<div class="col-xs-12 col-md-6 input-wrapper">	355	<div class="col-xs-12 col-md-6 input-wrapper">
346	<div id="snackbar">Error ! Please fill in all fields.</div>	356	<div id="snackbar">Error ! Please fill in all fields.</div>
347	<div class="icon-circle-k">	357	<div class="icon-circle-k">
348	<i class="material-icons" style="line-height: 31px;">web</i>	358	<i class="material-icons" style="line-height: 31px;">web</i>
349	</div>	359	</div>
350	<input type="text" class="text-input" ng-model="data.websiteUrl" placeholder="Website URL" id="myBtn" name="websiteUrl" ng-change="entername(data.websiteUrl); websitekeyPress(data.websiteUrl)">	360	<input type="text" class="text-input" ng-model="data.websiteUrl" placeholder="Website URL *" id="myBtn" name="websiteUrl" ng-change="entername(data.websiteUrl); websitekeyPress(data.websiteUrl)">
351	</div>	361	</div>
352	<div class="col-xs-12 col-md-6 input-wrapper">	362	<div class="col-xs-12 col-md-6 input-wrapper">
353	<div id="snackbar">Error ! Please fill in all fields.</div>	363	<div id="snackbar">Error ! Please fill in all fields.</div>
354	<div class="icon-circle-m">	364	<div class="icon-circle-m">
355	<i class="material-icons" style="line-height: 31px;">link</i>	365	<i class="material-icons" style="line-height: 31px;">link</i>
356	</div>	366	</div>
357	<input type="text" class="text-input" ng-model="data.demoLink" placeholder="Link to your product/app/demo" id="myBtn" name="demoLink" ng-change="entername(data.demoLink); annualkeyPress(data.demoLink)">	367	<input type="text" class="text-input" ng-model="data.demoLink" placeholder="Link to your product/app/demo *" id="myBtn" name="demoLink" ng-change="entername(data.demoLink); annualkeyPress(data.demoLink)">
358	</div>	368	</div>
359	<div class="col-xs-12 col-md-6 input-wrapper">	369	<div class="col-xs-12 col-md-6 input-wrapper">
360	<div id="snackbar">Error ! Please fill in all fields.</div>	370	<div id="snackbar">Error ! Please fill in all fields.</div>
361	<div class="icon-circle-l">	371	<div class="icon-circle-l">
362	<i class="material-icons" style="line-height: 31px;">format_list_numbered</i>	372	<i class="material-icons" style="line-height: 31px;">format_list_numbered</i>
363	</div>	373	</div>
364	<input type="text" ng-pattern="/^[0-9+-]*$/" maxlength="15" class="text-input" ng-model="data.numberOfEmployees" placeholder="Number of Employees" id="myBtn" name="numberOfEmployees" ng-change="entername(data.numberOfEmployees); employeekeyPress(data.numberOfEmployees)">	374	<input type="text" ng-pattern="/^[0-9+-]$/" maxlength="15" class="text-input" ng-model="data.numberOfEmployees" placeholder="Number of Employees " id="myBtn" name="numberOfEmployees" ng-change="entername(data.numberOfEmployees); employeekeyPress(data.numberOfEmployees)">
365	</div>	375	</div>
366	<div class="col-xs-12 col-md-6 input-wrapper">	376	<div class="col-xs-12 col-md-6 input-wrapper">
367	<div id="snackbar">Error ! Please fill in all fields.</div>	377	<div id="snackbar">Error ! Please fill in all fields.</div>
368	<div class="icon-circle-n">	378	<div class="icon-circle-n">
369	<i class="material-icons" style="line-height: 31px;">view_stream</i>	379	<i class="material-icons" style="line-height: 31px;">view_stream</i>
370	</div>	380	</div>
371	<input type="text" class="text-input" ng-model="data.revenueMonth" placeholder="Monthly Revenue" id="myBtn" name="revenueMonth" ng-change="entername(data.revenueMonth); revenuekeyPress(data.revenueMonth)">	381	<input type="text" class="text-input" ng-model="data.revenueMonth" placeholder="Monthly Revenue *" id="myBtn" name="revenueMonth" ng-change="entername(data.revenueMonth); revenuekeyPress(data.revenueMonth)">
372	</div>	382	</div>
373	<div class="col-xs-12 col-md-12 input-wrapper f-family">	383	<div class="col-xs-12 col-md-12 input-wrapper f-family">
374	<p><b>Have you risen any funding yet?</b></p>	384	<p><b>Have you risen any funding yet?</b></p>
375	<div class="icon-circle-bc">	385	<div class="icon-circle-bc">
376	<i class="material-icons" style="line-height: 30px;">payment</i>	386	<i class="material-icons" style="line-height: 30px;">payment</i>
377	</div>	387	</div>
378	<select name="amount" ng-model="data.amount" ng-change="amount(data.amount); amountkeyPress()" ng-click="textCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="fundingDiv">	388	<select name="amount" ng-model="data.amount" ng-change="amount(data.amount); amountkeyPress()" ng-click="textCheck()" required style="background-color: #fff;border-radius: 0; font-size: 12px;" id="fundingDiv">
379	<option selected disabled value="">Select</option>	389	<option selected disabled value="">Select *</option>
380	<option value="yes">Yes</option>	390	<option value="yes">Yes</option>
381	<option value="no">No</option>	391	<option value="no">No</option>
382	</select>	392	</select>
		393	</div>
		394	<div class="col-xs-12 col-md-12 input-wrapper" ng-if="Textshow == 'yes'">
		395	<div class="icon-circle-y" >
		396	<i class="material-icons" style="line-height: 31px;">money</i>
		397	</div>
		398	<input type="text" name="fund" class="text-input" ng-model="data.fund" placeholder="Fill amount" ng-change="fund(data.fund); fundkeyPress(data.fund)"></input>
		399	</div>
383	</div>	400	</div>
384	<!-- <div class="identity-shadow">	401	<!-- <div class="identity-shadow">
385	<div class="icon-circle-bc">	402	<div class="icon-circle-bc">
386	<i class="material-icons" style="line-height: 30px;">payment</i>	403	<i class="material-icons" style="line-height: 30px;">payment</i>
387	</div>	404	</div>
388	<div class="identity-question">	405	<div class="identity-question">
389	<div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">	406	<div class="col-xs-12 font f-family" style="margin:10px 10px 0px 10px;">
390	<b>Have you risen any funding yet?</b>	407	<b>Have you risen any funding yet?</b>
391	<p style="color:grey"></p>	408	<p style="color:grey"></p>
392	</div>	409	</div>
393	<div class="clearfix"></div>	410	<div class="clearfix"></div>
394	</div>	411	</div>
395	<div class="stages identity-align">	412	<div class="stages identity-align">
396	<div class="col-xs-12">	413	<div class="col-xs-12">
397	<label class="card-small margin-right-label">	414	<label class="card-small margin-right-label">
398	<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" >	415	<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" >
399	<label class="f-family pull-left width-auto" for="yesRadio">Yes</label>	416	<label class="f-family pull-left width-auto" for="yesRadio">Yes</label>
400	</label>	417	</label>
401	<label class="card-small margin-right-label">	418	<label class="card-small margin-right-label">
402	<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" >	419	<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" >
403		420
404	<label class="f-family pull-left width-auto" for="noRadio">No</label>	421	<label class="f-family pull-left width-auto" for="noRadio">No</label>
405	</label>	422	</label>
406	</div>	423	</div>
407	</div>	424	</div>
408		425
409	<div class="clearfix"></div>	426	<div class="clearfix"></div>
410	</div> -->	427	</div> -->
411	</div>	428	<div class="col-xs-12 input-wrapper">
412	<div class="col-xs-12 col-md-12 input-wrapper" ng-if="Textshow == 'yes'">	429	<div class="referel-icon" style="z-index: 999;">
413	<div class="icon-circle-y" >	430	<i class="material-icons" style="line-height: 30px;">code</i>
414	<i class="material-icons" style="line-height: 31px;">money</i>
415	</div>	431	</div>
416	<input type="text" name="fund" class="text-input" ng-model="data.fund" placeholder="Fill amount" ng-change="fund(data.fund); fundkeyPress(data.fund)"></input>	432	<input class="text-input" ng-model="data.referalToken" placeholder="Enter Promo code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
		433	<i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
		434	<i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i>
		435	<button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
417	</div>	436	</div>
418		437	<div class="clearfix"></div>
419	<div class="text-center">	438	<div class="text-center">
420	<input type="submit" class="btn submit-button" ng-disabled="applicantForm.$invalid\|\| check\|\| numberCheck" value="Submit" ng-click="calculateAmount()">	439	<input type="submit" class="btn submit-button" ng-disabled="applicantForm.$invalid\|\| check\|\| numberCheck" value="Submit" ng-click="calculateAmount()">
421	</div>	440	</div>
422		441
423	</div>	442	</div>
424	</div>	443	</div>
425	<!-- CLOSE step-two-form -->	444	<!-- CLOSE step-two-form -->
426	</div>	445	</div>
427	<!-- col-xs-12 col-md-8 col-md-offset-2 -->	446	<!-- col-xs-12 col-md-8 col-md-offset-2 -->
428	</form>	447	</form>
429	<!-- CLOSE FORM -->	448	<!-- CLOSE FORM -->
430	<footer>	449	<footer>
431	<img id="footer" class="img-responsive banner">	450	<img id="footer" class="img-responsive banner">
432	<center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>	451	<center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technolgies.</a> </center>
433	</footer>	452	</footer>
434	<!-- </div> CLOSE CHECK VIEW -->	453	<!-- </div> CLOSE CHECK VIEW -->
435	<div ng-if="verifyView">	454	<div ng-if="verifyView">
436	<div style="margin-bottom: 0px;" class="text-center">	455	<div style="margin-bottom: 0px;" class="text-center">
437	<input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">	456	<input type="button" class="btn submit-button" ng-disabled="applicantForm.$invalid" value="check the status" ng-click="update()">
438	</div>	457	</div>
439	</div>	458	</div>
440	</div> <!-- CLOSE NEW-CONTROLLER -->	459	</div> <!-- CLOSE NEW-CONTROLLER -->
441	<!-- <div id="snacsskbar">Registration done successfully.</div>	460	<!-- <div id="snacsskbar">Registration done successfully.</div>
442	--><!-- <div class="modal fade" id="myModal" role="dialog">	461	--><!-- <div class="modal fade" id="myModal" role="dialog">
443	<div class="modal-dialog" style="left: auto;">	462	<div class="modal-dialog" style="left: auto;">
444	<div class="modal-content">	463	<div class="modal-content">
445	<h4 style="text-align:center;">Congratulations, you are now eligible for:</h4>	464	<h4 style="text-align:center;">Congratulations, you are now eligible for:</h4>
446	<table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px">	465	<table width="100%" border="0" align="right" cellpadding="0" cellspacing="0" style="border:1px solid #f6f6eb;margin-top:10px">
447	<tbody style="background-color:#f9f9f9">	466	<tbody style="background-color:#f9f9f9">
448	<tr>	467	<tr>
449	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>	468	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
450	</tr>	469	</tr>
451	<tr>	470	<tr>
452	<td align="left" valign="top" style="padding:10px">	471	<td align="left" valign="top" style="padding:10px">
453	<table width="100%" border="0" cellspacing="0" cellpadding="0">	472	<table width="100%" border="0" cellspacing="0" cellpadding="0">
454	<tbody>	473	<tbody>
455	<tr>	474	<tr>
456	<td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td>	475	<td align="left" valign="middle" style="color:#5e5e5e;font-size:20px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Summary</td>
457	</tr>	476	</tr>
458	</tbody>	477	</tbody>
459	</table>	478	</table>
460	</td>	479	</td>
461	</tr>	480	</tr>
462	</tbody>	481	</tbody>
463	<tbody>	482	<tbody>
464	<tr>	483	<tr>
465	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>	484	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
466	</tr>	485	</tr>
467	<tr>	486	<tr>
468	<td align="left" valign="top" style="padding:10px">	487	<td align="left" valign="top" style="padding:10px">
469	<table width="100%" border="0" cellspacing="0" cellpadding="0">	488	<table width="100%" border="0" cellspacing="0" cellpadding="0">
470	<tbody>	489	<tbody>
471	<tr>	490	<tr>
472	<td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td>	491	<td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Ticket Amount</td>
473	<td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td>	492	<td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{ticketAmnt}}</td>
474	</tr>	493	</tr>
475	</tbody>	494	</tbody>
476	</table>	495	</table>
477	</td>	496	</td>
478	</tr>	497	</tr>
479	<tr>	498	<tr>
480	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>	499	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
481	</tr>	500	</tr>
482	<tr>	501	<tr>
483	<td align="left" valign="top" style="padding:10px">	502	<td align="left" valign="top" style="padding:10px">
484	<table width="100%" border="0" cellspacing="0" cellpadding="0">	503	<table width="100%" border="0" cellspacing="0" cellpadding="0">
485	<tbody>	504	<tbody>
486	<tr>	505	<tr>
487	<td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td>	506	<td align="left" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Discount</td>
488	<td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td>	507	<td align="right" valign="middle" style="color:#5e5e5e;font-size:18px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{discountAmount}}</td>
489	</tr>	508	</tr>
490	</tbody>	509	</tbody>
491	</table>	510	</table>
492	</td>	511	</td>
493	</tr>	512	</tr>
494	<tr>	513	<tr>
495	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>	514	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
496	</tr>	515	</tr>
497	<tr>	516	<tr>
498	<td align="left" valign="top" style="padding:10px">	517	<td align="left" valign="top" style="padding:10px">
499	<table width="100%" border="0" cellspacing="0" cellpadding="0">	518	<table width="100%" border="0" cellspacing="0" cellpadding="0">
500	<tbody>	519	<tbody>
501	<tr>	520	<tr>
502	<td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td>	521	<td align="left" valign="middle" style="color:#5e5e5e;font-size:14px;line-height:26px;font-family:Avenir-Medium,arial,sans-serif">GST</td>
503	<td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td>	522	<td align="right" valign="middle" style="color:#5e5e5e;font-size:16px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{taxTotal}}</td>
504	</tr>	523	</tr>
505	</tbody>	524	</tbody>
506	</table>	525	</table>
507	</td>	526	</td>
508	</tr>	527	</tr>
509	<tr>	528	<tr>
510	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>	529	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
511	</tr>	530	</tr>
512	<tr>	531	<tr>
513	<td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px">	532	<td align="left" valign="top" bgcolor="#f9f9f9" style="padding:10px">
514	<table width="100%" border="0" cellspacing="0" cellpadding="0">	533	<table width="100%" border="0" cellspacing="0" cellpadding="0">
515	<tbody>	534	<tbody>
516	<tr>	535	<tr>
517	<td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td>	536	<td align="left" valign="middle" style="color:#5e5e5e;font-size:22px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">Total Amount</td>
518	<td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td>	537	<td align="right" valign="middle" style="color:#29bd9d;font-size:24px;line-height:26px;font-family:Avenir-Heavy,arial,sans-serif">{{payingAmnt}}</td>
519	</tr>	538	</tr>
520	</tbody>	539	</tbody>
521	</table>	540	</table>
522	</td>	541	</td>
523	</tr>	542	</tr>
524	<tr>	543	<tr>
525	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>	544	<td bgcolor="#efefeb" style="font-size:1px;line-height:1px"></td>
526	</tr>	545	</tr>
527	</tbody>	546	</tbody>
528	</table>	547	</table>
529	<div style="text-align:center;margin-bottom:5%">	548	<div style="text-align:center;margin-bottom:5%">
530	<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>	549	<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>
531	</div>	550	</div>
532	</div>	551	</div>
533	</div>	552	</div>
534	</div>	553	</div>
535		554
536	<div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()">	555	<div class="modal fade" id="videoModel" role="dialog" ng-click="closeModal()">
537	<div class="modal-dialog" style="left: auto;">	556	<div class="modal-dialog" style="left: auto;">
538	<div class="modal-content" >	557	<div class="modal-content" >
539		558
540	<div class="modal-body" style="text-align: right;" >	559	<div class="modal-body" style="text-align: right;" >
541	<i class="material-icons" style="cursor: pointer;" data-dismiss="modal" ng-click="closeModal()">clear</i>	560	<i class="material-icons" style="cursor: pointer;" data-dismiss="modal" ng-click="closeModal()">clear</i>
542	<iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/8i1bLQ7jS0I" frameborder="0" allowfullscreen></iframe>	561	<iframe width="560" id="youtubePlayer" height="315" src="https://www.youtube.com/embed/8i1bLQ7jS0I" frameborder="0" allowfullscreen></iframe>
543	</div>	562	</div>
544		563
545	</div>	564	</div>
546	</div>	565	</div>
547	</div>	566	</div>
548		567
549		568

script.js

Diff comments View file @204302c

 	// create the module and name it scotchApp
 	var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']);
 	// configure our routes
 	scotchApp.config(function($routeProvider) {
 	    $routeProvider
 	    	// route for the Home page
 	        .when('/', {
 	            templateUrl: 'pages/Home.html',
 	            controller: 'mainController'
 	        })
 	        // route for the registration page
 	        .when('/registration', {
 	            templateUrl: 'pages/registration.html',
 	            controller: 'mainController'
 	        })
 	        // route for the paymentVerify page
 	        .when('/pendingPayment/:id', {
 	            templateUrl: 'pages/verify.html',
 	            controller: 'verifyController'
 	        })
 	        // route for the ambassador page
 	        .when('/ambassador', {
 	            templateUrl: 'pages/ambassador.html',
 	            controller: 'ambassadorController'
 	        })
 	        // route for the confirmation page
 	        .when('/confirmation', {
 	            templateUrl: 'pages/confirmation.html',
 	            controller: 'mainController'
 	        })
 	});
 	scotchApp.config(['AnalyticsProvider', function (AnalyticsProvider) {
 	   	// Add configuration code as desired
 	   	 AnalyticsProvider.setAccount('UA-106416759-1');  //UU-XXXXXXX-X should be your tracking code
 	   	// Track all routes (default is true).
 	  	AnalyticsProvider.trackPages(true);
 	  	// Track all URL query params (default is false).
 	  	AnalyticsProvider.trackUrlParams(true);
 	}]).run(['Analytics', function(Analytics) { }]);
 	scotchApp.constant("BASE_URL", "http://139.59.68.74:4001/api")
 	//scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/api")
 	// create the controller and inject Angular's $scope
 	scotchApp.controller('mainController', function($scope, $http, $location, $route, $rootScope, BASE_URL, Analytics) {
 	    $scope.data = {
 	        show: true,
 	        hide: false
 	    };
 	    $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    // $scope.Textshow = "yes"
 	    $scope.max = 100;
 	    $scope.current = 0;
 	    $scope.payingAmnt = 0;
 	    if ($scope.data.stage == 'select') {
 	    }
 	    //$scope.author = 'Swarn Singh';
 	    $scope.data = {};
 	    $scope.data.stage = 'Idea';
 	    $scope.discountAmount = 0;
 	    $scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.paymentResult = {};
 	    var data = {
 	        "amount": $scope.payingAmnt,
 	        "currency": "INR",
 	        "status": "pending"
 	    }
 	    /*open videos in modal*/
 	  //   $scope.openyoutube16 = function(){
 			// $('#videoModel').modal('show');
 	  //   }
 	  //    $scope.openyoutube17 = function(){
 			// $('#videoModels').modal('show');
 	  //   }
 	  //      $scope.closeModal = function(){
 	  //   	var url = $('#youtubePlayer').attr('src');
 			// $('#youtubePlayer').attr('src', '');
 			// $('#youtubePlayer').attr('src', url);
 	  //   }
 	  //   $scope.closed = function(){
 	  //   	var url = $('#youtubePlayersss').attr('src');
 			// $('#youtubePlayersss').attr('src', '');
 			// $('#youtubePlayersss').attr('src', url);
 	  //   }
 	    /*open videos ends here*/
 	    $scope.apply = function() {
 			$location.path("/registration")
 		}
 	    $scope.removeError = function() {
 	        $('#invalidEmail').css('display', 'none');
 	        $('#alreadyExist').css('display', 'none');
 	    };
 	    $scope.emailcheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	            $http({
 	                method: 'GET',
 	                url: BASE_URL + '/applicants?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
 	                headers: {}
 	            }).then(function mySuccess(searchResult) {
 	                console.log("searchResult1===>", searchResult)
 	                if (searchResult.data.length == 0) {
 	                    $scope.check = false;
 	                } else {
 	                    $scope.check = true;
 	                    $('#alreadyExist').css('display', 'block');
 	                }
 	            }, function myError(error) {});
 	        }
 	    };
 	    $scope.removeNoError = function() {
 	        $('#noExist').css('display', 'none');
 	    };
 	    $scope.numbercheck = function(number) {
 	        $http({
 	            method: 'GET',
 	            url: BASE_URL + '/applicants?filter={"where": {"phone": {"like":"%25' + number + '%25"}}}',
 	            data: $scope.data,
 	            headers: {}
 	        }).then(function mySuccess(searchResult) {
 	            console.log("searchResult===>", searchResult)
 	            if (searchResult.data.length == 0) {
 	                $scope.numberCheck = false;
 	            } else {
 	                $scope.numberCheck = true;
 	                $('#noExist').css('display', 'block');
 	            }
 	        }, function myError(error) {});
 	    };
 	    $rootScope.tokenCall = function(val) {
 	        console.log('val-------->', val);
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	        	val = val.toUpperCase();
 	        	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": {"like":"%25' + val + '%25"}}}')
 				    .then(function(searchResult) {
 				        if (searchResult.data.length == 0) {
 	                    	$scope.tokencheck = false;
 	                    	 $scope.discountAmount = 0;
 	                	} else {
 	                    	$scope.tokencheck = true;
 	                	}
 				    },function(err){
 				    	console.log(err)
 				});
 	        }
 	    };
 	    /*THIS CODE FOR ENABLED SUBMIT BUTTON AFTER UPLOAD IMAGE*/
 	    $(document).ready(
 	        function() {
 	            $('input:submit').attr('disabled', true);
 	            $('input:file').change(
 	                function() {
 	                    if ($("#picture").val()) {
 	                        $('input:submit').removeAttr('disabled');
 	                    } else {
 	                        $('input:submit').attr('disabled', true);
 	                    }
 	                });
 	        });
 	    /*****THIS IS FOR STEP ONE FORM ******/
 	    // $scope.next = function() {
 	    //     $scope.data.status = null
 	    //     if ($scope.data.stage == undefined || $scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) {
 	    //         var x = document.getElementById("snackbar")
 	    //         x.className = "show";
 	    //         setTimeout(function() {
 	    //             x.className = x.className.replace("show", "");
 	    //         }, 3000);
 	    //     } else if ($scope.data.stage != undefined && $scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
 	    //         $scope.infoForm = true;
 	    //         console.log("sdasdasdsa");
 	    //         $scope.data.stage = $scope.data.stage;
 	    //         $scope.detail = {};
 	    //         $scope.data.phone = "+91" + $scope.data.number;
 	    //         $http({
 	    //             method: 'POST',
 	    //             url: BASE_URL + '/information',
 	    //             data: $scope.data,
 	    //             headers: {}
 	    //         }).then(function mySuccess(result) {
 					// Analytics.trackEvent('information', 'click', 'django.mp4');
 	    //             console.log("result", result)
 	    //             $scope.detail = result;
 	    //             data.applicantId = result.data.id;
 	    //             $scope.userId = result.data.id;
 	    //         }, function myError(error) {});
 	    //     }
 	    // }
 	    $scope.calculateAmount =  function(){
 	        if ($scope.data.stage == undefined || $scope.data.firstName == undefined || $scope.data.email == undefined || $scope.data.number == undefined || $scope.data.city == undefined) {
 	            var x = document.getElementById("snackbar")
 	            x.className = "show";
 	            setTimeout(function() {
 	                x.className = x.className.replace("show", "");
 	            }, 3000);
 	        } else if ($scope.data.stage != undefined && $scope.data.firstName != undefined && $scope.data.email != undefined && $scope.data.number != undefined && $scope.data.city != undefined) {
 	            $scope.infoForm = true;
 	            console.log("sdasdasdsa");
 	            $scope.data.stage = $scope.data.stage;
 	            $scope.detail = {};
 	            $scope.data.phone = "+91" + $scope.data.number;
 	            $http({
 	                method: 'POST',
 	                url: BASE_URL + '/applicants',
 	                data: $scope.data,
 	                headers: {}
 	            }).then(function mySuccess(result) {
 	            	Analytics.trackEvent('applicants', 'click', 'django.mp4');
 	                console.log("result", result)
 	                $scope.detail = result;
 	                data.applicantId = result.data.id;
 	                $scope.userId = result.data.id;
 	            }, function myError(error) {});
 	        }
 	    	if ($scope.data.stage == "Idea") {
 	            console.log("$scope.data", $scope.data)
 	            $scope.ticketAmnt = 500;
 	        }
 	        if ($scope.data.stage == "Product") {
 	            $scope.ticketAmnt = 1000;
 	        }
 	        if ($scope.data.stage == "Growth") {
 	            $scope.ticketAmnt = 1000;
 	        }
 	        var amount = $scope.ticketAmnt * 100
 	        if($scope.tokencheck == true){
 		        var amount = $scope.ticketAmnt
 			    // $scope.discountAmount = (amount * 10)/100
 			    console.log("finalAmount====>",$scope.payingAmnt)
 	        }
 	        var taxAmount = $scope.ticketAmnt
             // $scope.taxTotal = (taxAmount * 18)/100
             $scope.payingAmnt = taxAmount
             console.log("taxincludedamount----", $scope.payingAmnt)
 	    // }
 	    /*****THIS IS FOR STEP THREE FORM ******/
 	    // $scope.create = function() {
 	        // if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) {
 	        //     var x = document.getElementById("snackbar")
 	        //     x.className = "show";
 	        //     setTimeout(function() {
 	        //         x.className = x.className.replace("show", "");
 	        //     }, 3000);
 	        // } else if ($scope.data.name != undefined && $scope.data.email != undefined && $scope.data.number != undefined) {
 	        //     $scope.infoForm = true;
 	        //     console.log("sdasdasdsa");
 	        //     $scope.data.stage = $scope.data.stage;
 	        //     $scope.detail = {};
 	        //     $scope.data.phone = "+91" + $scope.data.number;
 	        //     $http({
 	        //         method: 'POST',
 	        //         url: BASE_URL + '/applicants',
 	        //         data: $scope.data,
 	        //         headers: {}
 	        //     }).then(function mySuccess(result) {
 	        //         console.log("=====result=====", result)
 	        //         $scope.detail = result;
 	        //         data.applicantId = result.data.id;
 	        //         $scope.userId = result.data.id;
 	        //         console.log("=====data=====", data)
 	                data.amount = $scope.payingAmnt;
 	                if ($scope.detail != null) {
 	                    $http({
 	                        method: 'POST',
 	                        url: BASE_URL + '/payments',
 	                        data: data,
 	                        headers: {}
 	                    }).then(function mySuccess(paymentResult) {
 	    					Analytics.trackEvent('payments', 'click', 'django.mp4');
 	                    	console.log("paymentResult",paymentResult)
 	                        $scope.paymentResult = paymentResult;
 	                    }, function myError(error) {});
 	                }
 	                var i = 0;
 	                 $scope.payingAmnt =  $scope.payingAmnt * 100;
 	                var options = {
 	                    "key": "rzp_test_YwHsVFiDIQ2WUQ",
 	                    "amount": $scope.payingAmnt,
 	                    "name": "Startup Jalsa",
 	                    "description": "amount",
 	                    "currency": "INR",
 	                    "status": "done",
 	                    "theme": {
 	                        "color": "#2196f3 ",
 	                        "image_padding": "NO"
 	                    },
 	                    "modal": {
 	                        "ondismiss": function() {}
 	                    },
 	                    "handler": function(response) {
 	                        createPayment(response);
 	                    }
 	                };
 	                var rzp1 = new Razorpay(options);
 	                rzp1.open();
 	                $scope.paymentResponse = {};
 	                function createPayment(response) {
 	                	Analytics.trackEvent('payments', 'click', 'django.mp4');
 	                	console.log("response====from===razorpay",response)
 	                    $route.reload();
 	                    $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
 	                    $scope.paymentResponse.razorOrderId = $scope.paymentResult.data.razorOrderId;
 	                    $scope.paymentResponse.amount = data.amount;
 	                    $scope.paymentResponse.currency = "INR";
 	                    $scope.paymentResponse.status = $scope.paymentResult.data.status;
 	                    $http({
 	                        method: 'PUT',
 	                        url: BASE_URL + '/payments/' + $scope.paymentResult.data.id,
 	                        data: $scope.paymentResponse,
 	                        headers: {}
 	                    }).then(function mySuccess(searchResult) {
 	                    	Analytics.trackEvent('payments', 'click', 'django.mp4');
 	                        console.log("searchResult", searchResult)
 	                        $location.path("/confirmation")
 	                        //$scope.showToastr()
 	                        //toaster.success("Registration done successfully");
 	                    }, function myError(error) {});
 	                }
 	            }
 	            //}, function myError(error) {});
 	        //}
 	    //}
 	    // $scope.showToastr = function() {
 	    //     console.log("called toast")
 	    //     var x = document.getElementById("snacsskbar")
 	    //     x.className = "show";
 	    //     setTimeout(function() {
 	    //         x.className = x.className.replace("show", "");
 	    //     }, 3000);
 	    // }
 	    /*kk***This code for change data when click to chooses stages***/
 	    $scope.proto = true;
 	    $scope.businessmodel = true;
 	    $scope.Idea = true;
 	    $scope.current = true;
 	    $scope.stage = function(stage) {
 	    $scope.stagekeyPress();
 	    console.log("stage--2",stage)
 	        if (stage == 'Idea') {
 	            $scope.current = 10;
 	            $scope.proto = true;
 	            $scope.prototyp = false;
 	            $scope.market = false;
 	            $scope.risks = false;
 	            $scope.team = false;
 	            $scope.pitch = false;
 	            $scope.financials = false;
 	            $scope.businessmodel = true;
 	            $scope.data.stage = stage;
 	            // for right content
 	            $scope.Idea = true;
 	            $scope.Product = false;
 	            $scope.Growth = false;
 	        } else if (stage == 'Product') {
 	            $scope.current = 10;
 	            $scope.proto = true;
 	            $scope.prototyp = true;
 	            $scope.market = true;
 	            $scope.risks = true;
 	            $scope.team = true;
 	            $scope.pitch = true;
 	            $scope.financials = true;
 	            $scope.businessmodel = false;
 	            $scope.data.stage = stage;
 	            // for right content
 	            $scope.Idea = false;
 	            $scope.Product = true;
 	            $scope.Growth = false;
 	        } else if (stage == 'Growth') {
 	            $scope.current = 10;
 	            $scope.proto = false;
 	            $scope.prototyp = true;
 	            $scope.market = true;
 	            $scope.risks = true;
 	            $scope.team = true;
 	            $scope.pitch = true;
 	            $scope.financials = true;
 	            $scope.businessmodel = false;
 	            // for right content
 	            $scope.Idea = false;
 	            $scope.Product = false;
 	            $scope.Growth = true;
 	            $scope.data.stage = stage;
 	        }
 	    }
 	    // $scope.enterbusiness = function(business) {
 	    //     console.log("business", business);
 	    //     if (name == undefined) {
 	    //         $scope.current = false;
 	    //     } else if (name != undefined) {
 	    //         $scope.current = true;
 	    //     }
 	    // }
 	    /*******FOR FILL THE DATA AND SHOWS ICON GREEN*/
 	    $scope.stagekeyPress = function() {
 	        $('.icon-circle-a').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.sectorkeyPress = function() {
 	        $('.icon-circle-b').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.productLaunchkeyPress = function() {
 	        $('.icon-circle-ab').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.launchPeriodkeyPress = function() {
 	        $('.icon-circle-abc').css('background-color', 'rgb(66, 181, 73)');
 	    }
-	    $scope.addOther = false;
-		$scope.hideSelectBox = true;
 	    $scope.industrykeyPress = function() {
+	    	$scope.addOther = false;
+			$scope.hideSelectBox = true;
 	        $('.icon-circle-abcdefg').css('background-color', 'rgb(66, 181, 73)');
 	        var e = document.getElementById("dataIndustry");
 			var dataIndustry = e.options[e.selectedIndex].value;
 			if(dataIndustry == "others") {
 				$scope.addOther = true;
 				$scope.hideSelectBox = false;
 			}
 	    }
+	    $scope.industryNamekeyPress = function(firstName) {
+	        console.log("lastName==", firstName);
+	        if (firstName == undefined) {
+	            $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
+	        } else {
+	            $('.icon-circle-o').css('background-color', 'rgb(66, 181, 73)');
+	        }
+	    }
 	    $scope.amountkeyPress = function() {
 	        $('.icon-circle-bc').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.firstNamekeyPress = function(firstName) {
 	        console.log("lastName==", firstName);
 	        if (firstName == undefined) {
 	            $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-c').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.emailkeyPress = function(email) {
 	        console.log("email", email);
 	        if (email == undefined) {
 	            $('.icon-circle-d').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-d').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.textCheck = function(){
 	    	console.log("Val1:::", $scope.textCheck);
 	    	var e = document.getElementById("fundingDiv");
 			var funding = e.options[e.selectedIndex].value;
-			$scope.Textshow = "yes";
+			$scope.Textshow = "no";
 			if(funding == "yes") {
-				$scope.Textshow = "no";
+				$scope.Textshow = "yes";
 	    	 	console.log("Val:::", $scope.Textshow);
 			}
 	    }
 	    $scope.productCheck = function(){
 	    	console.log("Val2:::", $scope.productCheck);
 	    	var e = document.getElementById("productDiv");
 			var product = e.options[e.selectedIndex].value;
 			$scope.Productshow = "no";
 			if(product == "yes") {
 				$scope.Productshow = "yes";
 	    	 	console.log("Val1:::", $scope.Productshow);
 			}
 	    }
 	    $scope.phonekeyPress = function(number) {
 	        console.log("number", number);
-	        if (number == undefined) {
+	        if (number == undefined || number == '') {
 	            $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-e').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.citykeyPress = function(city) {
 	        console.log("city", city);
 	        if (city == undefined) {
 	            $('.icon-circle-f').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-f').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.lastNamekeyPress = function(q) {
 	        if (q == undefined) {
 	            $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-x').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.linkedInkeyPress = function(technology) {
-	        if (technology == undefined) {
+	        if (technology == undefined || technology == '') {
 	            $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-h').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.companykeyPress = function(problem) {
 	        if (problem == undefined) {
 	            $('.icon-circle-i').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-i').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.productNamekeyPress = function(solution) {
 	        if (solution == undefined) {
 	            $('.icon-circle-j').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-j').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.businesskeyPress = function(business) {
 	        $('.icon-circle-p').css('background-color', 'rgb(66, 181, 73)');
 	    }
 	    $scope.websitekeyPress = function(prototype) {
-	        if (prototype == undefined) {
+	        if (prototype == undefined  || prototype == '') {
 	            $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-k').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.employeekeyPress = function(market) {
-	        if (market == undefined) {
+	        if (market == undefined || market == '') {
 	            $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-l').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.annualkeyPress = function(risk) {
-	        if (risk == undefined) {
+	        if (risk == undefined || risk == '') {
 	            $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-m').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.revenuekeyPress = function(team) {
-	        if (team == undefined) {
+	        if (team == undefined || team == '') {
 	            $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-n').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.descriptionkeyPress = function(pitch) {
 	        if (pitch == undefined) {
 	            $('.icon-circle-z').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-z').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.ideakeyPress = function(financial) {
 	        console.log("financial", financial);
 	        if (financial == undefined) {
 	            $('.icon-circle-q').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-q').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.fundkeyPress = function(financial) {
 	        console.log("financial", financial);
 	        if (financial == undefined) {
 	            $('.icon-circle-y').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-y').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	    $scope.changeReferalIconColor = function(referalToken){
 	    	if (referalToken == undefined || referalToken == '') {
 	    		$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
 	    	}else {
 	            $('.referel-icon').css('background-color', 'rgb(66, 181, 73)');
 	        }
 	    }
 	});
 	scotchApp.controller('verifyController', function($scope, $http, $location, $route,BASE_URL) {
 	    $scope.pendingPaymentId = $route.current.params.id
 	    $http({
 	        method: "GET",
 	        url: BASE_URL + '/applicants/' + $scope.pendingPaymentId,
 	    }).then(function mySuccess(response) {
 	        $scope.data = response.data;
 	        console.log("response-1", response);
 	        $scope.pendingPaymentId = $route.current.params.id;
 	        $http({
 	            method: "GET",
 	            url: BASE_URL + '/payments?filter={"where":{"applicantId":' + $scope.pendingPaymentId + '}}',
 	        }).then(function mySuccess(response) {
 	            $scope.paymentRecord = response.data;
 	        }, function myError(response) {
 	        });
 	    }, function myError(response) {
 	        $scope.myWelcome = response.statusText;
 	    });
 	    $scope.checkView = false;
 	    $scope.verifyView = false;
 	    $scope.pendingPaymentId = '';
 	    $scope.update = function() {
 	        $http({
 	            method: 'GET',
 	            url: BASE_URL + '/payments?filter={"where":{"applicantId": ' + $scope.pendingPaymentId + '}}',
 	            headers: {}
 	        }).then(function mySuccess(searchResult) {
 	            if (searchResult.data[0].status == "created") {
 	                $scope.checkView = true;
 	                $scope.verifyView = false;
 	                $scope.amount = searchResult.data[0].amount;
 	                $scope.searchResult = searchResult.data[0];
 	                console.log('====searchResult===', searchResult);
 	        		console.log("searchResult=====",searchResult.data[0].razorOrderId)
 	                var i = 0;
 	                $scope.amount =  $scope.amount * 100;
 	                var options = {
 	                    "key": "rzp_live_mhSE1uOBlXvFyJ",
 	                    //"key" : "rzp_test_YwHsVFiDIQ2WUQ",
 	                    "amount": $scope.amount,
 	                    "name": "Startup Jalsa",
 	                    "description": "amount",
 	                    "currency": "INR",
 	                    "status": "done",
 	                    "theme": {
 	                        "color": "#2196f3 ",
 	                        "image_padding": "NO"
 	                    },
 	                    "modal": {
 	                        "ondismiss": function() {}
 	                    },
 	                    "handler": function(response) {
 	                        createPayment(response);
 	                    }
 	                };
 	                var rzp1 = new Razorpay(options);
 	                rzp1.open();
 	                $scope.paymentResponse = {};
 	                function createPayment(response) {
 	                	$scope.amount =  $scope.amount / 100;
 	                	console.log("response======retepaymen",response);
 	                    $scope.paymentResponse.razorPaymentId = response.razorpay_payment_id;
 	                    $scope.paymentResponse.razorOrderId = $scope.searchResult.razorOrderId;
 	                    $scope.paymentResponse.amount = $scope.amount;
 	                    $scope.paymentResponse.currency = $scope.searchResult.currency;
 	                    $scope.paymentResponse.status = $scope.searchResult.status;
 	                    $scope.paymentResponse.applicantId = $scope.searchResult.applicantId;
 	                    console.log("$scope.paymentResponse", $scope.paymentResponse)
 	                    $http({
 	                        method: 'PUT',
 	                        url: BASE_URL + '/payments/' + $scope.searchResult.id,
 	                        data: $scope.paymentResponse,
 	                        headers: {}
 	                    }).then(function mySuccess(searchResult) {
 	                    	console.log("finalsearchResult",searchResult)
 	                    	$location.path("/confirmation")
 	                    }, function myError(error) {
 	                    });
 	                }
 	            } else {
 	            }
 	        }, function myError(error) {});
 	    }
 	});
 	scotchApp.controller('ambassadorController', function($scope, $http, $location, $route,BASE_URL) {
 		$scope.data = {};
 		$scope.check = false;
 	    $scope.numberCheck = false;
 	    /*open videos in modal*/
 	    $scope.openyoutube16 = function(){
 			$('#videoModel').modal('show');
 	    }
 	     $scope.openyoutube17 = function(){
 			$('#videoModels').modal('show');
 	    }
 	    $scope.closeModal = function(){
 	    	var url = $('#youtubePlayer').attr('src');
 			$('#youtubePlayer').attr('src', '');
 			$('#youtubePlayer').attr('src', url);
 	    }
 	    /*open videos ends here*/
 	    $scope.removeError = function() {
 	        $('#invalidEmail').css('display', 'none');
 	        $('#alreadyExist').css('display', 'none');
 	    };
 		$scope.emailcheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	            $http({
 	                method: 'GET',
 	                url: BASE_URL + '/ambassadors?filter={"where": {"email": {"like":"%25' + $scope.data.email + '%25"}}}',
 	                headers: {}
 	            }).then(function mySuccess(searchResult) {
 	                console.log("searchResult1===>", searchResult)
 	                if (searchResult.data.length == 0) {
 	                    $scope.check = false;
 	                } else {
 	                    $scope.check = true;
 	                    $('#alreadyExist').css('display', 'block');
 	                }
 	            }, function myError(error) {});
 	        }
 	    };
 	    $scope.removeNoError = function() {
 	    	$('#invalidNumber').css('display', 'none');
 	        $('#noExist').css('display', 'none');
 	    };
 	    $scope.numbercheck = function(number) {
 	    	// if (val == undefined) {
 	     //        $('#invalidNumber').css('display', 'block');
 	     //    } else {
 	        	$http({
 	            	method: 'GET',
 	            	url: BASE_URL + '/ambassadors?filter={"where": {"mobile": {"like":"%25' + number + '%25"}}}',
 	            	data: $scope.data,
 	            	headers: {}
 	        	}).then(function mySuccess(searchResult) {
 	            	console.log("searchResult===>", searchResult)
 	            	if (searchResult.data.length == 0) {
 	                	$scope.numberCheck = false;
 	            	} else {
 	                	$scope.numberCheck = true;
 	                	$('#noExist').css('display', 'block');
 	            	}
 	        	}, function myError(error) {});
 	       	//}
 	    };
 		$scope.submit = function() {
 			console.log($scope.data.name)
 			var randomNumber = ""+Math.random();
 			var nameSpliced = $scope.data.name.slice(0,3);
 			var numberSpliced = randomNumber.slice(2,5);
 			$scope.data.referalToken = nameSpliced+numberSpliced;
 			$scope.data.referalToken = $scope.data.referalToken.toUpperCase();
 	         $http({
 	                method: 'POST',
 	                url: BASE_URL + '/ambassadors',
 	                data: $scope.data,
 	                headers: {}
 	            }).then(function mySuccess(result) {
 	                console.log("result", result)
 	                $scope.detail = result;
 	                $('#myModal').modal('show');
 	              	 $scope.data.name = '';
 	                $scope.data.email = '';
 	                $scope.data.mobile = '';
 	            }, function myError(error) {
 	            	console.log(error)
 	            	console.log(error.data.error.message)
 	            });
 	        console.log($scope.data)
 	        }
 	});