Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit 466bf74a508af027c845e6ec5a6329459256f59f

Authored by apple 2019-07-31 09:19:40 -0400

1 parent 36cf3da72e

Exists in master

minor change

Showing 8 changed files with 64 additions and 47 deletions Show diff stats

css/custom.css

Diff comments View file @466bf74

 /* {
     outline: none !important;
 } */
 .logo{
     height: 45px;
     /* margin-left:  */
 }
 .hyperColor{
   color: white !important;
   cursor: pointer !important;
 }
 .main-heading{
     height: 70px;
     line-height: 70px;
 }
 .card{
     flex-direction: column;
     background-color: rgb(255,255,255);
     border-radius: 0;
     width: 676px;
     box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .card input{
     display: none;
 }
 .card .card-content{
     padding: 12px;
   font-size: 12px;
 }
 .card p{
   margin-top:18px;
   margin-right:4px ;
   margin-bottom:-5px;
   /*margin-left:13px;*/
     font-family: montserrat, arial, verdana;
     font-weight: normal;
     font-size: 12px;
 }
 .card .thumbnail{
     padding: 15px 30px 1px 28px;
     border: 0;
   border-radius: 0px !important;
 }
 .panel-default{
   border-color: #ddd;
 }
 .video-wrapper{
     padding: 16px 0;
 }
 .stageRadio:checked+label{
     background-color: #42b549;
     color: #fff !important;
 }
 .stageRadio1:checked+label{
     background-color: rgba(158, 158, 158, 0.05);
 }
 /* css for radio buttons */
 .option-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 15px;
   width: 15px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input:checked {
   background: #42b549;
 }
 .option-input:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /*second css*/
 .option-input-a {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 22px;
   width: 22px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input-a:checked {
   background: #42b549;
 }
 .option-input-a:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input-a:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a {
   border-radius: 50%;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /* css for radio ends */
 .card-small{
     cursor: pointer;
 }
 .card-small img{
     width: 37px;
 }
 .card-small label{
     width: 100%;
     font-weight: normal;
     font-size: 12px;
     margin-top: 5px;
 }
 .startup-questions{
   color: #D53735;
   font-size: 22px;
 }
 .startup-answers{
   margin-top: 2px;
   /* font-weight: 600; */
   font-size: 16px;
   color: #fff;
 }
 /*.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: #00bcd4;*/
   background-color: #D53735;
   color: #fff;
   padding: 10px 25px 10px 25px;
   /* font-size: 15px; */
   border-radius: 20px;
   /*display: none;*/
 }
 .submit-button:disabled{
   background-color: #ddd;
 }
 .imageText{
   /* margin-top: 2%;
   text-align: center; */
   color: #fff;
   font-size: 24px;
   margin-top: 5%;
 }
 .imageTxt{
   /* text-align: center; */
   font-size: 14px;
   color: #fff;
   margin-top: 2px;
 }
 .submit-button-form, .submit-button-form:hover{
   background-color: #D53735;
   margin-top: 2%;
   margin-bottom: 3%;
   color:#fff;
 }
 .submit-button-form:disabled{
   background-color: #ddd;
   margin-top: 2%;
   margin-bottom: 3%;
 }
 .textarea{
   min-height: 97px;
 }
 /* .logojalsa1 {
   width: 120px;
   display: block;
   margin: auto;
 } */
 .error-message{
   font-weight: inherit;
   color: #ff0000;
   margin: 5px 4px -5px 0px;
   display: none;
 }
 /*custom input*/
 .text-input, select {
     width: 100%;
     -webkit-appearance: none;
     padding: 12px 25px;
      margin: -2px 0;
     display: inline-block;
     border: 0px solid rgba(51, 51, 51, 0);
     border-radius: -3px;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(240, 255, 235);
     -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
     -webkit-box-shadow: 0 0 5px #777;
     -o-box-shadow: 0 0 10px rgba(240, 255, 235);
     font-size: 12px;
 }
 .happen-imagemeetup{
-  padding: 0px 0px 0px 65px;
+  padding: 0px 0px 0px 36px;
 }
 /* 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;
   border-radius: 15px;
   background-color: #fff;
   padding-top: 1px;
   padding-left: 1%;
   /*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 {
     /*position: bottom;
     width: 100%;
     height: auto;*/
  }
  #front {
   background-color: #171717;
     /*background-image: url(/images/mock_up_background.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;*/
  }
 /* .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: 30px;
     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: 30px;
     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: 30px;
     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: 30px;
     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;
 }
 /* Loader Css */
 .myLoaderWrap{
   width: 100%;
   height: 100%;
   position: fixed;
   background-color: rgba(0,0,0,0.5);
   z-index: 9999999;
   top: 0;
   left: 0;
 }
 #snackbar.show {
     visibility: visible;
     -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
     animation: fadin 0.5s, fadout 0.5s 2.5s;
 }
 @-webkit-keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 @keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 #snacsskbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #333;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     top: 30px;
     font-size: 17px;
 }
 #snacsskbar.show {
     visibility: visible;
     -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
     animation: fadein 0.5s, fadeout 0.5s 2.5s;
 }
 @-webkit-keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 @keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 input.hidden {
     position: absolute;
     left: -9999px;
 }
 #profile-image1 {
     cursor: pointer;
      width: 100px;
     height: 100px;
     border:2px solid #eee ;
   }
   .tital{ font-size:16px; font-weight:500;}
   .bot-border{ border-bottom:1px #f8f8f8 solid;  margin:5px 0  5px 0}
   .footerpadd{padding: 5px;}
   .container1{
     width: 100%
   }
   .no-margin{
     margin: 0 0 0 !important;
   }
   .no-padding{
     padding: 0 0 0 0 !important;
   }
   .select-stage{
     margin: 10px 0;
   }
   .cards-content{
     margin-top: 40px;
   }
   .cards-content p{
     font-size: 13px;
   }
 .q-card-align{
   margin-top: 15px;
 }
 .width-auto{
   width: auto !important;
 }
 .margin-right-label{
   margin-right: 20px;
 }
 .margin-right-label label{
   margin-left: 5px;
 }
 .apply-coupen-btn{
   position: absolute;
   top: -2px;
   right: 13px;
   border: none;
   height: 44px;
   color: #fff;
   background-color: #666;
   width: 75px;
 }
 .coupen-approved{
   position: absolute;
   right: 120px;
   top: 6px;
   color: rgb(66, 181, 73);
   font-size: 30px !important;
 }
 .right-side-links{
   margin-top: 12px;
 }
 .right-side-links a{
   width: auto;
   display: inline;
 }
 .right-side-links a:first-child{
   border-right: 1px solid #fff;
   padding-right: 4px;
 }
   @media (max-width: 768px){
     .cards-content{
       margin-top: 15px;
       margin-bottom: 30px;
     }
     .no-padding-mobile{
       padding-left: 0 !important;
       padding-right: 0 !important;
     }
     .sector-align .card-small{
       height: 74px;
     }
     .stages-card{
       width: 92%;
     }
     .right-stage-card{
       float: right;
     }
     .margin-auto-mobile{
       margin-left: 4%;
     }
     .card .thumbnail{
       padding: 15px 0 1px 0;
     }
     .thumbnail > img, .thumbnail a > img{
       width: 50%;
     }
     .right-side-links a{
       display: block;
       width: 100%;
     }
     .right-side-links a:first-child{
       border-right: 0 solid #fff;
       padding-right: 0;
     }
     .right-side-links{
       margin-top: 0;
     }
     .panel-default{
       border-color: transparent;
       box-shadow: none;
     }
     .modal-footers {
       padding: 19px 20px 20px;
       margin-top: 15px;
       text-align: center !important;
       margin-bottom: 4px;
     }
     .startup-jalsa{
       font-family: 'BenchNine', sans-serif;
       color: rgb(25, 104, 157);
       position:relative;
       z-index:2;
     }
   }
 .jalsaheader{
   color: #D53735;
   text-align: center;
   margin-top: 6%;
   font-size: 37px;
 }
 .jalsaHeader{
   color: #fff;
   text-align: center;
   font-size: 25px;
   margin-top: 2%;
   margin-bottom: 6%;
 }
 .happen-citymeetup{
-  margin-top: 6%;
+  margin-top:6%;
+}
+.selection{
+  background-color: #D53735;
 }
 .card-input {
    display: none;
 }
 .card {
     font-size: 1em;
     overflow: hidden;
     padding: 0;
     border: none;
     /*border-radius: .28571429rem;*/
     box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
 }
 .card-block {
     font-size: 1em;
     position: relative;
     margin: 0;
     padding: 4%;
     border: none;
     /*border-top: 1px solid rgba(34, 36, 38, .1);*/
     box-shadow: none;
 }
 .button-position{
   position: relative;
   top: -10px;
 }
 .card-img-top {
     display: block;
     width: 100%;
     height: auto;
     cursor: pointer;
 }
 .title{
   text-align: center;
   color: #D53735;
 }
 .card-title {
     /*font-size: 17px;*/
     font-weight: 600;
     margin: 0;
     line-height: normal;
     font-family: 'Arial',sans-serif;
 }
 .card-sub-title{
   font-family: 'Arial',sans-serif;
   /*color: #666;*/
   font-weight: normal;
   margin-bottom: 0;
 }
 .form-group-text{
   color:red;
 }
 .button-aligment{
   margin-top: 5px;
   margin-right: 14px;
   margin-bottom: 15px;
 }
 .card-text {
     clear: both;
     margin-top: .5em;
     /*color: rgba(0, 0, 0, .68);*/
     padding-bottom: 3%;
     font-size: 13px;
 }
 .card-text2 {
     padding: 3% 0 3% 4%;
     margin-bottom: 12%;
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .card-text2 span{
   font-size: 13px;
   /*color: #666;*/
 }
 .card-text2 div{
   margin-top: 0 !important;
   font-weight: normal;
   /*color: #000;*/
   font-size: 12px;
   padding-bottom: 0;
 }
 .card-inverse .btn {
     border: 1px solid rgba(0, 0, 0, .05);
 }
 .card-text3 {
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .container {
     display: block;
     position: relative;
     padding: 0;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 16px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width:100%;
 }
 .container1 {
     display: block;
     position: relative;
     padding-left: 31px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 15px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width:100%;
 }
 /* Hide the browser's default radio button */
 .container input {
     position: absolute;
     opacity: 0;
 }
 /* Create a custom radio button */
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #eee;
     border-radius: 50%;
 }
 /* On mouse-over, add a grey background color */
 .container:hover input ~ .checkmark {
     background-color: #ccc;
 }
 /* When the radio button is checked, add a blue background */
 .container input:checked ~ .checkmark {
     background-color: #42b549;
 }
 /* Create the indicator (the dot/circle - hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }
 /* Show the indicator (dot/circle) when checked */
 .container input:checked ~ .checkmark:after {
     display: block;
 }
 /* Style the indicator (dot/circle) */
 .container .checkmark:after {
   top: 9px;
   left: 9px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: white;
 }
 table {
     /*font-family: arial, sans-serif;
     border-collapse: collapse;*/
     width: 60%;
 }
 .city-meetup {
     /* opacity: 0.7; */
     filter: alpha(opacity=80); /* For IE8 and earlier */
 }
 .card-color{
   background-color:#171717;
   font-size: 16px;
   /* border-radius: 25px; */
 }
 .card-color-confirm{
   background-color:#f5f5f5;
   font-size: 16px;
   margin-top: 10%;
   /* width:50%; */
   border-radius: 10px;
   padding: 60px 0px 60px 0px;
 }
 .startup-jalsa{
   font-family: 'BenchNine', sans-serif;
   /*font-size: 70.15pt;*/
   color: rgb(25, 104, 157);
   position:relative;
   z-index:2;
 }
 .header{
     /*width: 100%;*/
     text-align: center;
     padding-top:2%;
     /*padding: 4px 20px;*/
 }
 .happen-city{
   padding-top:12%;
 }
 .happen-meetup{
   font-family: 'Arial',sans-serif;
   /* margin-bottom: 10px; */
-  margin-left: 4%;
+  margin-left: 1%;
   margin-bottom: 2%;
 }
 .happen-attend{
   margin-top:6%;
   margin-left: -10px;
 }
 .width-auto{
   width:auto;
 }
 /*.card-position{
   position: relative;
   top: -3px;
 }*/
 .card1 {
   width: 100%;
   position: relative;
   display: inline-block;
 }
 .card1 .img-top {
   width: 100%;
   display: none;
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   z-index: 99;
 }
 .card1:hover .img-top {
   display: inline;
 }
 .color:hover{
   color: #fff;
 }
 /* .palak{
   width: 100% !important;
   display: none !important;
   position: absolute !important;
   cursor: pointer !important;
   top: 0 !important;
   left: 0 !important;
   z-index: 99 !important;
 } */
 .active, .btn:hover, .btn:onclick {
   background-color: grey;
   border: grey;
   color: white;
 }
 .apply-act1:hover, .apply-act1:focus{
   background-color: #171717;
   border-color: #D53735;
   color: #D53735;
 }
 .btn-active {
   background-color: #171717 !important;
   border-color: #D53735 !important;
   color: #D53735 !important;
 }
 .btn-inactive {
   background-color: #171717 !important;
   border-color: #454545 !important;
   color: #454545 !important;
 }
 .apply-act2:hover, .apply-act2:focus{
   background-color: #171717;
   border-color: #D53735;
   color: #D53735;
 }
 .apply-act3:hover, .apply-act3:focus{
   background-color: #171717;
   border-color: #D53735;
   color: #D53735;
 }
 .apply-act4:hover, .apply-act4:focus{
   background-color: #171717;
   border-color: #D53735;
   color: #D53735;
 }
 .apply-btn{
   text-align: center;
   margin-bottom: 2%;
 }
 .txt{
   margin-top: 2%;
   text-align: center;
 }
 .txt1{
   text-align: center;
 }
 .cursor:hover{
   cursor: context-menu;
 }
 .buttons{
   padding: 3% 0 0 0;
   text-align: center;
   font-size: 100px;
 }
 .btn-lg{
   font-size:25px;
   background-color: #171717;
   color: #454545;
   border-color: #454545;
 }
 .btn1{
   padding: 12px 40px;
 }
 .btn2{
   padding: 12px 31px;
 }
 .btn3{
   padding: 12px 18px;
 }
 .btn4{
   padding: 12px 40px;
 }
 .bg_dots{
   position: absolute;
   left:0;
   right:0;
   top:0;
   height: 700px;
   position:fixed;
   background-position: top center;
   /* background-image: url(/images/background.jpg); */
   /* background-color: #171717; */
   background-repeat: no-repeat;
   background-size: 100% auto;
   -webkit-background-size:100% auto;
 }
 .stage-shadow{
   background:transparent;
 }
 .logojalsa{
   width:130px;display: block;
   margin: auto;
 }
 .jalsaheadr{
   position: relative;font-size: 35px;margin-left: 1%;color: rgb(25, 104, 157);
 }
 .PitchYourPower{
   position: relative;color: rgb(25, 104, 157);margin-top: -3%;
 }
   @media (max-width:767px){
     .buttons {
       /* margin-top:23%; */
       font-size: 100px;
     }
     .btn-lg{
       width:74%;
     }
     .btn1{
       margin-bottom: 3%;
     }
     .btn2{
       margin-bottom: 3%;
     }
     .btn3{
       margin-bottom: 3%;
     }
     h1{
       font-size:2.8rem;
     }
     .happen-city{
         margin-left: -25px;
       }
     .width-auto{
       margin-left:-4%;
     }
     /* .happen-citymeetup{
       margin-left:-3%;
     } */
     .jalsaHeader {
       margin-top: 4%;
       margin-bottom:8%;
     }
     .happen-imagemeetup {
       padding: 0px 0px 0px 32px;
     }
-    .imagemeetup{
+    .imagecenter{
-      margin-top: 6%;
+      margin: auto;
+      display: block;
+    }
+    .happen-meetup{
+      margin-top: 8%;
+      margin-left: 5%;
+    }
+    .imageText{
+      text-align:center;
+    }
+    .imageTxt{
+      text-align:center;
     }
     .image-meet-up{
       margin-top: 4%;
       margin-bottom: 2%;
     }
     .card-color-confirm{
       margin-top: 40%;
       background-color: #f5f5f5;
       font-size: 16px;
       width:100%;
     }
     .city-meetup {
       /* opacity: 0.8; */
       filter: alpha(opacity=80); /* For IE8 and earlier */
     }
     #front {
       background-color: #171717;
       /*background-image: url(/images/mock_up_background.jpg);
       background-repeat: no-repeat;
       background-attachment:fixed;
       background-position: top center;
       -webkit-background-attachment: fixed;
       background-size: 400% auto;
       -webkit-background-size:400% auto;*/
     }
     .bg_dots{
       height:80%;
       background-size: 300% auto;
       -webkit-background-size:300% auto;
       position:fixed;
       top:0;
     }
     .logojalsa{
       width:130px;display: block;
       margin: auto;
     }
     .PitchYourPower{
       position: relative;color: rgb(25, 104, 157);margin-top: -15%;
     }
 }
   @media screen and (max-device-width: 991px) and (orientation: landscape){
     .rotate-card{
       width: 100%;
     }
 }
 @media (min-width:768px) and (max-width:991px){
   .logojalsa{
       width:130px;display: block;
       margin: auto;
     }
 }

images/Elevator_Pitch.png

Diff comments View file @466bf74

images/Founder_Talk.png

Diff comments View file @466bf74

images/Networking.png

Diff comments View file @466bf74

pages/Home.html

Diff comments View file @466bf74

1	<div class="header" >	1	<div class="header" >
2	<div>	2	<div>
3	<!-- <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr">2018</span>	3	<!-- <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr">2018</span>
4	<h4 class="PitchYourPower">#PitchYourPower</h4> -->	4	<h4 class="PitchYourPower">#PitchYourPower</h4> -->
5	</div>	5	</div>
6		6
7	<div class="clearfix"></div>	7	<div class="clearfix"></div>
8	</div>	8	</div>
9	<form name="homeForm">	9	<form name="homeForm">
10	<div class="col-xs-12 col-md-offset-0 city-meetup card-color">	10	<div class="col-xs-12 col-md-offset-0 city-meetup card-color">
11	<img src="images/Startup_JAlsa_logo.png" class="logojalsa">	11	<img src="images/Startup_JAlsa_logo.png" class="logojalsa">
12	<div class="jalsaHeader">PITCH SESSION 2019</div>	12	<div class="jalsaHeader">PITCH SESSION 2019</div>
13	<div class="col-md-12 happen-imagemeetup">	13	<div class="col-md-12 happen-imagemeetup">
14	<div class="row">	14	<div class="row">
15	<div class="col-sm-4 imagemeetup">	15	<div class="col-sm-4 imagemeetup">
16	<img src="images/Founder_Talk.png">	16	<img src="images/Founder_Talk.png" class="imagecenter">
17	<div class="imageText">Founder Talk</div>	17	<div class="imageText">Founder Talk</div>
18	</div>	18	</div>
19	<div class="col-sm-4 image-meet-up">	19	<div class="col-sm-4 image-meet-up">
20	<img src="images/Elevator_Pitch.png">	20	<img src="images/Elevator_Pitch.png" class="imagecenter">
21	<div class="imageText">Elevator Pitch</div>	21	<div class="imageText">Elevator Pitch</div>
22	<div class="imageTxt">Startups will get 60 seconds to deleiver a pitch.</div>	22	<div class="imageTxt">Startups will get 60 seconds to deleiver a pitch.</div>
23	</div>	23	</div>
24	<div class="col-sm-4">	24	<div class="col-sm-4">
25	<img src="images/Networking.png">	25	<img src="images/Networking.png" class="imagecenter">
26	<div class="imageText">Connect</div>	26	<div class="imageText">Connect</div>
27	<div class="imageTxt">Shortlisted startups get an oportunity to interact with the jury.</div>	27	<div class="imageTxt">Shortlisted startups get an oportunity to interact with the jury.</div>
28	</div>	28	</div>
29	</div>	29	</div>
30	</div>	30	</div>
31	<div class="col-xs-12 happen-citymeetup">	31	<div class="col-xs-12 happen-citymeetup">
32	<div class="happen-meetup">	32	<div class="happen-meetup">
33	<div class="startup-questions">What next after the Pitch sessions?</div>	33	<div class="startup-questions">What next after the Pitch sessions?</div>
34	<div class="startup-answers">Selected startups will get a travel grant to Startup Jalsa Invest Edition 2019, where at least one startup from POC/Beta stage will get funding of INR 25 Lacs at 10% equity and one from Revenue stage will get funding of INR 1 Crore at 10% equity.</div>	34	<div class="startup-answers">Selected startups will get a travel grant to Startup Jalsa Invest Edition 2019, where at least one startup from POC/Beta stage will get funding of INR 25 Lacs at 10% equity and one from Revenue stage will get funding of INR 1 Crore at 10% equity.</div>
35	</div>	35	</div>
36	<div class="happen-meetup">	36	<div class="happen-meetup">
37	<div class="startup-questions">Who can attend?</div>	37	<div class="startup-questions">Who can attend?</div>
38	<div class="startup-answers">There are no eligibility criteria for startups. However, we want serious entrepreneurs to be a part of this – you can be a Startup in POC/Beta or in Revenue Stage.</div>	38	<div class="startup-answers">There are no eligibility criteria for startups. However, we want serious entrepreneurs to be a part of this – you can be a Startup in POC/Beta or in Revenue Stage.</div>
39	</div>	39	</div>
40	<div class="happen-meetup">	40	<div class="happen-meetup">
41	<div class="startup-questions">Does Startup Jalsa Pitch Sessions accept startups only from India?</div>	41	<div class="startup-questions">Does Startup Jalsa Pitch Sessions accept startups only from India?</div>
42	<div class="startup-answers">At present, Startup Jalsa Pitch Sessions are being organised in 4 countries in South East Asia - India, Bangladesh, Nepal and Sri Lanka.</div>	42	<div class="startup-answers">At present, Startup Jalsa Pitch Sessions are being organised in 4 countries in South East Asia - India, Bangladesh, Nepal and Sri Lanka.</div>
43	</div>	43	</div>
44	<div class="happen-meetup">	44	<div class="happen-meetup">
45	<div class="startup-questions">Is there any registeration fee involved?</div>	45	<div class="startup-questions">Is there any registeration fee involved?</div>
46	<div class="startup-answers">The startups will have to pay a fee of INR 1000 to pitch at the Pitch Sessions.</div>	46	<div class="startup-answers">The startups will have to pay a fee of INR 1000 to pitch at the Pitch Sessions.</div>
47	</div>	47	</div>
48	<div class="happen-meetup">	48	<div class="happen-meetup">
49	<div class="startup-questions">How will the data of my startup be kept confidential or private?</div>	49	<div class="startup-questions">How will the data of my startup be kept confidential or private?</div>
50	<div class="startup-answers">At Startup Jalsa, we are very serious about the security and privacy of your data. </div>	50	<div class="startup-answers">At Startup Jalsa, we are very serious about the security and privacy of your data. </div>
51	</div>	51	</div>
52	<div class="happen-meetup">	52	<div class="happen-meetup">
53	<div class="startup-questions">Things to keep in mind</div>	53	<div class="startup-questions">Things to keep in mind</div>
54	<div class="startup-answers">- An elevator pitch is of 60 seconds and no extra time will be granted.</div>	54	<div class="startup-answers">- An elevator pitch is of 60 seconds and no extra time will be granted.</div>
55	<div class="startup-answers">- Startups should present their prototypes during the pitch sessions, if in hand.</div>	55	<div class="startup-answers">- Startups should present their prototypes during the pitch sessions, if in hand.</div>
56	<div class="startup-answers">- When writing your twitter pitch in the form, make it clear and unambiguous. If in one sentence you cannot tell what you do, then you should rework the sentence. This is the first thing we will read, so taking time in crafting a good one-liner is time well spent.</div>	56	<div class="startup-answers">- When writing your twitter pitch in the form, make it clear and unambiguous. If in one sentence you cannot tell what you do, then you should rework the sentence. This is the first thing we will read, so taking time in crafting a good one-liner is time well spent.</div>
57	<div class="startup-answers">- In Team Summary, write a one to two sentences short bio of yourself, your co-founders and your core team members. If you have founded companies before, mention it.</div>	57	<div class="startup-answers">- In Team Summary, write a one to two sentences short bio of yourself, your co-founders and your core team members. If you have founded companies before, mention it.</div>
58	<div class="startup-answers">- Pitch deck is your first impression. You need to communicate and present relevant information clearly and concisely.</div>	58	<div class="startup-answers">- Pitch deck is your first impression. You need to communicate and present relevant information clearly and concisely.</div>
59	</div>	59	</div>
60	<div class="happen-meetup">	60	<div class="happen-meetup">
61	<div class="startup-questions">There are 7 essential elements that make a good pitch deck:</div>	61	<div class="startup-questions">There are 7 essential elements that make a good pitch deck:</div>
62	<div class="startup-answers">- Problem statement: What is it that you are trying to solve?</div>	62	<div class="startup-answers">- Problem statement: What is it that you are trying to solve?</div>
63	<div class="startup-answers">- Solution: What is the solution? What is the product?</div>	63	<div class="startup-answers">- Solution: What is the solution? What is the product?</div>
64	<div class="startup-answers">- Market: How big is the market? Market size? What are the numbers?</div>	64	<div class="startup-answers">- Market: How big is the market? Market size? What are the numbers?</div>
65	<div class="startup-answers">- Competition Analysis: Competition. Differentiation.</div>	65	<div class="startup-answers">- Competition Analysis: Competition. Differentiation.</div>
66	<div class="startup-answers">- Revenue model: Not projections. How you will make money? Potential revenue model.</div>	66	<div class="startup-answers">- Revenue model: Not projections. How you will make money? Potential revenue model.</div>
67	<div class="startup-answers">- Team, Founders & Advisors: Write a short one to two sentence bio of each co-founder.</div>	67	<div class="startup-answers">- Team, Founders & Advisors: Write a short one to two sentence bio of each co-founder.</div>
68	<div class="startup-answers">- Funding ask: In your funding ask slide, mention your funding ask in INR and show how you are going to use the funds. For example: 30% for Product Development, 20% for Marketing, 30% for talent etc.</div>	68	<div class="startup-answers">- Funding ask: In your funding ask slide, mention your funding ask in INR and show how you are going to use the funds. For example: 30% for Product Development, 20% for Marketing, 30% for talent etc.</div>
69	</div>	69	</div>
70	</div>	70	</div>
71	<div class="apply-btn">	71	<div class="apply-btn">
72	<button class="btn submit-button" value="Apply" ng-click="apply()" >PROCEED</button>	72	<button class="btn submit-button" style="outline: none;" value="Apply" ng-click="apply()" >PROCEED</button>
73	</div>	73	</div>
74	</div>	74	</div>
75	</form>	75	</form>
76	<footer>	76	<footer>
77	<img id="footer" class="img-responsive banner">	77	<img id="footer" class="img-responsive banner">
78	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>	78	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>
79	</footer>	79	</footer>
80	<span ng-show="span == true">	80	<span ng-show="span == true">
81	<span id="chennai"></span>	81	<span id="chennai"></span>
82	<span id="mumbai"></span>	82	<span id="mumbai"></span>
83	<span id="hyderabad"></span>	83	<span id="hyderabad"></span>
84	<span id="kolkata"></span>	84	<span id="kolkata"></span>
85	<span id="delhi"></span>	85	<span id="delhi"></span>
86	<span id="ahmedabad"></span>	86	<span id="ahmedabad"></span>
87	<span id="bengaluru"></span>	87	<span id="bengaluru"></span>
88	<span id="jaipur"></span>	88	<span id="jaipur"></span>
89	<span id="kanpur"></span>	89	<span id="kanpur"></span>
90	<span id="dharamsala"></span>	90	<span id="dharamsala"></span>
91	</span>	91	</span>
92		92
93		93
94		94

pages/caricatures.html

Diff comments View file @466bf74

1	<div class="col-xs-12 buttons">	1	<div class="col-xs-12 buttons">
2	<button type="button" class="btn btn-dark btn-lg apply-act1 btn1" ng-click="isShowHide('INDIA')" value="INDIA" id="defaultcountry">INDIA</button>	2	<button type="button" class="btn btn-dark btn-lg apply-act1 btn1" style="outline: none;" ng-click="isShowHide('INDIA')" value="INDIA" id="defaultcountry">INDIA</button>
3	<button type="button" class="btn btn-dark btn-lg apply-act2 btn2" ng-click="isShowHide('SRI LANKA')" value="SRI LANKA">SRI LANKA</button>	3	<button type="button" class="btn btn-dark btn-lg apply-act2 btn2" style="outline: none;" ng-click="isShowHide('SRI LANKA')" value="SRI LANKA">SRI LANKA</button>
4	<button type="button" class="btn btn-dark btn-lg apply-act3 btn3" ng-click="isShowHide('BANGLADESH')" value="BANGLADESH">BANGLADESH</button>	4	<button type="button" class="btn btn-dark btn-lg apply-act3 btn3" style="outline: none;" ng-click="isShowHide('BANGLADESH')" value="BANGLADESH">BANGLADESH</button>
5	<button type="button" class="btn btn-dark btn-lg apply-act4 btn4" ng-click="isShowHide('NEPAL')" value="NEPAL">NEPAL</button>	5	<button type="button" class="btn btn-dark btn-lg apply-act4 btn4" style="outline: none;" ng-click="isShowHide('NEPAL')" value="NEPAL">NEPAL</button>
6	</div>	6	</div>
7	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showval">	7	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showval">
8	<div class="stage-shadow" id="front">	8	<div class="stage-shadow" id="front">
9	<div class="stages card-align">	9	<div class="stages card-align">
10	<div class="row">	10	<div class="row">
11	<!-- <div class="col-md-4 col-sm-8" style="margin-top: 5%;">	11	<!-- <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
12	<div class="card" style="width:100%;border-radius: 6px;">	12	<div class="card" style="width:100%;border-radius: 6px;">
13	<label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">	13	<label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
14	<img class="card-img-top" src="images/Ahmedabad.png" style="width:100%" ng-click="watch('Chennai')">	14	<img class="card-img-top" src="images/Ahmedabad.png" style="width:100%" ng-click="watch('Chennai')">
15	</label>	15	</label>
16	</div>	16	</div>
17	<div class="txt">Ahmedabad</div>	17	<div class="txt">Ahmedabad</div>
18	</div> -->	18	</div> -->
19	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	19	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
20	<div class="card1">	20	<div class="card1">
21	<img class="card-img-top" src="images/ahmedabad.png">	21	<img class="card-img-top" src="images/ahmedabad.png">
22	<img class="img-top" src="images/Ahmedabad (1).png" ng-click="watch('Ahmedabad')">	22	<img class="img-top" src="images/Ahmedabad (1).png" ng-click="watch('Ahmedabad')">
23	</div>	23	</div>
24	<div class="txt">Ahmedabad</div>	24	<div class="txt">IIM Ahmedabad</div>
25	<div class="txt1">IIM Ahmedabad \| September 11th, 2019</div>	25	<div class="txt1">Ahmedabad \| September 11th, 2019</div>
26	</div>	26	</div>
27	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	27	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
28	<div class="card1">	28	<div class="card1">
29	<img class="card-img-top" src="images/Bengaluru.png">	29	<img class="card-img-top" src="images/Bengaluru.png">
30	<img class="img-top" src="images/bengaluru (1).png" ng-click="watch('Bengaluru')">	30	<img class="img-top" src="images/bengaluru (1).png" ng-click="watch('Bengaluru')">
31	</div>	31	</div>
32	<div class="txt">Bengaluru</div>	32	<div class="txt">IIM Bengaluru</div>
33	<div class="txt1">IIM Bengaluru \| September 7th, 2019</div>	33	<div class="txt1">Bengaluru \| September 7th, 2019</div>
34	</div>	34	</div>
35	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	35	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
36	<div class="card1">	36	<div class="card1">
37	<img class="card-img-top" src="images/chennai.png">	37	<img class="card-img-top" src="images/chennai.png">
38	<img class="img-top" src="images/chennai (1).png" ng-click="watch('Chennai')">	38	<img class="img-top" src="images/chennai (1).png" ng-click="watch('Chennai')">
39	</div>	39	</div>
40	<div class="txt">Chennai</div>	40	<div class="txt">IIT-Madras</div>
41	<div class="txt1">IIT-Madras \| October 1st, 2019</div>	41	<div class="txt1">Chennai \| October 1st, 2019</div>
42	</div>	42	</div>
43	</div>	43	</div>
44	</div>	44	</div>
45	</div>	45	</div>
46	<div class="clearfix"></div>	46	<div class="clearfix"></div>
47	<div class="stages card-align">	47	<div class="stages card-align">
48	<div class="row">	48	<div class="row">
49	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	49	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
50	<div class="card1">	50	<div class="card1">
51	<img class="card-img-top" src="images/delhi.png">	51	<img class="card-img-top" src="images/delhi.png">
52	<img class="img-top" src="images/delhi (1).png" ng-click="watch('Delhi')">	52	<img class="img-top" src="images/delhi (1).png" ng-click="watch('Delhi')">
53	</div>	53	</div>
54	<div class="txt">Delhi</div>	54	<div class="txt">IIT Delhi</div>
55	<div class="txt1">IIT Delhi \| October 16th, 2019</div>	55	<div class="txt1">Delhi \| October 16th, 2019</div>
56	</div>	56	</div>
57	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	57	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
58	<div class="card1">	58	<div class="card1">
59	<img class="card-img-top" src="images/Hyderabad.png">	59	<img class="card-img-top" src="images/Hyderabad.png">
60	<img class="img-top " src="images/hyderabad (1).png" ng-click="watch('Hyderabad')">	60	<img class="img-top " src="images/hyderabad (1).png" ng-click="watch('Hyderabad')">
61	</div>	61	</div>
62	<div class="txt">Hyderabad</div>	62	<div class="txt">IIT Hyderabad</div>
63	<div class="txt1">IIT Hyderabad \| September 14th, 2019</div>	63	<div class="txt1"> Hyderabad \| September 14th, 2019</div>
64	</div>	64	</div>
65	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	65	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
66	<div class="card1">	66	<div class="card1">
67	<img class="card-img-top" src="images/jaipur.png">	67	<img class="card-img-top" src="images/jaipur.png">
68	<img class="img-top" src="images/jaipur (1).png" ng-click="watch('Jaipur')">	68	<img class="img-top" src="images/jaipur (1).png" ng-click="watch('Jaipur')">
69	</div>	69	</div>
70	<div class="txt">Jaipur</div>	70	<div class="txt">Startup Oasis</div>
71	<div class="txt1">Startup Oasis \| September 24th, 2019</div>	71	<div class="txt1">Jaipur \| September 24th, 2019</div>
72	</div>	72	</div>
73	</div>	73	</div>
74	</div>	74	</div>
75	<div class="clearfix"></div>	75	<div class="clearfix"></div>
76	<div class="stages card-align">	76	<div class="stages card-align">
77	<div class="row">	77	<div class="row">
78	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	78	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
79	<div class="card1">	79	<div class="card1">
80	<img class="card-img-top" src="images/kanpur.png">	80	<img class="card-img-top" src="images/kanpur.png">
81	<img class="img-top" src="images/kanpur (1).png" ng-click="watch('Kanpur')">	81	<img class="img-top" src="images/kanpur (1).png" ng-click="watch('Kanpur')">
82	</div>	82	</div>
83	<div class="txt">Kanpur</div>	83	<div class="txt">IIT Kanpur</div>
84	<div class="txt1">IIT Kanpur \| September 28th, 2019</div>	84	<div class="txt1"> Kanpur \| September 28th, 2019</div>
85	</div>	85	</div>
86	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	86	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
87	<div class="card1">	87	<div class="card1">
88	<img class="card-img-top" src="images/kolkata.png">	88	<img class="card-img-top" src="images/kolkata.png">
89	<img class="img-top" src="images/kolkata (1).png" ng-click="watch('Kolkata')">	89	<img class="img-top" src="images/kolkata (1).png" ng-click="watch('Kolkata')">
90	</div>	90	</div>
91	<div class="txt">Kolkata</div>	91	<div class="txt">IIM Calcutta</div>
92	<div class="txt1">IIM Calcutta \| September 17th, 2019</div>	92	<div class="txt1">Kolkata \| September 17th, 2019</div>
93	</div>	93	</div>
94	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	94	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
95	<div class="card1">	95	<div class="card1">
96	<img class="card-img-top" src="images/mumbai.png">	96	<img class="card-img-top" src="images/mumbai.png">
97	<img class="img-top" src="images/mumbai (1).png" ng-click="watch('Mumbai')">	97	<img class="img-top" src="images/mumbai (1).png" ng-click="watch('Mumbai')">
98	</div>	98	</div>
99	<div class="txt">Mumbai</div>	99	<div class="txt">IIT Bombay</div>
100	<div class="txt1">IIT Bombay \| September 4th, 2019</div>	100	<div class="txt1">Mumbai \| September 4th, 2019</div>
101	</div>	101	</div>
102	</div>	102	</div>
103	</div>	103	</div>
104	</div>	104	</div>
105	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hideval">	105	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hideval">
106	<div class="stage-shadow" id="front">	106	<div class="stage-shadow" id="front">
107	<div class="stages card-align">	107	<div class="stages card-align">
108	<div class="row">	108	<div class="row">
109	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	109	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
110	<div class="card1">	110	<div class="card1">
111	<img class="card-img-top" src="images/Colombo.png">	111	<img class="card-img-top" src="images/Colombo.png">
112	<img class="img-top" src="images/Sri_Lanka.png" ng-click="watch('Colombo')">	112	<img class="img-top" src="images/Sri_Lanka.png" ng-click="watch('Colombo')">
113	</div>	113	</div>
114	<div class="txt">Colombo</div>	114	<div class="txt">Colombo, Sri Lanka</div>
115	<div class="txt1">Colombo, Sri Lanka \| October 5th, 2019</div>	115	<div class="txt1">Colombo \| October 5th, 2019</div>
116	</div>	116	</div>
117	</div>	117	</div>
118	</div>	118	</div>
119	</div>	119	</div>
120	</div>	120	</div>
121	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showvalue">	121	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showvalue">
122	<div class="stage-shadow" id="front">	122	<div class="stage-shadow" id="front">
123	<div class="stages card-align">	123	<div class="stages card-align">
124	<div class="row">	124	<div class="row">
125	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	125	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
126	<div class="card1">	126	<div class="card1">
127	<img class="card-img-top" src="images/Dhaka.png">	127	<img class="card-img-top" src="images/Dhaka.png">
128	<img class="img-top" src="images/BAngladesh.png" ng-click="watch('Dhaka')">	128	<img class="img-top" src="images/BAngladesh.png" ng-click="watch('Dhaka')">
129	</div>	129	</div>
130	<div class="txt">Dhaka</div>	130	<div class="txt">Dhaka, Bangladesh</div>
131	<div class="txt1">Dhaka, Bangladesh \| September 21st, 2019</div>	131	<div class="txt1">Dhaka \| September 21st, 2019</div>
132	</div>	132	</div>
133	</div>	133	</div>
134	</div>	134	</div>
135	</div>	135	</div>
136	</div>	136	</div>
137	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hidevalue">	137	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hidevalue">
138	<div class="stage-shadow" id="front">	138	<div class="stage-shadow" id="front">
139	<div class="stages card-align">	139	<div class="stages card-align">
140	<div class="row">	140	<div class="row">
141	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	141	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
142	<div class="card1">	142	<div class="card1">
143	<img class="card-img-top" src="images/Kathmandu.png">	143	<img class="card-img-top" src="images/Kathmandu.png">
144	<img class="img-top" src="images/Nepal.png" ng-click="watch('Kathmandu')">	144	<img class="img-top" src="images/Nepal.png" ng-click="watch('Kathmandu')">
145	</div>	145	</div>
146	<div class="txt">Kathmandu</div>	146	<div class="txt">Kathmandu, Nepal</div>
147	<div class="txt1">Kathmandu, Nepal \| October 12th, 2019</div>	147	<div class="txt1">Kathmandu \| October 12th, 2019</div>
148	</div>	148	</div>
149	</div>	149	</div>
150	</div>	150	</div>
151	</div>	151	</div>
152	</div>	152	</div>
153	<span ng-show="span == true">	153	<span ng-show="span == true">
154	<span id="chennai"></span>	154	<span id="chennai"></span>
155	<span id="mumbai"></span>	155	<span id="mumbai"></span>
156	<span id="hyderabad"></span>	156	<span id="hyderabad"></span>
157	<span id="kolkata"></span>	157	<span id="kolkata"></span>
158	<span id="delhi"></span>	158	<span id="delhi"></span>
159	<span id="ahmedabad"></span>	159	<span id="ahmedabad"></span>
160	<span id="bengaluru"></span>	160	<span id="bengaluru"></span>
161	<span id="jaipur"></span>	161	<span id="jaipur"></span>
162	<span id="kanpur"></span>	162	<span id="kanpur"></span>
163	<span id="dharamsala"></span>	163	<span id="dharamsala"></span>
164	</span>	164	</span>

pages/registration.html

Diff comments View file @466bf74

1		1
2	<div class="header">	2	<div class="header">
3	<div>	3	<div>
4	<!-- <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span> -->	4	<!-- <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span> -->
5	<!-- <img src="images/SartupJalsa_Logo.png" style="width:200px;position:relative;"> -->	5	<!-- <img src="images/SartupJalsa_Logo.png" style="width:200px;position:relative;"> -->
6	</div>	6	</div>
7	<div class="clearfix"></div>	7	<div class="clearfix"></div>
8	<div class="myLoaderWrap" ng-show="loading">	8	<div class="myLoaderWrap" ng-show="loading">
9	<img class="ajax-loader" src="images/loader.gif">	9	<img class="ajax-loader" src="images/loader.gif">
10	</div>	10	</div>
11	</div>	11	</div>
12	<!-- CLOSE HEADER -->	12	<!-- CLOSE HEADER -->
13	<form name="applicantForm">	13	<form name="applicantForm">
14	<div class="col-xs-12 col-md-8 col-md-offset-2">	14	<div class="col-xs-12 col-md-8 col-md-offset-2">
15	<div class="form-all">	15	<div class="form-all">
16	<h4 class="title">General Information</h4>	16	<h4 class="title">General Information</h4>
17	<p></p>	17	<p></p>
18	<!-- <table style="width: 100%;">	18	<!-- <table style="width: 100%;">
19	<tr>	19	<tr>
20	<td>	20	<td>
21	<div class="step-one-form" > -->	21	<div class="step-one-form" > -->
22	<!-- form step 1 -->	22	<!-- form step 1 -->
23	<div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" >	23	<div class="col-xs-12 col-md-8 col-md-offset-2 input-wrapper" >
24	<div class="form-group">	24	<div class="form-group">
25	<label>Name: *</label>	25	<label>Name: *</label>
26	<input type="name" class="form-control" ng-model="data.name" required>	26	<input type="name" class="form-control" ng-model="data.name" required>
27	</div>	27	</div>
28	<div class="form-group">	28	<div class="form-group">
29	<label>Startup Name: *</label>	29	<label>Startup Name: *</label>
30	<input type="text" class="form-control" ng-model="data.startupName" required>	30	<input type="text" class="form-control" ng-model="data.startupName" required>
31	</div>	31	</div>
32	<div class="form-group">	32	<div class="form-group">
33	<label>Phone No: *</label>	33	<label>Phone No: *</label>
34	<input type="text" class="form-control" ng-model="data.number" required>	34	<input type="text" class="form-control" ng-model="data.number" required>
35	<!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label> -->	35	<!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label> -->
36	</div>	36	</div>
37	<div class="form-group">	37	<div class="form-group">
38	<label>Email: *</label>	38	<label>Email: *</label>
39	<input type="email" class="form-control" ng-model="data.email" required>	39	<input type="email" class="form-control" ng-model="data.email" required>
40	</div>	40	</div>
41	<div class="form-group">	41	<div class="form-group">
42	<label>City:</label>	42	<label>City:</label>
43	<input type="text" class="form-control" ng-model="data.city" readonly>	43	<input type="text" class="form-control" ng-model="data.city" readonly>
44	</div>	44	</div>
45	<div class="form-group">	45	<div class="form-group">
46	<label>Website:</label>	46	<label>Website:</label>
47	<input type="text" class="form-control" ng-model="data.website">	47	<input type="text" class="form-control" ng-model="data.website">
48	</div>	48	</div>
49	<div class="form-group">	49	<div class="form-group">
50	<label>Founding Year: *</label>	50	<label>Founding Year: *</label>
51	<input type="text" class="form-control" ng-model="data.founder" required>	51	<input type="text" class="form-control" ng-model="data.founder" required>
52	</div>	52	</div>
53	<div class="form-group">	53	<div class="form-group">
54	<label>Business Types: *</label>	54	<label>Business Types: *</label>
55	<select class="form-control" ng-model="data.business" required>	55	<select class="form-control" ng-model="data.business" required>
56	<option name="business" selected disabled value="">Choose business type</option>	56	<option name="business" selected disabled value="">Choose business type</option>
57	<option value="B2B">B2B</option>	57	<option value="B2B">B2B</option>
58	<option value="B2C">B2C</option>	58	<option value="B2C">B2C</option>
59	</select>	59	</select>
60	</div>	60	</div>
61	<div class="form-group">	61	<div class="form-group">
62	<label>Stage: *</label>	62	<label>Stage: *</label>
63	<select class="form-control" ng-model="data.stage" required>	63	<select class="form-control" ng-model="data.stage" required>
64	<option name="stage" selected disabled value="">Choose Startup Stage</option>	64	<option name="stage" selected disabled value="">Choose Startup Stage</option>
65	<option value="Idea">Idea</option>	65	<option value="Idea">Idea</option>
66	<option value="Prototype">Prototype</option>	66	<option value="Prototype">Prototype</option>
67	</select>	67	</select>
68	</div>	68	</div>
69	<div class="form-group">	69	<div class="form-group">
70	<label>Sector: *</label>	70	<label>Sector: *</label>
71	<select class="form-control" ng-model="data.sector" ng-change="GetValue()" required>	71	<select class="form-control" ng-model="data.sector" ng-change="GetValue()" required>
72	<option name="sector" selected disabled value="">Choose sector</option>	72	<option name="sector" selected disabled value="">Choose sector</option>
73	<option value="Agriculture">Agriculture</option>	73	<option value="Agriculture">Agriculture</option>
74	<option value="Healthcare">Healthcare</option>	74	<option value="Healthcare">Healthcare</option>
75	<option value="e-Governance">e-Governance</option>	75	<option value="e-Governance">e-Governance</option>
76	<option value="Retail">Retail</option>	76	<option value="Retail">Retail</option>
77	<option value="Food and Beverages">Food and Beverages</option>	77	<option value="Food and Beverages">Food and Beverages</option>
78	<option value="Hardware">Hardware</option>	78	<option value="Hardware">Hardware</option>
79	<option value="Software">Software</option>	79	<option value="Software">Software</option>
80	<option value="Media and Entertainment">Media and Entertainment</option>	80	<option value="Media and Entertainment">Media and Entertainment</option>
81	<option value="AI">AI</option>	81	<option value="AI">AI</option>
82	<option value="AR&VR">AR&VR</option>	82	<option value="AR&VR">AR&VR</option>
83	<option value="Automobile">Automobile</option>	83	<option value="Automobile">Automobile</option>
84	<option value="Other">Other</option>	84	<option value="Other">Other</option>
85	</select>	85	</select>
86	</div>	86	</div>
87	<div class="form-group" ng-if="ngShowhide">	87	<div class="form-group" ng-if="ngShowhide">
88	<input type="text" class="form-control" ng-model="data.sectorType" placeholder="Other Sector Name">	88	<input type="text" class="form-control" ng-model="data.sectorType" placeholder="Other Sector Name">
89	</div>	89	</div>
90	<div class="form-group">	90	<div class="form-group">
91	<label>Twitter Pitch: *</label>	91	<label>Twitter Pitch: *</label>
92	<textarea type="text" class="form-control" ng-model="data.intro" placeholder="Give us a brief introduction in two lines" rows="3" required></textarea>	92	<textarea type="text" class="form-control" ng-model="data.intro" maxlength="280" placeholder="Give us a brief introduction in two lines" rows="3" required></textarea>
93	</div>	93	</div>
94	<div class="form-group">	94	<div class="form-group">
95	<label>Revenue: *</label>	95	<label>Revenue: *</label>
96	<textarea type="text" class="form-control" ng-model="data.revenue" placeholder="Are you generating any revenue? If yes, then mention your numbers" rows="3" required></textarea>	96	<textarea type="text" class="form-control" ng-model="data.revenue" placeholder="Are you generating any revenue? If yes, then mention your numbers" rows="3" required></textarea>
97	</div>	97	</div>
98	<div class="form-group">	98	<div class="form-group">
99	<label>Previous Investments: *</label>	99	<label>Previous Investments: *</label>
100	<textarea type="text" class="form-control" ng-model="data.investment" placeholder="Did you receive any previous investment? If yes, then mention the investment amount and the equity you diluted?" rows="3" required></textarea>	100	<textarea type="text" class="form-control" ng-model="data.investment" placeholder="Did you receive any previous investment? If yes, then mention the investment amount and the equity you diluted?" rows="3" required></textarea>
101	</div>	101	</div>
102	<div class="form-group">	102	<div class="form-group">
103	<label>Coupon Code:</label>	103	<label>Coupon Code:</label>
104	<input type="text" class="form-control" placeholder="If you have a coupon code then apply here"ng-model="data.referalToken">	104	<input type="text" class="form-control" placeholder="If you have a coupon code then apply here"ng-model="data.referalToken">
105	<!-- <input type="text" class="form-control" ng-model="data.referalToken" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">	105	<!-- <input type="text" class="form-control" ng-model="data.referalToken" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
106	<i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>	106	<i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
107	<i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i>	107	<i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i>
108	<button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button> -->	108	<button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button> -->
109	</div>	109	</div>
110	<div class="form-group">	110	<div class="form-group">
111	<label>Attach Pitch Deck: *</label>	111	<label>Attach Pitch Deck: *</label>
112	<input type="file" class="form-control-file" valid-file ng-model="data.uploadFile" required id="filePicker" accept=".png, .jpg, .jpeg, .pdf, .ppt">	112	<input type="file" class="form-control-file" valid-file ng-model="data.uploadFile" required id="filePicker" accept=".png, .jpg, .jpeg, .pdf, .ppt">
113	<span ng-show="fileSelect" class=form-group-text>Please Select a File</span>	113	<span ng-show="fileSelect" class=form-group-text>Please Select a File</span>
114	</div>	114	</div>
115	<div class=form-group-text>	115	<div class=form-group-text>
116	Fields marked with "<b>*</b>" are mandatory.	116	Fields marked with "<b>*</b>" are mandatory.
117	</div>	117	</div>
118	</div>	118	</div>
119	<div class="clearfix"></div>	119	<div class="clearfix"></div>
120	<div class="text-center">	120	<div class="text-center">
121	<input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">	121	<input type="submit" class="btn submit-button-form" style="outline: none;" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
122	</div>	122	</div>
123	</div>	123	</div>
124	<!-- <div class="col-xs-12 col-md-6 input-wrapper" >	124	<!-- <div class="col-xs-12 col-md-6 input-wrapper" >
125	<div id="snackbar">Error ! Please fill in all fields.</div>	125	<div id="snackbar">Error ! Please fill in all fields.</div>
126	<div class="icon-circle-c">	126	<div class="icon-circle-c">
127	<i class="material-icons" style="line-height: 31px;">person</i>	127	<i class="material-icons" style="line-height: 31px;">person</i>
128	</div>	128	</div>
129	<input type="text" class="text-input" required ng-model="data.name" placeholder="Name *" id="myBtn" name="name" ng-change="entername(data.name); firstNamekeyPress(data.name)">	129	<input type="text" class="text-input" required ng-model="data.name" placeholder="Name *" id="myBtn" name="name" ng-change="entername(data.name); firstNamekeyPress(data.name)">
130	</div>	130	</div>
131	<div class="col-xs-12 col-md-6 input-wrapper" >	131	<div class="col-xs-12 col-md-6 input-wrapper" >
132	<div id="snackbar">Error ! Please fill in all fields.</div>	132	<div id="snackbar">Error ! Please fill in all fields.</div>
133	<div class="icon-circle-d">	133	<div class="icon-circle-d">
134	<i class="material-icons" style="line-height: 30px;">email</i>	134	<i class="material-icons" style="line-height: 30px;">email</i>
135	</div>	135	</div>
136	<input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" ng-blur="emailcheck(data.email)" ng-focus="removeError()" placeholder="Email Address *" ng-change="enteremail(data.email); emailkeyPress(data.email)">	136	<input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" ng-blur="emailcheck(data.email)" ng-focus="removeError()" placeholder="Email Address *" ng-change="enteremail(data.email); emailkeyPress(data.email)">
137	<label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>	137	<label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
138	</div>	138	</div>
139	<div class="col-xs-12 col-md-6 input-wrapper">	139	<div class="col-xs-12 col-md-6 input-wrapper">
140	<div class="icon-circle-f">	140	<div class="icon-circle-f">
141	<i class="material-icons" style="line-height: 30px;">location_city</i>	141	<i class="material-icons" style="line-height: 30px;">location_city</i>
142	</div>	142	</div>
143	<select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>	143	<select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
144	<option name="city" selected disabled value="">{{data.city}}</option>	144	<option name="city" selected disabled value="">{{data.city}}</option>
145	<option value="Ahmedabad">Ahmedabad</option>	145	<option value="Ahmedabad">Ahmedabad</option>
146	<option value="Bengaluru">Bengaluru</option>	146	<option value="Bengaluru">Bengaluru</option>
147	<option value="Chennai">Chennai</option>	147	<option value="Chennai">Chennai</option>
148	<option value="Delhi">Delhi</option>	148	<option value="Delhi">Delhi</option>
149	<option value="Hyderabad">Hyderabad</option>	149	<option value="Hyderabad">Hyderabad</option>
150	<option value="Jaipur">Jaipur</option>	150	<option value="Jaipur">Jaipur</option>
151	<option value="Kanpur">Kanpur</option>	151	<option value="Kanpur">Kanpur</option>
152	<option value="Kolkata">Kolkata</option>	152	<option value="Kolkata">Kolkata</option>
153	<option value="Mumbai">Mumbai</option>	153	<option value="Mumbai">Mumbai</option>
154	</select>	154	</select>
155	</div>	155	</div>
156	<div class="col-xs-12 col-md-6 input-wrapper" >	156	<div class="col-xs-12 col-md-6 input-wrapper" >
157	<div class="icon-circle-e">	157	<div class="icon-circle-e">
158	<i class="material-icons" style="line-height: 30px;">phone</i>	158	<i class="material-icons" style="line-height: 30px;">phone</i>
159	</div>	159	</div>
160	<input type="phone" name="phone" ng-pattern="/^\d(?:\.\d{1,2})?$/" maxlength="10" class="text-input" required class="" ng-model="data.number" ng-blur="numbercheck(data.number)" ng-focus="removeNoError()" placeholder="Mobile No." ng-change="enternumber(data.number); phonekeyPress(data.number)">	160	<input type="phone" name="phone" ng-pattern="/^\d(?:\.\d{1,2})?$/" maxlength="10" class="text-input" required class="" ng-model="data.number" ng-blur="numbercheck(data.number)" ng-focus="removeNoError()" placeholder="Mobile No." ng-change="enternumber(data.number); phonekeyPress(data.number)">
161	<label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label>	161	<label class="error-message f-family" id="invalidNumber">Please enter only numeric value.</label>
162	</div>	162	</div>
163	<div class="col-xs-12 col-md-6 input-wrapper">	163	<div class="col-xs-12 col-md-6 input-wrapper">
164	<div class="icon-circle-i">	164	<div class="icon-circle-i">
165	<i class="material-icons" style="line-height: 30px;">perm_identity</i>	165	<i class="material-icons" style="line-height: 30px;">perm_identity</i>
166	</div>	166	</div>
167	<input type="text" class="text-input" ng-model="data.companyName" placeholder="Company Name *" ng-change="enternumber(data.companyName); companykeyPress(data.companyName)" required>	167	<input type="text" class="text-input" ng-model="data.companyName" placeholder="Company Name *" ng-change="enternumber(data.companyName); companykeyPress(data.companyName)" required>
168	</div>	168	</div>
169	<div class="col-xs-12 col-md-6 input-wrapper">	169	<div class="col-xs-12 col-md-6 input-wrapper">
170	<div class="icon-circle-n">	170	<div class="icon-circle-n">
171	<i class="material-icons" style="line-height: 30px;">web</i>	171	<i class="material-icons" style="line-height: 30px;">web</i>
172	</div>	172	</div>
173	<input name="website" class="text-input" ng-model="data.website" placeholder="Website link" ng-change="enterwebsite(data.website); revenuekeyPress(data.website)"></input>	173	<input name="website" class="text-input" ng-model="data.website" placeholder="Website link" ng-change="enterwebsite(data.website); revenuekeyPress(data.website)"></input>
174	</div>	174	</div>
175	<div class="col-xs-12 col-md-6 input-wrapper">	175	<div class="col-xs-12 col-md-6 input-wrapper">
176	<div class="icon-circle-y">	176	<div class="icon-circle-y">
177	<i class="material-icons" style="line-height: 30px;">assignment</i>	177	<i class="material-icons" style="line-height: 30px;">assignment</i>
178	</div>	178	</div>
179	<select ng-model="data.stage" ng-change="selectechnology(data.stage); fundkeyPress(data.stage)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>	179	<select ng-model="data.stage" ng-change="selectechnology(data.stage); fundkeyPress(data.stage)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
180	<option name="stage" selected disabled value="">Choose Startup Stage *</option>	180	<option name="stage" selected disabled value="">Choose Startup Stage *</option>
181	<option value="Idea">Idea</option>	181	<option value="Idea">Idea</option>
182	<option value="Prototype">Prototype</option>	182	<option value="Prototype">Prototype</option>
183	</select>	183	</select>
184	</div>	184	</div>
185	<div class="col-xs-12 col-md-6 input-wrapper">	185	<div class="col-xs-12 col-md-6 input-wrapper">
186	<div class="icon-circle-q">	186	<div class="icon-circle-q">
187	<i class="material-icons" style="line-height: 30px;">business</i>	187	<i class="material-icons" style="line-height: 30px;">business</i>
188	</div>	188	</div>
189	<select ng-model="data.business" ng-change="selectechnology(data.business); ideakeyPress(data.business)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>	189	<select ng-model="data.business" ng-change="selectechnology(data.business); ideakeyPress(data.business)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
190	<option name="business" selected disabled value="">Type of business *</option>	190	<option name="business" selected disabled value="">Type of business *</option>
191	<option value="B2B">B2B</option>	191	<option value="B2B">B2B</option>
192	<option value="B2C">B2C</option>	192	<option value="B2C">B2C</option>
193	<option value="Other">Other</option>	193	<option value="Other">Other</option>
194	</select>	194	</select>
195	</div>	195	</div>
196	<div class="col-xs-12 col-md-12 f-family line-adjust">	196	<div class="col-xs-12 col-md-12 f-family line-adjust">
197	<strong>How many founders/teammates will be attending pitch session? *</strong>	197	<strong>How many founders/teammates will be attending pitch session? *</strong>
198	<p class="line-space" ></p>	198	<p class="line-space" ></p>
199	</div>	199	</div>
200	<div class="col-xs-12 col-md-12 input-wrapper" >	200	<div class="col-xs-12 col-md-12 input-wrapper" >
201	<div class="icon-circle-o">	201	<div class="icon-circle-o">
202	<i class="material-icons" style="line-height: 30px;">confirmation_number</i>	202	<i class="material-icons" style="line-height: 30px;">confirmation_number</i>
203	</div>	203	</div>
204	<select ng-model="data.founder" ng-change="selectfounder(data.founder); discountkeyPress(data.founder)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>	204	<select ng-model="data.founder" ng-change="selectfounder(data.founder); discountkeyPress(data.founder)" style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
205	<option name="founder" selected disabled value="">Choose</option>	205	<option name="founder" selected disabled value="">Choose</option>
206	<option value="1">1</option>	206	<option value="1">1</option>
207	<option value="2">2</option>	207	<option value="2">2</option>
208	<option value="3">3</option>	208	<option value="3">3</option>
209	<option value="more than 3">more than 3</option>	209	<option value="more than 3">more than 3</option>
210	</select>	210	</select>
211	</div> -->	211	</div> -->
212	<!-- <div class="col-xs-12 col-md-12 f-family line-adjust">	212	<!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
213	<strong>In which city is your startup registered at?</strong>	213	<strong>In which city is your startup registered at?</strong>
214	<p class="line-space" ></p>	214	<p class="line-space" ></p>
215	</div> -->	215	</div> -->
216	<!-- <div class="col-xs-12 col-md-12 input-wrapper">	216	<!-- <div class="col-xs-12 col-md-12 input-wrapper">
217	<div class="icon-circle-m">	217	<div class="icon-circle-m">
218	<i class="material-icons" style="line-height: 30px;">assessment</i>	218	<i class="material-icons" style="line-height: 30px;">assessment</i>
219	</div>	219	</div>
220	<input type="text" class="text-input" ng-model="data.cityRegister" placeholder="Your Answer.." ng-change="entertechnology(data.cityRegister); annualkeyPress(data.cityRegister)">	220	<input type="text" class="text-input" ng-model="data.cityRegister" placeholder="Your Answer.." ng-change="entertechnology(data.cityRegister); annualkeyPress(data.cityRegister)">
221	</div> -->	221	</div> -->
222	<!-- <div class="col-xs-12 col-md-12 f-family line-adjust">	222	<!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
223	<strong>Give us a brief introduction about your startup. *</strong>	223	<strong>Give us a brief introduction about your startup. *</strong>
224	<p class="line-space" >Kindly write a powerful Twitter Pitch (characters limit - 200).</p>	224	<p class="line-space" >Kindly write a powerful Twitter Pitch (characters limit - 200).</p>
225	</div>	225	</div>
226	<div class="col-xs-12 col-md-12 input-wrapper">	226	<div class="col-xs-12 col-md-12 input-wrapper">
227	<div class="icon-circle-x">	227	<div class="icon-circle-x">
228	<i class="material-icons" style="line-height: 30px;">line_weight</i>	228	<i class="material-icons" style="line-height: 30px;">line_weight</i>
229	</div>	229	</div>
230	<textarea name="intro" class="text-input textarea" ng-model="data.intro" placeholder="Your Answer.." maxlength="200" ng-change="enterproblem(data.intro); startupNamekeyPress(data.intro)" required></textarea>	230	<textarea name="intro" class="text-input textarea" ng-model="data.intro" placeholder="Your Answer.." maxlength="200" ng-change="enterproblem(data.intro); startupNamekeyPress(data.intro)" required></textarea>
231	</div>	231	</div>
232	<div class="col-xs-12 col-md-12 f-family line-adjust">	232	<div class="col-xs-12 col-md-12 f-family line-adjust">
233	<strong>Who are your customers? *</strong>	233	<strong>Who are your customers? *</strong>
234	<p class="line-space" >We are looking for a simple and clear answer of who you are selling to (characters limit - 512).</p>	234	<p class="line-space" >We are looking for a simple and clear answer of who you are selling to (characters limit - 512).</p>
235	</div>	235	</div>
236	<div class="col-xs-12 col-md-12 input-wrapper">	236	<div class="col-xs-12 col-md-12 input-wrapper">
237	<div class="icon-circle-k">	237	<div class="icon-circle-k">
238	<i class="material-icons" style="line-height: 30px;">help</i>	238	<i class="material-icons" style="line-height: 30px;">help</i>
239	</div>	239	</div>
240	<textarea name="customer" class="text-input textarea" ng-model="data.customer" placeholder="Your Answer.." maxlength="512" ng-change="entersolution(data.customer); websitekeyPress(data.customer)" required></textarea>	240	<textarea name="customer" class="text-input textarea" ng-model="data.customer" placeholder="Your Answer.." maxlength="512" ng-change="entersolution(data.customer); websitekeyPress(data.customer)" required></textarea>
241	</div> -->	241	</div> -->
242	<!-- <div class="col-xs-12 col-md-12 f-family line-adjust">	242	<!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
243	<strong>What problem you are solving for them? *</strong>	243	<strong>What problem you are solving for them? *</strong>
244	<p class="line-space" >We want to understand how clearly you know the pain point, and how big of a problem it is for the customers.</p>	244	<p class="line-space" >We want to understand how clearly you know the pain point, and how big of a problem it is for the customers.</p>
245	</div>	245	</div>
246	<div class="col-xs-12 col-md-12 input-wrapper f-family">	246	<div class="col-xs-12 col-md-12 input-wrapper f-family">
247	<div class="icon-circle-p">	247	<div class="icon-circle-p">
248	<i class="material-icons" style="line-height: 30px;">business_center</i>	248	<i class="material-icons" style="line-height: 30px;">business_center</i>
249	</div>	249	</div>
250	<textarea name="problem" class="text-input textarea" ng-model="data.problem" placeholder="Your Answer.." ng-change="enterbusiness(data.problem); businesskeyPress(data.problem)" required>	250	<textarea name="problem" class="text-input textarea" ng-model="data.problem" placeholder="Your Answer.." ng-change="enterbusiness(data.problem); businesskeyPress(data.problem)" required>
251	</textarea>	251	</textarea>
252	</div> -->	252	</div> -->
253	<!-- <div class="col-xs-12 col-md-12 f-family line-adjust">	253	<!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
254	<strong>Link your pitch deck presentation. *</strong>	254	<strong>Link your pitch deck presentation. *</strong>
255	<p class="line-space" > Kindly upload the link to your pitch deck (Dropbox/Google Drive, if on google drive make the link open to all).</p>	255	<p class="line-space" > Kindly upload the link to your pitch deck (Dropbox/Google Drive, if on google drive make the link open to all).</p>
256	</div>	256	</div>
257	<div class="col-xs-12 col-md-12 input-wrapper f-family">	257	<div class="col-xs-12 col-md-12 input-wrapper f-family">
258	<div class="icon-circle-h">	258	<div class="icon-circle-h">
259	<i class="material-icons" style="line-height: 30px;">web</i>	259	<i class="material-icons" style="line-height: 30px;">web</i>
260	</div>	260	</div>
261	<input name="link" class="text-input" ng-pattern="/^(http[s]?:\/\/){0,1}(www\.){0,1}[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,5}[\.]{0,1}/" ng-blur="emailcheck(data.link)" ng-focus="removeError()" ng-model="data.link" placeholder="link" ng-change="enterbusiness(data.link); linkedInkeyPress(data.link)" required>	261	<input name="link" class="text-input" ng-pattern="/^(http[s]?:\/\/){0,1}(www\.){0,1}[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,5}[\.]{0,1}/" ng-blur="emailcheck(data.link)" ng-focus="removeError()" ng-model="data.link" placeholder="link" ng-change="enterbusiness(data.link); linkedInkeyPress(data.link)" required>
262	<label class="error-message f-family" id="invalidEmail">Please enter a valid link.</label>	262	<label class="error-message f-family" id="invalidEmail">Please enter a valid link.</label>
263	</div> -->	263	</div> -->
264	<!-- <div class="col-xs-12 col-md-12 f-family line-adjust">	264	<!-- <div class="col-xs-12 col-md-12 f-family line-adjust">
265	<strong>Coupon Code.</strong>	265	<strong>Coupon Code.</strong>
266	<p class="line-space" >Only applicable for venue partner ecosystem</p>	266	<p class="line-space" >Only applicable for venue partner ecosystem</p>
267	</div>	267	</div>
268	<div class="col-xs-12 input-wrapper">	268	<div class="col-xs-12 input-wrapper">
269	<div class="referel-icon" style="z-index: 999;">	269	<div class="referel-icon" style="z-index: 999;">
270	<i class="material-icons" style="line-height: 30px;">code</i>	270	<i class="material-icons" style="line-height: 30px;">code</i>
271	</div>	271	</div>
272	<input class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">	272	<input class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
273	<i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>	273	<i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
274	<i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i>	274	<i class="material-icons coupen-approved" style="color:red;" ng-if="tokencheck == false">close</i>
275	<button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>	275	<button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
276	</div> -->	276	</div> -->
277	<!-- <div class="clearfix"></div> -->	277	<!-- <div class="clearfix"></div> -->
278	<!-- </div> -->	278	<!-- </div> -->
279	<!-- close step-one-form -->	279	<!-- close step-one-form -->
280	<!-- </td>	280	<!-- </td>
281	</tr>	281	</tr>
282	</table> -->	282	</table> -->
283	<!-- <div class="text-center">	283	<!-- <div class="text-center">
284	<input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid \|\| filePicker" value="Submit" ng-click="submit()">	284	<input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid \|\| filePicker" value="Submit" ng-click="submit()">
285	</div>	285	</div>
286	</div> -->	286	</div> -->
287	<!-- CLOSE form-all -->	287	<!-- CLOSE form-all -->
288	<!-- </div> -->	288	<!-- </div> -->
289	<!-- <div class="clearfix"></div>	289	<!-- <div class="clearfix"></div>
290	<div class="text-center">	290	<div class="text-center">
291	<input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">	291	<input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
292	</div> -->	292	</div> -->
293	</div>	293	</div>
294	<!-- col-xs-12 col-md-8 col-md-offset-2 -->	294	<!-- col-xs-12 col-md-8 col-md-offset-2 -->
295	<!-- <footer>	295	<!-- <footer>
296	<img id="footer" class="img-responsive banner">	296	<img id="footer" class="img-responsive banner">
297	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a>	297	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a>
298	</center>	298	</center>
299	</footer> -->	299	</footer> -->
300	</form>	300	</form>
301	<!-- CLOSE FORM -->	301	<!-- CLOSE FORM -->
302	<!-- </div> CLOSE CHECK VIEW -->	302	<!-- </div> CLOSE CHECK VIEW -->
303	<span ng-show="span == true">	303	<span ng-show="span == true">
304	<span id="chennai"></span>	304	<span id="chennai"></span>
305	<span id="mumbai"></span>	305	<span id="mumbai"></span>
306	<span id="hyderabad"></span>	306	<span id="hyderabad"></span>
307	<span id="kolkata"></span>	307	<span id="kolkata"></span>
308	<span id="delhi"></span>	308	<span id="delhi"></span>
309	<span id="ahmedabad"></span>	309	<span id="ahmedabad"></span>
310	<span id="bengaluru"></span>	310	<span id="bengaluru"></span>
311	<span id="jaipur"></span>	311	<span id="jaipur"></span>
312	<span id="kanpur"></span>	312	<span id="kanpur"></span>
313	<span id="dharamsala"></span>	313	<span id="dharamsala"></span>
314	</span>	314	</span>
315		315

script.js

Diff comments View file @466bf74

 	// create the module and name it scotchApp
 	var scotchApp = angular.module('scotchApp', ['ngRoute','angular-google-analytics']);
 	// configure our routes
 	scotchApp.config(function($routeProvider,$locationProvider) {
 		// use the HTML5 History API
         // $locationProvider.html5Mode({
         // 	enabled: true,
         // 	requireBase: false
         // });
        	//$locationProvider.hashPrefix('!');
 	    $routeProvider
 	    	// route for the Home page
 	        .when('/', {
 	            templateUrl: 'pages/Home.html',
 	            controller: 'mainController'
 	        })
 	        // route for the caricatures page
 	        .when('/caricatures', {
 	            templateUrl: 'pages/caricatures.html',
 	            controller: 'mainController'
 	        })
 	        // route for the paymentVerify page
 	        .when('/pendingPayment/:id', {
 	            templateUrl: 'pages/verify.html',
 	            controller: 'verifyController'
 	        })
 	        // route for the registration page
 	        .when('/registration', {
 	            templateUrl: 'pages/registration.html',
 	            controller: 'registrationController'
 	        })
 	        //route for the ambassador page
 	        // .when('/startupJalsaPromocode', {
 	        //     templateUrl: 'pages/ambassador.html',
 	        //     controller: 'ambassadorController'
 	        // })
 	        // route for the confirmation page
 	        .when('/confirmation', {
 	            templateUrl: 'pages/confirmation.html',
 	            controller: 'confirmationController'
 			})
 			// route for the confirmation page
 	        .when('/confirm', {
 	            templateUrl: 'pages/confirm.html',
 	            controller: 'confirmationController'
 	        })
 	        .otherwise({
 	        	redirectTo: '/'
 	        });
 	});
 	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://35.154.24.158:4001/v1")
 	//scotchApp.constant("BASE_URL", "http://0.0.0.0:4001/v1")
 	scotchApp.directive('validFile',function(){
 		return {
 		  require:'ngModel',
 		  link:function(scope,el,attrs,ngModel){
 			//change event is fired when file is selected
 			el.bind('change',function(){
 			  scope.$apply(function(){
 				ngModel.$setViewValue(el.val());
 				ngModel.$render();
 			  })
 			})
 		  }
 		}
 	  })
 	// create the controller and inject Angular's $scope
 	scotchApp.controller('mainController', function($scope, $http, $window, $location, $route, $rootScope, BASE_URL, Analytics) {
 	    $scope.data = {
 	        show: true,
 	        hide: false
 		};
-		window.onload = function(){
+		jQuery('#defaultcountry').addClass('btn-active')
-			var element = document.getElementById("defaultcountry");
+		// window.onload = function(){
-			   element.classList.add("btn-active");
+		// 	// var element = document.getElementById("defaultcountry");
-			   //document.getElementById("ahmedabad").src = "images/Ahmedabad_1.png";
+		// 	//    element.classList.add("btn-active");
-		}
+		// 	   jQuery('#defaultcountry').addClass('btn-active')
+		// 	   //document.getElementById("ahmedabad").src = "images/Ahmedabad_1.png";
+		// }
 		var chennai = new Date("Sept 19, 2018 12:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = chennai - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("chennai").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("chennai").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var hyderabad = new Date("Sept 22, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = hyderabad - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("hyderabad").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("hyderabad").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var mumbai = new Date("Sept 26, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = mumbai - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("mumbai").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("mumbai").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var kolkata = new Date("Oct 3, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = kolkata - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("kolkata").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("kolkata").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var jaipur = new Date("Oct 5, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = jaipur - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("jaipur").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("jaipur").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var delhi = new Date("Oct 8, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = delhi - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("delhi").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("delhi").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var kanpur = new Date("Oct 10, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = kanpur - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("kanpur").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("kanpur").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var ahmedabad = new Date("Oct 12, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = ahmedabad - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("ahmedabad").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("ahmedabad").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var bengaluru = new Date("Oct 13, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = bengaluru - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("bengaluru").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("bengaluru").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 		var dharamsala = new Date("Dec 14, 2018 14:00:00").getTime();
 		// Update the count down every 1 second
 		var x = setInterval(function() {
 		    // Get todays date and time
 		    var now = new Date().getTime();
 		    // Find the distance between now an the count down date
 		    var distance = dharamsala - now;
 		    // Time calculations for days, hours, minutes and seconds
 		    var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 		    var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 		    var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 		    var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 		    $scope.timer = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s "
 		    // Output the result in an element with id="demo"
 		    document.getElementById("dharamsala").innerHTML = days + "d " + hours + "h "
 		    + minutes + "m " + seconds + "s ";
 		    // If the count down is over, write some text
 		    if (distance < 0) {
 		        clearInterval(x);
 		        document.getElementById("dharamsala").innerHTML = "EXPIRED";
 		    }
 		}, 1000);
 	    $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    // $scope.Textshow = "yes"
 	    $scope.max = 100;
 	    $scope.formPage = false;
 	    $scope.current = 0;
 	    $scope.payingAmnt = 0;
 	    $scope.data = {};
 	    $scope.discountAmount = 0;
 	    // $scope.data.quantity = "1";
 	    $scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.paymentResult = {};
 	    var data = {
 	        "amount": $scope.payingAmnt,
 	        "currency": "INR",
 	        "status": "pending"
 		}
 		$scope.showval = true;
 		$scope.hideval = false;
 		$scope.showvalue = false;
 		$scope.hidevalue = false;
 		$scope.isShowHide = function (value) {
 			console.log(value)
 			var element = document.getElementById("defaultcountry");
 			element.classList.remove("btn-active");
 			localStorage.setItem("country",value);
 			if (value == "INDIA") {
 				console.log("value",value)
 				$scope.showval = true;
 				$scope.hideval = false;
 				$scope.showvalue = false;
 				$scope.hidevalue = false;
 			}
 			else if (value == "SRI LANKA") {
 				console.log("value1",value)
 				$scope.showval = false;
 				$scope.hideval = true;
 				$scope.showvalue = false;
 				$scope.hidevalue = false;
 			}
 			else if (value == "BANGLADESH") {
 				console.log("value2",value)
 				$scope.showval = false;
 				$scope.hideval = false;
 				$scope.showvalue = true;
 				$scope.hidevalue = false;
 			}
 			else {
 				console.log("value3",value)
 				$scope.showval = false;
 				$scope.hideval = false;
 				$scope.showvalue = false;
 				$scope.hidevalue = true;
 			}
 		}
 	    $scope.apply = function() {
 	    	//Analytics.trackEvent('register', 'click', 'Registration');
 			$location.path("/caricatures")
 		}
 	    // $scope.data.city = '';
 	    $scope.watch =  function(value){
 			console.log(value)
 			//document.getElementById("ahmedabad").src = "";
 	    	// console.log("cllll",value)
 	    	$scope.data.city = value;
 	    	// if($scope.data.city == "Chennai"){
 	    	// 	console.log("cllll1",value)
 	    	// 	$window.location.href = 'http://35.154.24.158:8007';
 	    	// }else{
 	    		// console.log("cllll2",value)
 				localStorage.setItem("city" ,value);
 		    	//$location.path('/registration').search({city: value});
 				// $location.path('/registration/'+value+'');
 				$location.path('/registration');
 		    	//$state.go('registration', { 'city': value})
 	    	// }
 	    }
 	    $scope.select =  function(url){
 	    	console.log("cllll")
 	    	window.open(url)
 	    }
 	    $scope.stagekeyPress = function() {
 	        $('.icon-circle-a').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.sectorkeyPress = function() {
 	        $('.icon-circle-b').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.productLaunchkeyPress = function() {
 	        $('.icon-circle-ab').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.launchPeriodkeyPress = function() {
 	        $('.icon-circle-abc').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.industrykeyPress = function(quantity) {
 	    	console.log("fghj",quantity)
 	    	$('.icon-circle-abcdefg').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $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(25, 104, 157)');
 	        }
 	    }
 	    $scope.amountkeyPress = function() {
 	        $('.icon-circle-bc').css('background-color', 'rgb(25, 104, 157)');
 	    }
 	    $scope.firstNamekeyPress = function(name) {
 	        console.log("lastName==", name);
 	        if (name == undefined) {
 	            $('.icon-circle-c').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-c').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $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(25, 104, 157)');
 	        }
 	    }
 	    $scope.phonekeyPress = function(number) {
 	        console.log("number", number);
 	        if (number == undefined || number == '') {
 	            $('.icon-circle-e').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-e').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $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(25, 104, 157)');
 	        }
 	    }
 	    $scope.startupNamekeyPress = function(q) {
 	        if (q == undefined) {
 	            $('.icon-circle-x').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-x').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.linkedInkeyPress = function(technology) {
 	        if (technology == undefined || technology == '') {
 	            $('.icon-circle-h').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-h').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $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(25, 104, 157)');
 	        }
 	    }
 	    $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(25, 104, 157)');
 	        }
 	    }
 	    $scope.businesskeyPress = function(business) {
 	    	if (business == undefined) {
 	        	$('.icon-circle-p').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-p').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.websitekeyPress = function(prototype) {
 	        if (prototype == undefined  || prototype == '') {
 	            $('.icon-circle-k').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-k').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.employeekeyPress = function(market) {
 	        if (market == undefined || market == '') {
 	            $('.icon-circle-l').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-l').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.annualkeyPress = function(risk) {
 	        if (risk == undefined || risk == '') {
 	            $('.icon-circle-m').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-m').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.revenuekeyPress = function(team) {
 	        if (team == undefined) {
 	            $('.icon-circle-n').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-n').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $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(25, 104, 157)');
 	        }
 	    }
 	    $scope.discountkeyPress = function(discount) {
 	        if (discount == undefined) {
 	            $('.icon-circle-o').css('background-color', 'rgb(102, 102, 102)');
 	        } else {
 	            $('.icon-circle-o').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	    $scope.removeNooError = function() {
 	    	$('#invalidIdea').css('display', 'block');
 	        $('#noExist').css('display', 'none');
 	    };
 	    $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(25, 104, 157)');
 	        }
 	    }
 	    $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(25, 104, 157)');
 	        }
 	    }
 	    $scope.changeReferalIconColor = function(referalToken){
 	    	if (referalToken == undefined || referalToken == '') {
 	    		$('.referel-icon').css('background-color', 'rgb(102, 102, 102)');
 	    	}else {
 	            $('.referel-icon').css('background-color', 'rgb(25, 104, 157)');
 	        }
 	    }
 	});
 	scotchApp.controller('registrationController', function($q, $scope, $http, $location, $rootScope,$route,BASE_URL) {
 		$scope.data = {};
 		$scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.infoForm = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    $scope.space = false; /*THIS CODE FOR HIDE STEP 2 FORM*/
 	    $scope.max = 100;
 	    $scope.formPage = false;
 	    $scope.current = 0;
 	    $scope.payingAmnt = 0;
 		$scope.discountAmount = 0;
 		$scope.approvedMsg = false;
 		$scope.disApprovedMsg = false;
 	    // $scope.data.quantity = "1";
 	    $scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.paymentResult = {};
 		// var myParam =  window.location.href.split('status=').splice(1).join('').split('&')[0]
 		// if(myParam){
 		// 	if(myParam == "approved"){
 		// 		$scope.showResponse = true;
 		// 	}else{
 		// 		$scope.disApprovedMsg = true;
 		// 	}
 		// }else{
 		// 	$scope.disApprovedMsg = true;
 		// }
 	    $scope.removeError = function() {
 	        $('#invalidEmail').css('display', 'none');
 	        $('#alreadyExist').css('display', 'none');
 	    };
 		$scope.emailcheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidEmail').css('display', 'block');
 	        } else {
 	        	$('#alreadyExist').css('display', 'block');
 	        }
 	    };
 	    $scope.removeNoError = function() {
 	        $('#invalidNumber').css('display', 'none');
 	        $('#alreadyExist').css('display', 'none');
 	    };
 		$scope.numbercheck = function(val) {
 	        if (val == undefined) {
 	            $('#invalidNumber').css('display', 'block');
 	        } else {
 	        	$('#alreadyExist').css('display', 'block');
 	        }
 	    };
 	 	// $scope.$on('city', function (event, value) {
 			$scope.data.city = localStorage.getItem("city");
 			$scope.data.country = localStorage.getItem("country");
 			 //console.log("HERE===",$scope.data.country );
 		// });
 		var data = {
 	        "amount": $scope.payingAmnt,
 	        "currency": "INR",
 			"status": "pending",
 			"paymentType": $scope.data.country
 		}
 		var handleFileSelect = function(evt) {
 			var files = evt.target.files;
 			var file = files[0];
 			if (files && file) {
 			var reader = new FileReader();
 			reader.onload = function(readerEvt) {
 				var binaryString = readerEvt.target.result;
 				$scope.base64textString = btoa(binaryString);
 				//console.log("base64textarea",$scope.base64textString)
 				//$scope.data.uploadFile = file.name;
 				$scope.fileSelect = false;
 				if($scope.data.uploadFile == null){
 					$scope.fileSelect = true;
 				}else{
 					$scope.fileSelect = false;
 					};
 				}
 			reader.readAsBinaryString(file);
 			}
 		};
 		if (window.File && window.FileReader && window.FileList && window.Blob) {
 			document.getElementById('filePicker').addEventListener('change', handleFileSelect, false);
 		}
 		$scope.ngShowhide = false;
 		$scope.GetValue = function(){
 			console.log("====$scope.value===",$scope.data.sector)
 			if($scope.data.sector == "Other"){
 				$scope.ngShowhide = true;
 			}else{
 				$scope.ngShowhide = false;
 			}
 		}
 		// $rootScope.tokenCall = function(val) {
 	    //     console.log('val-------->', val);
 	    //     if (val == undefined) {
 	    //         $('#invalidToken').css('display', 'block');
 	    //     } else {
 	    //     	val = val.toUpperCase();
 	    //     	if((val == "IITH99" && $scope.data.city != "Hyderabad") || (val == "IITM99" && $scope.data.city != "Chennai") || (val == "IITD99" && $scope.data.city != "Delhi") || (val == "IITB99" && $scope.data.city != "Mumbai") || (val == "IITK99" && $scope.data.city != "Kanpur") || (val == "IIMC99" && $scope.data.city != "Kolkata") || (val == "IIMA99" && $scope.data.city != "Ahmedabad") || (val == "JAI40" && $scope.data.city != "Jaipur")){
 	    //     		$scope.tokencheck = false;
 	    //     		return;
 	    //     	}
 	    //     	$http.get(BASE_URL + '/ambassadors?filter={"where": {"referalToken": "' + val + '"}}')
 		// 		    .then(function(searchResult) {
 		// 		    	console.log("searchResult",searchResult)
 		// 		        if (searchResult.data.length == 0) {
 	    //                 	$scope.tokencheck = false;
 	    //                 	 $scope.discountAmount = 0;
 	    //             	} else {
 	    //             		console.log("===searchResult.data[0].discount===",searchResult.data[0].discount);
 	    //                 	 $scope.discountpercentage = searchResult.data[0].discount;
 	    //                 	 console.log("===searchResultdiscountpercentage===",$scope.discountpercentage);
 	    //                 	$scope.tokencheck = true;
 	    //             	}
 		// 		    },function(err){
 		// 		    	console.log(err)
 		// 		});
 	    //     }
 		// };
 		if($scope.data.country == "INDIA"){
 			$scope.submit = function() {
 				$scope.loading = true;
 				$scope.data.uploadFile = $scope.base64textString;
 				console.log($scope.data.uploadFile)
 			// if($scope.tokencheck == false){
 			// 	$scope.data.referalToken = null;
 			// }
 			// if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) {
 			// 	var x = document.getElementById("snackbar")
 			//     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;
 				$scope.ticketAmnt = 1;
 				$scope.detail = {};
 				$scope.data.phone = "+91"+$scope.data.number;
 				if($scope.data.referalToken == null){
 					$scope.data.referalToken = "NA"
 				}
 				var file =document.getElementById('filePicker').files[0];
 				//console.log("file",filePicker)
 				var image = BASE_URL+'/containers/images/download/'
 				var imagePath = file.name;
 				$scope.data.uploadFile = image + imagePath;
 				//console.log($scope.data.uploadFile)
 				var fd = new FormData()
 				fd.append('filePicker',file);
 				var deferred = $q.defer();
 				$http({
 					method:'POST',
 					url: BASE_URL+'/containers/images/upload',
 					data:fd,
 					transformRequest:angular.identity,
 					headers:{'Content-Type':undefined}
 				})
 				.success(function(result){
 					deferred.resolve(result);
 				$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)
 						var amount = $scope.ticketAmnt * 100
 						if($scope.tokencheck == true){
 							var amount = $scope.ticketAmnt
 							console.log("====$scope.discountpercentage====",$scope.discountpercentage);
 							console.log("resultcity===",$scope.data.city)
 							if($scope.discountpercentage == "100") {
 								$scope.discountpercentage = "99.8";
 								console.log("$scope.discountpercentage====",$scope.discountpercentage)
 							}
 							console.log("====$scope.discountpercentage====",$scope.discountpercentage);
 							$scope.percDiscount = $scope.discountpercentage/100;
 							console.log("====$scope.percDiscount====",$scope.percDiscount);
 							console.log("====amount=====",amount);
 							$scope.discountAmount = amount * $scope.percDiscount;
 							console.log("finalAmount====>",$scope.discountAmount)
 						}
 						var taxAmount = $scope.ticketAmnt - $scope.discountAmount
 						console.log("$scope.taxTotal----",taxAmount)
 						$scope.payingAmnt = taxAmount;
 						console.log("====$scope.payingAmnt====",$scope.payingAmnt)
 						$scope.payingAmnt = $scope.payingAmnt.toFixed()
 						data.amount = $scope.payingAmnt;
 						console.log("data.amount==",data.amount)
 					if($scope.detail != null){
 						$http({
 						method: 'POST',
 						url: BASE_URL+'/payments',
 						data: data,
 						headers: {}
 						}).then(function mySuccess(paymentResult) {
 								$scope.loading = false;
 							console.log("paymentResult",paymentResult.data.data)
 							$("p").html(paymentResult.data.data)
 						}, function myError(error) {
 						});
 					}
 					// var i = 0;
 					// $scope.payingAmnt =  $scope.payingAmnt * 100;
 					// var options = {
 					// 	//"key": "rzp_test_YwHsVFiDIQ2WUQ",
 					// 	"key": "rzp_live_mkmCb4FkstuWaS",
 					// 	"amount": $scope.payingAmnt,
 					// 	"name": "Startup Jalsa",
 					// 	"description":"amount",
 					// 	"currency": "INR",
 					// 	"status": "done",
 					// 	"prefill": {
 					// 		"email": $scope.detail.email,
 					// 		"contact": $scope.detail.phone
 					// 	},
 					// 	"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){
 					// 	console.log("response12333333",response)
 					// 	$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;
 					// 	console.log("$scope.paymentResponse.amount=====",$scope.paymentResponse.amount)
 					// 	$http({
 					// 	   method: 'PUT',
 					// 	   url: BASE_URL+'/payments/'+$scope.paymentResult.data.id,
 					// 	   data: $scope.paymentResponse,
 					// 	   headers: {}
 					// 	   }).then(function mySuccess(searchResult) {
 					// 	   	console.log("searchResult",searchResult)
 					// 	   	$location.path("/confirmation")
 					// 	   }, function myError(error) {
 					// 	});
 					// }
 					//}
 				}, function myError(error) {
 				});
 			})
 			// })
 			//}
 		}
 	}else{
 		$scope.submit = function() {
 			$scope.loading = true;
 			$scope.data.uploadFile = $scope.base64textString;
 			console.log($scope.data.uploadFile)
 		// if($scope.tokencheck == false){
 		// 	$scope.data.referalToken = null;
 		// }
 		// if ($scope.data.name == undefined || $scope.data.email == undefined || $scope.data.number == undefined) {
 		// 	var x = document.getElementById("snackbar")
 		//     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;
-			$scope.ticketAmnt = 500;
+			$scope.ticketAmnt = 1;
 			$scope.detail = {};
 			$scope.data.phone = "+91"+$scope.data.number;
 			if($scope.data.referalToken == null){
 				$scope.data.referalToken = "NA"
 			}
 			var file =document.getElementById('filePicker').files[0];
 			//console.log("file",filePicker)
 			var image = BASE_URL+'/containers/images/download/'
 			var imagePath = file.name;
 			$scope.data.uploadFile = image + imagePath;
 			//console.log($scope.data.uploadFile)
 			var fd = new FormData()
 			fd.append('filePicker',file);
 			var deferred = $q.defer();
 			$http({
 				method:'POST',
 				url: BASE_URL+'/containers/images/upload',
 				data:fd,
 				transformRequest:angular.identity,
 				headers:{'Content-Type':undefined}
 			})
 			.success(function(result){
 				deferred.resolve(result);
 			$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)
 					var amount = $scope.ticketAmnt * 100
 					if($scope.tokencheck == true){
 						var amount = $scope.ticketAmnt
 						console.log("====$scope.discountpercentage====",$scope.discountpercentage);
 						console.log("resultcity===",$scope.data.city)
 						if($scope.discountpercentage == "100") {
 							$scope.discountpercentage = "99.8";
 							console.log("$scope.discountpercentage====",$scope.discountpercentage)
 						}
 						console.log("====$scope.discountpercentage====",$scope.discountpercentage);
 						$scope.percDiscount = $scope.discountpercentage/100;
 						console.log("====$scope.percDiscount====",$scope.percDiscount);
 						console.log("====amount=====",amount);
 						$scope.discountAmount = amount * $scope.percDiscount;
 						console.log("finalAmount====>",$scope.discountAmount)
 					}
 					var taxAmount = $scope.ticketAmnt - $scope.discountAmount
 					console.log("$scope.taxTotal----",taxAmount)
 					$scope.payingAmnt = taxAmount;
 					console.log("====$scope.payingAmnt====",$scope.payingAmnt)
 					$scope.payingAmnt = $scope.payingAmnt.toFixed()
 					data.amount = $scope.payingAmnt;
 					console.log("data.amount==",data.amount)
 				if($scope.detail != null){
 					$http({
 					method: 'POST',
 					url: BASE_URL+'/payments',
 					data: data,
 					headers: {}
 					}).then(function mySuccess(paymentResult) {
 							$scope.loading = false;
 						console.log("paymentResult",paymentResult)
 						$scope.paymentResult = paymentResult;
 						//$("p").html(paymentResult.data.data)
 					}, function myError(error) {
 					});
 				}
 				var i = 0;
 				$scope.payingAmnt =  $scope.payingAmnt * 100;
 				var options = {
-					"key": "rzp_test_YwHsVFiDIQ2WUQ",
+					//"key": "rzp_test_YwHsVFiDIQ2WUQ",
-					//"key": "rzp_live_mkmCb4FkstuWaS",
+					"key": "rzp_live_mkmCb4FkstuWaS",
 					"amount": $scope.payingAmnt,
 					"name": "Startup Jalsa",
 					"description":"amount",
 					"currency": "INR",
 					"status": "done",
 					"prefill": {
 						"email": $scope.detail.email,
 						"contact": $scope.detail.phone
 					},
 					"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){
 					console.log("response12333333",response)
 					console.log("$scope.paymentResult",$scope.paymentResult)
 					$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;
 					console.log("$scope.paymentResponse.amount=====",$scope.paymentResponse.amount)
 					$http({
 					   method: 'PUT',
 					   url: BASE_URL+'/payments/'+$scope.paymentResult.data.id,
 					   data: $scope.paymentResponse,
 					   headers: {}
 					   }).then(function mySuccess(searchResult) {
 					   	console.log("searchResult",searchResult)
 					   	$location.path("/confirm")
 					   }, function myError(error) {
 					});
 				}
 				//}
 			}, function myError(error) {
 			});
 		})
 		// })
 		//}
 		}
 	}
 });
 scotchApp.controller('confirmationController', function($scope, $http, $location, $route, BASE_URL) {
 	$scope.approvedMsg = false;
 	$scope.disApprovedMsg = false;
 	var myParam =  window.location.href.split('status=').splice(1).join('').split('&')[0]
 	console.log(myParam)
 		// if(myParam){
 			if(myParam == "approved"){
 				$scope.approvedMsg = true;
 				$scope.disApprovedMsg = false;
 			}else{
 				$scope.approvedMsg = false;
 				$scope.disApprovedMsg = true;
 			}
 		// }else{
 		// 	$scope.disApprovedMsg = true;
 		// }
 });
 scotchApp.controller('ambassadorController', function($scope, $http, $location, $route, BASE_URL) {
 		$scope.data = {};
 		$scope.check = false;
 	    $scope.numberCheck = false;
 		$scope.submit = function() {
 			console.log($scope.data.name)
 			var randomNumber = ""+Math.random();
 			var nameSpliced = $scope.data.name.slice(0,5);
 			var numberSpliced = randomNumber.slice(2,4);;
 			$scope.data.referalToken = nameSpliced+numberSpliced;
 			$scope.data.referalToken = $scope.data.referalToken.toUpperCase();
 			console.log("dsdfs",numberSpliced);
 	         $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 = '';
 	                //$scope.data.discount = '';
 	            }, function myError(error) {
 	            	console.log(error)
 	            	console.log(error.data.error.message)
 	            });
 	        }
 	});