Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit 6a702f93cef55369730ab9d6d1b1d43b9135385a

Authored by apple 2019-07-02 09:35:07 -0400

1 parent 3c4db43f36

Exists in master and in 1 other branch

country & cityname autoselected

Showing 3 changed files with 37 additions and 20 deletions Show diff stats

css/custom.css

Diff comments View file @6a702f9

 /* {
     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;
 }
 /*.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: #0161EE;
   color: #fff;
   /*display: none;*/
 }
 .submit-button:disabled{
   background-color: #ddd;
 }
 .submit-button-form, .submit-button-form:hover{
   background-color: #0161EE;
   margin-top: 2%;
   margin-bottom: 3%;
 }
 .submit-button-form:disabled{
   background-color: #ddd;
   margin-top: 2%;
   margin-bottom: 3%;
 }
 .textarea{
   min-height: 97px;
 }
 .error-message{
   font-weight: inherit;
   color: #ff0000;
   margin: 5px 4px -5px 0px;
   display: none;
 }
 /*custom input*/
 .text-input, select {
     width: 100%;
     -webkit-appearance: none;
     padding: 12px 25px;
      margin: -2px 0;
     display: inline-block;
     border: 0px solid rgba(51, 51, 51, 0);
     border-radius: -3px;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(240, 255, 235);
     -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
     -webkit-box-shadow: 0 0 5px #777;
     -o-box-shadow: 0 0 10px rgba(240, 255, 235);
     font-size: 12px;
 }
 /* progress bar css */
 @-webkit-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @-moz-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 /* Container */
 .progress-form {
   position: relative;
   display: inline-block;
   padding: 0;
   text-align: center;
 }
 /* Item */
 .progress-form>li {
   display: inline-block;
   position: relative;
   text-align: center;
   color: #93A2AC;
   font-family: Lato;
   font-weight: 100;
   margin: 2rem;
 }
 .progress-form>li:before {
   content: attr(data-name);
   position: absolute;
   width: 100%;
   bottom: -2rem;
   font-weight: 400;
 }
 .progress-form>li:after {
   content: attr(data-percent);
   position: absolute;
   width: 100%;
   top: 3.7rem;
   left: 0;
   font-size: 2rem;
   text-align: center;
 }
 .progress-form svg {
   width: 10rem;
   height: 10rem;
 }
 .progress-form svg:nth-child(2) {
   position: absolute;
   left: 0;
   top: 0;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
 }
 .progress-form svg:nth-child(2) path {
   fill: none;
   stroke-width: 25;
   stroke-dasharray: 629;
   stroke: rgba(255, 255, 255, 0.9);
   -webkit-animation: load 10s;
   -moz-animation: load 10s;
   -o-animation: load 10s;
   animation: load 10s;
 }
 /*circle of stage image*/
 .circular{
     -webkit-border-radius: 150px;
     -moz-border-radius: 150px;
     border-radius: 150px;
     box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
     border: 5px solid white;
     overflow: hidden;
     position: fixed;
     height: 100px;
     width: 100px;
     left: 80px;
     top: 20px;
 }
 /*font-size*/
 .font{
   font-size: 14px;
 }
 .f-family {
   font-family:sans-serif;
 }
 /*container-card css*/
 .container-card {
   width: auto;
   float: left;
   margin: 31px 24px 26px 14px;
 }
 /******This css for header container******/
 .h1 {
   font-size: 20px;
   margin: 11px;
 }
 .paragraph {
   font-size: 14px;
   margin: 30px 10px 20px;
   line-height: 1.5;
 }
 /*This css for stages container*/
 .full-line {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 .stages-card {
   width: auto;
   float: left;
   /*margin: -30px 8px 7px 22px;*/
 }
 /*form -css*/
 .form-all {
   margin: 13px 4px 26px -2px;
   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-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;
 }
 #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;
     }
   }
 .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: #0161EE;
 }
 .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;
 }
 .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:white;
   font-size: 16px;
 }
 .card-color-confirm{
   background-color:white;
   font-size: 16px;
   margin-top: 16%;
 }
 .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: 5%;
 }
 .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: #0161EE;
   color: #0161EE;
 }
+.btn-active {
+  background-color: #171717 !important;
+  border-color: #0161EE !important;
+  color: #0161EE !important;
+}
 .apply-act2:hover, .apply-act2:focus{
   background-color: #171717;
   border-color: #0161EE;
   color: #0161EE;
 }
 .apply-act3:hover, .apply-act3:focus{
   background-color: #171717;
   border-color: #0161EE;
   color: #0161EE;
 }
 .apply-act4:hover, .apply-act4:focus{
   background-color: #171717;
   border-color: #0161EE;
   color: #0161EE;
 }
 .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:250px;position:relative;margin-bottom: 54px;
 }
 .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;
       }
     .card-color-confirm{
       margin-top: 40%;
     }
     .city-meetup {
       opacity: 0.8;
       filter: alpha(opacity=80); /* For IE8 and earlier */
     }
     #front {
       /*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:250px;position:relative;margin-bottom: 15%;
     }
     .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:250px;position:relative;margin-bottom: 7%;
     }
 }

pages/Home.html

Diff comments View file @6a702f9

1	<!-- <div class="header" >	1	<!-- <div class="header" >
2	<div>	2	<div>
3	<img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span>	3	<img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr" style="">2018</span>
4	<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-10 col-md-offset-1 city-meetup card-color " >	10	<div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup card-color " >
11	<div class="col-xs-12">	11	<div class="col-xs-12">
12	<div class="row">	12	<div class="row">
13	<div class="col-sm-6">	13	<div class="col-sm-6">
14	<div class="happen-city">	14	<div class="happen-city">
15	<div class="happen-meetup">	15	<div class="happen-meetup">
16	<b>What will happen at the pitch session?</b>	16	<b>What will happen at the pitch session?</b>
17	</div>	17	</div>
18	<ul>	18	<ul>
19	<li>Mentoring session by an industry expert followed by a quick Q/A session.</li>	19	<li>Mentoring session by an industry expert followed by a quick Q/A session.</li>
20	<li>Prototype-based startup will be given 90 seconds while idea-based startup will be given 60 seconds to pitch their venture to the judging panel.</li>	20	<li>Prototype-based startup will be given 90 seconds while idea-based startup will be given 60 seconds to pitch their venture to the judging panel.</li>
21	<li>One-on-one interaction between the top 5 startups and the jury.</li>	21	<li>One-on-one interaction between the top 5 startups and the jury.</li>
22	</ul>	22	</ul>
23	<div class="happen-meetup">	23	<div class="happen-meetup">
24	<b>Who can attend pitch session?</b>	24	<b>Who can attend pitch session?</b>
25	</div>	25	</div>
26	<ul>	26	<ul>
27	<li>Startups of all sectors and stages can attend the pitch session.</li>	27	<li>Startups of all sectors and stages can attend the pitch session.</li>
28	</ul>	28	</ul>
29	</div>	29	</div>
30	</div>	30	</div>
31	<div class="row">	31	<div class="row">
32	<div class="col-sm-6 happen-attend">	32	<div class="col-sm-6 happen-attend">
33	<div class="width-auto">	33	<div class="width-auto">
34	<div class="happen-meetup" style="margin-top: -5px;">	34	<div class="happen-meetup" style="margin-top: -5px;">
35	<b>Is there any registration fee involved for pitch session?</b>	35	<b>Is there any registration fee involved for pitch session?</b>
36	</div>	36	</div>
37	<ul >	37	<ul >
38	<li>A startup is required to pay a registration fee of Rs.500 to attend the pitch session.</li>	38	<li>A startup is required to pay a registration fee of Rs.500 to attend the pitch session.</li>
39	</ul>	39	</ul>
40	</div><br>	40	</div><br>
41	<div class="width-auto">	41	<div class="width-auto">
42	<div class="happen-meetup" style="margin-top: -18px;">	42	<div class="happen-meetup" style="margin-top: -18px;">
43	<b > Why should a startup participate?</b>	43	<b > Why should a startup participate?</b>
44	</div>	44	</div>
45	<ul >	45	<ul >
46	<li><b>4 Startups</b> will get a guaranteed investment opportunity of <b>Rs.25 Lacs each</b> at 10% equity, subject to due diligence.</li>	46	<li><b>4 Startups</b> will get a guaranteed investment opportunity of <b>Rs.25 Lacs each</b> at 10% equity, subject to due diligence.</li>
47	<li>Two exciting startups from each city will get a travel grant to fly to Startup Jalsa, Invest Edition.</li>	47	<li>Two exciting startups from each city will get a travel grant to fly to Startup Jalsa, Invest Edition.</li>
48	</ul>	48	</ul>
49	</div>	49	</div>
50	</div>	50	</div>
51	</div><br>	51	</div><br>
52	<div class="apply-btn">	52	<div class="apply-btn">
53	<button class="btn submit-button apply-act" value="Apply" ng-click="apply()" >Proceed</button>	53	<button class="btn submit-button apply-act" value="Apply" ng-click="apply()" >Proceed</button>
54	</div>	54	</div>
55	</div>	55	</div>
56	</div>	56	</div>
57	</form>	57	</form>
58	<footer>	58	<footer>
59	<img id="footer" class="img-responsive banner">	59	<img id="footer" class="img-responsive banner">
60	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>	60	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>
61	</footer> -->	61	</footer> -->
62	<div class="col-xs-12 buttons">	62	<div class="col-xs-12 buttons">
63	<button type="button" class="btn btn-dark btn-lg apply-act1 btn1" ng-click="isShowHide('INDIA')" value="INDIA" id="defaultcountry">INDIA</button>	63	<button type="button" class="btn btn-dark btn-lg apply-act1 btn1" ng-click="isShowHide('INDIA')" value="INDIA" id="defaultcountry">INDIA</button>
64	<button type="button" class="btn btn-dark btn-lg apply-act2 btn2" ng-click="isShowHide('SRI LANKA')" value="SRI LANKA">SRI LANKA</button>	64	<button type="button" class="btn btn-dark btn-lg apply-act2 btn2" ng-click="isShowHide('SRI LANKA')" value="SRI LANKA">SRI LANKA</button>
65	<button type="button" class="btn btn-dark btn-lg apply-act3 btn3" ng-click="isShowHide('BANGLADESH')" value="BANGLADESH">BANGLADESH</button>	65	<button type="button" class="btn btn-dark btn-lg apply-act3 btn3" ng-click="isShowHide('BANGLADESH')" value="BANGLADESH">BANGLADESH</button>
66	<button type="button" class="btn btn-dark btn-lg apply-act4 btn4" ng-click="isShowHide('NEPAL')" value="NEPAL">NEPAL</button>	66	<button type="button" class="btn btn-dark btn-lg apply-act4 btn4" ng-click="isShowHide('NEPAL')" value="NEPAL">NEPAL</button>
67	</div>	67	</div>
68	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showval">	68	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showval">
69	<div class="stage-shadow" id="front">	69	<div class="stage-shadow" id="front">
70	<div class="stages card-align">	70	<div class="stages card-align">
71	<div class="row">	71	<div class="row">
72	<!-- <div class="col-md-4 col-sm-8" style="margin-top: 5%;">	72	<!-- <div class="col-md-4 col-sm-8" style="margin-top: 5%;">
73	<div class="card" style="width:100%;border-radius: 6px;">	73	<div class="card" style="width:100%;border-radius: 6px;">
74	<label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">	74	<label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
75	<img class="card-img-top" src="images/Ahmedabad.png" style="width:100%" ng-click="watch('Chennai')">	75	<img class="card-img-top" src="images/Ahmedabad.png" style="width:100%" ng-click="watch('Chennai')">
76	</label>	76	</label>
77	</div>	77	</div>
78	<div class="txt">Ahmedabad</div>	78	<div class="txt">Ahmedabad</div>
79	</div> -->	79	</div> -->
80	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	80	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
81	<div class="card1">	81	<div class="card1">
82	<img class="card-img-top" src="images/ahmedabad.png">	82	<img class="card-img-top" id="ahmedabad" src="images/ahmedabad.png">
83	<img class="img-top" src="images/Ahmedabad_1.png" ng-click="watch('Ahmedabad')" ng-selected="selected">	83	<img class="img-top" src="images/Ahmedabad_1.png" ng-click="watch('Ahmedabad')">
84	</div>	84	</div>
85	<div class="txt">Ahmedabad</div>	85	<div class="txt">Ahmedabad</div>
86	<div class="txt1">IIM Ahmedabad, Ahmedabad Wednesday; September 11th, 2019</div>	86	<div class="txt1">IIM Ahmedabad \| September 11th, 2019</div>
87	</div>	87	</div>
88	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	88	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
89	<div class="card1">	89	<div class="card1">
90	<img class="card-img-top" src="images/Bengaluru.png">	90	<img class="card-img-top" src="images/Bengaluru.png">
91	<img class="img-top" src="images/bengaluru_1.png" ng-click="watch('Bengaluru')">	91	<img class="img-top" src="images/bengaluru_1.png" ng-click="watch('Bengaluru')">
92	</div>	92	</div>
93	<div class="txt">Bengaluru</div>	93	<div class="txt">Bengaluru</div>
94	<div class="txt1">IIM Bengaluru, Bengaluru Saturday; September 7th, 2019</div>	94	<div class="txt1">IIM Bengaluru \| September 7th, 2019</div>
95	</div>	95	</div>
96	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	96	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
97	<div class="card1">	97	<div class="card1">
98	<img class="card-img-top" src="images/chennai.png">	98	<img class="card-img-top" src="images/chennai.png">
99	<img class="img-top" src="images/chennai_1.png" ng-click="watch('Chennai')">	99	<img class="img-top" src="images/chennai_1.png" ng-click="watch('Chennai')">
100	</div>	100	</div>
101	<div class="txt">Chennai</div>	101	<div class="txt">Chennai</div>
102	<div class="txt1">IIT-Madras, Chennai Tuesday; October 1st, 2019</div>	102	<div class="txt1">IIT-Madras \| October 1st, 2019</div>
103	</div>	103	</div>
104	</div>	104	</div>
105	</div>	105	</div>
106	</div>	106	</div>
107	<div class="clearfix"></div>	107	<div class="clearfix"></div>
108	<div class="stages card-align">	108	<div class="stages card-align">
109	<div class="row">	109	<div class="row">
110	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	110	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
111	<div class="card1">	111	<div class="card1">
112	<img class="card-img-top" src="images/delhi.png">	112	<img class="card-img-top" src="images/delhi.png">
113	<img class="img-top" src="images/delhi_1.png" ng-click="watch('Delhi')">	113	<img class="img-top" src="images/delhi_1.png" ng-click="watch('Delhi')">
114	</div>	114	</div>
115	<div class="txt">Delhi</div>	115	<div class="txt">Delhi</div>
116	<div class="txt1">IIT Delhi, Delhi Wednesday; October 16th, 2019</div>	116	<div class="txt1">IIT Delhi \| October 16th, 2019</div>
117	</div>	117	</div>
118	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	118	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
119	<div class="card1">	119	<div class="card1">
120	<img class="card-img-top" src="images/Hyderabad.png">	120	<img class="card-img-top" src="images/Hyderabad.png">
121	<img class="img-top " src="images/hyderabad_1.png" ng-click="watch('Hyderabad')">	121	<img class="img-top " src="images/hyderabad_1.png" ng-click="watch('Hyderabad')">
122	</div>	122	</div>
123	<div class="txt">hyderabad</div>	123	<div class="txt">hyderabad</div>
124	<div class="txt1">IIT Hyderabad, Hyderabad Saturday; September 14th, 2019</div>	124	<div class="txt1">IIT Hyderabad \| September 14th, 2019</div>
125	</div>	125	</div>
126	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	126	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
127	<div class="card1">	127	<div class="card1">
128	<img class="card-img-top" src="images/jaipur.png">	128	<img class="card-img-top" src="images/jaipur.png">
129	<img class="img-top" src="images/jaipur_1.png" ng-click="watch('Jaipur')">	129	<img class="img-top" src="images/jaipur_1.png" ng-click="watch('Jaipur')">
130	</div>	130	</div>
131	<div class="txt">Jaipur</div>	131	<div class="txt">Jaipur</div>
132	<div class="txt1">Startup Oasis, Jaipur Wednesday; September 24th, 2019</div>	132	<div class="txt1">Startup Oasis \| September 24th, 2019</div>
133	</div>	133	</div>
134	</div>	134	</div>
135	</div>	135	</div>
136	<div class="clearfix"></div>	136	<div class="clearfix"></div>
137	<div class="stages card-align">	137	<div class="stages card-align">
138	<div class="row">	138	<div class="row">
139	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	139	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
140	<div class="card1">	140	<div class="card1">
141	<img class="card-img-top" src="images/kanpur.png">	141	<img class="card-img-top" src="images/kanpur.png">
142	<img class="img-top" src="images/kanpur_1.png" ng-click="watch('Kanpur')">	142	<img class="img-top" src="images/kanpur_1.png" ng-click="watch('Kanpur')">
143	</div>	143	</div>
144	<div class="txt">Kanpur</div>	144	<div class="txt">Kanpur</div>
145	<div class="txt1">IIT Kanpur, Kanpur Saturday; September 28th, 2019</div>	145	<div class="txt1">IIT Kanpur \| September 28th, 2019</div>
146	</div>	146	</div>
147	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	147	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
148	<div class="card1">	148	<div class="card1">
149	<img class="card-img-top" src="images/kolkata.png">	149	<img class="card-img-top" src="images/kolkata.png">
150	<img class="img-top" src="images/kolkata_1.png" ng-click="watch('Kolkata')">	150	<img class="img-top" src="images/kolkata_1.png" ng-click="watch('Kolkata')">
151	</div>	151	</div>
152	<div class="txt">Kolkata</div>	152	<div class="txt">Kolkata</div>
153	<div class="txt1">IIM Calcutta, Kolkata Tuesday; September 17th, 2019</div>	153	<div class="txt1">IIM Calcutta \| September 17th, 2019</div>
154	</div>	154	</div>
155	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	155	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
156	<div class="card1">	156	<div class="card1">
157	<img class="card-img-top" src="images/mumbai.png">	157	<img class="card-img-top" src="images/mumbai.png">
158	<img class="img-top" src="images/mumbai_1.png" ng-click="watch('Mumbai')">	158	<img class="img-top" src="images/mumbai_1.png" ng-click="watch('Mumbai')">
159	</div>	159	</div>
160	<div class="txt">Mumbai</div>	160	<div class="txt">Mumbai</div>
161	<div class="txt1">IIT Bombay, Mumbai Wednesday; September 4th, 2019</div>	161	<div class="txt1">IIT Bombay \| September 4th, 2019</div>
162	</div>	162	</div>
163	</div>	163	</div>
164	</div>	164	</div>
165	</div>	165	</div>
166	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hideval">	166	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hideval">
167	<div class="stage-shadow" id="front">	167	<div class="stage-shadow" id="front">
168	<div class="stages card-align">	168	<div class="stages card-align">
169	<div class="row">	169	<div class="row">
170	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	170	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
171	<div class="card1">	171	<div class="card1">
172	<img class="card-img-top" src="images/Colombo.png">	172	<img class="card-img-top" src="images/Colombo.png">
173	<img class="img-top" src="images/colombo_1.png" ng-click="watch('Colombo')">	173	<img class="img-top" src="images/colombo_1.png" ng-click="watch('Colombo')">
174	</div>	174	</div>
175	<div class="txt">Colombo</div>	175	<div class="txt">Colombo</div>
176	<div class="txt1">Colombo, Sri Lanka Saturday; October 5th, 2019</div>	176	<div class="txt1">Colombo, Sri Lanka \| October 5th, 2019</div>
177	</div>	177	</div>
178	</div>	178	</div>
179	</div>	179	</div>
180	</div>	180	</div>
181	</div>	181	</div>
182	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showvalue">	182	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="showvalue">
183	<div class="stage-shadow" id="front">	183	<div class="stage-shadow" id="front">
184	<div class="stages card-align">	184	<div class="stages card-align">
185	<div class="row">	185	<div class="row">
186	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	186	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
187	<div class="card1">	187	<div class="card1">
188	<img class="card-img-top" src="images/Dhaka.png">	188	<img class="card-img-top" src="images/Dhaka.png">
189	<img class="img-top" src="images/dhaka_1.png" ng-click="watch('Dhaka')">	189	<img class="img-top" src="images/dhaka_1.png" ng-click="watch('Dhaka')">
190	</div>	190	</div>
191	<div class="txt">Dhaka</div>	191	<div class="txt">Dhaka</div>
192	<div class="txt1">Dhaka, Bangladesh Saturday; September 21st, 2019</div>	192	<div class="txt1">Dhaka, Bangladesh \| September 21st, 2019</div>
193	</div>	193	</div>
194	</div>	194	</div>
195	</div>	195	</div>
196	</div>	196	</div>
197	</div>	197	</div>
198	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hidevalue">	198	<div class="col-xs-12 col-md-8 col-md-offset-2" ng-show="hidevalue">
199	<div class="stage-shadow" id="front">	199	<div class="stage-shadow" id="front">
200	<div class="stages card-align">	200	<div class="stages card-align">
201	<div class="row">	201	<div class="row">
202	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">	202	<div class="col-md-4 col-sm-8 color" style="margin-top: 5%;">
203	<div class="card1">	203	<div class="card1">
204	<img class="card-img-top" src="images/Kathmandu.png">	204	<img class="card-img-top" src="images/Kathmandu.png">
205	<img class="img-top" src="images/kathmandu_1.png" ng-click="watch('Kathmandu')">	205	<img class="img-top" src="images/kathmandu_1.png" ng-click="watch('Kathmandu')">
206	</div>	206	</div>
207	<div class="txt">Kathmandu</div>	207	<div class="txt">Kathmandu</div>
208	<div class="txt1">Kathmandu, Nepal Saturday; October 12th, 2019</div>	208	<div class="txt1">Kathmandu, Nepal \| October 12th, 2019</div>
209	</div>	209	</div>
210	</div>	210	</div>
211	</div>	211	</div>
212	</div>	212	</div>
213	</div>	213	</div>
214	<span ng-show="span == true">	214	<span ng-show="span == true">
215	<span id="chennai"></span>	215	<span id="chennai"></span>
216	<span id="mumbai"></span>	216	<span id="mumbai"></span>
217	<span id="hyderabad"></span>	217	<span id="hyderabad"></span>
218	<span id="kolkata"></span>	218	<span id="kolkata"></span>
219	<span id="delhi"></span>	219	<span id="delhi"></span>
220	<span id="ahmedabad"></span>	220	<span id="ahmedabad"></span>
221	<span id="bengaluru"></span>	221	<span id="bengaluru"></span>
222	<span id="jaipur"></span>	222	<span id="jaipur"></span>
223	<span id="kanpur"></span>	223	<span id="kanpur"></span>
224	<span id="dharamsala"></span>	224	<span id="dharamsala"></span>
225	</span>	225	</span>
226		226
227		227
228		228

script.js

Diff comments View file @6a702f9

 	// 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({
+        // $locationProvider.html5Mode({
-        	enabled: true,
+        // 	enabled: true,
-        	requireBase: false
+        // 	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: 'registrationController'
 	        })
 	        .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")
 	// 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(){
 			var element = document.getElementById("defaultcountry");
-			   element.classList.add("active");
+			   element.classList.add("btn-active");
-			   console.log("element",element)
+			   document.getElementById("ahmedabad").src = "images/Ahmedabad_1.png";
+			   console.log("======aaaaa===",document.getElementsByClassName("ahmedabad"));
 		}
 		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)
 			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(){
 	    	// 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($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.data.quantity = "1";
 	    $scope.check = false;
 	    $scope.numberCheck = false;
 	    $scope.paymentResult = {};
 	    var data = {
 	        "amount": $scope.payingAmnt,
 	        "currency": "INR",
 	        "status": "pending"
 	    }
 	    $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");
 			// console.log("HERE===",$scope.data.city );
 		// });
 		$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)
 				});
 	        }
 	    };
 		$scope.submit = function() {
 		$scope.ticketAmnt = 500;
 		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.detail = {};
 			$scope.data.phone = "+91"+$scope.data.number;
 			if($scope.data.referalToken == null){
             	$scope.data.referalToken = "N.A."
             }
 			$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.paymentResult = paymentResult;
 					   }, 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) {
 	        });
 		}
 	}
 });
 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)
 	            });
 	        }
 	});