Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit 3831d8904af36af17949ff1f9f9327a15db381a1

Authored by Palak Handa 2018-09-06 06:09:32 -0400

1 parent b5d3d071a7

Exists in master and in 1 other branch

content changes and add crisp

Showing 5 changed files with 39 additions and 35 deletions Show diff stats

css/custom.css

Diff comments View file @3831d89

 {
     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: rgb(92, 198, 208);
   color: #fff;
   /*display: none;*/
 }
 .submit-button:disabled{
   background-color: #ddd;
 }
 .submit-button-form, .submit-button-form:hover{
   background-color: rgb(92, 198, 208);
   color: #fff;
 }
 .submit-button-form:disabled{
   background-color: #ddd;
 }
 .textarea{
   min-height: 97px;
 }
 .error-message{
   font-weight: inherit;
   color: #ff0000;
   margin: 5px 4px -5px 0px;
   display: none;
 }
 /*custom input*/
 .text-input, select {
     width: 100%;
     -webkit-appearance: none;
     padding: 12px 25px;
      margin: -2px 0;
     display: inline-block;
     border: 0px solid rgba(51, 51, 51, 0);
     border-radius: -3px;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(240, 255, 235);
     -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
     -webkit-box-shadow: 0 0 5px #777;
     -o-box-shadow: 0 0 10px rgba(240, 255, 235);
     font-size: 12px;
 }
 /* progress bar css */
 @-webkit-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @-moz-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 /* Container */
 .progress-form {
   position: relative;
   display: inline-block;
   padding: 0;
   text-align: center;
 }
 /* Item */
 .progress-form>li {
   display: inline-block;
   position: relative;
   text-align: center;
   color: #93A2AC;
   font-family: Lato;
   font-weight: 100;
   margin: 2rem;
 }
 .progress-form>li:before {
   content: attr(data-name);
   position: absolute;
   width: 100%;
   bottom: -2rem;
   font-weight: 400;
 }
 .progress-form>li:after {
   content: attr(data-percent);
   position: absolute;
   width: 100%;
   top: 3.7rem;
   left: 0;
   font-size: 2rem;
   text-align: center;
 }
 .progress-form svg {
   width: 10rem;
   height: 10rem;
 }
 .progress-form svg:nth-child(2) {
   position: absolute;
   left: 0;
   top: 0;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
 }
 .progress-form svg:nth-child(2) path {
   fill: none;
   stroke-width: 25;
   stroke-dasharray: 629;
   stroke: rgba(255, 255, 255, 0.9);
   -webkit-animation: load 10s;
   -moz-animation: load 10s;
   -o-animation: load 10s;
   animation: load 10s;
 }
 /*circle of stage image*/
 .circular{
     -webkit-border-radius: 150px;
     -moz-border-radius: 150px;
     border-radius: 150px;
     box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
     border: 5px solid white;
     overflow: hidden;
     position: fixed;
     height: 100px;
     width: 100px;
     left: 80px;
     top: 20px;
 }
 /*font-size*/
 .font{
   font-size: 14px;
 }
 .f-family {
   font-family:sans-serif;
 }
 /*container-card css*/
 .container-card {
   width: auto;
   float: left;
   margin: 31px 24px 26px 14px;
 }
 /******This css for header container******/
 .h1 {
   font-size: 20px;
   margin: 11px;
 }
 .paragraph {
   font-size: 14px;
   margin: 30px 10px 20px;
   line-height: 1.5;
 }
 /*This css for stages container*/
 .full-line {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 .stages-card {
   width: auto;
   float: left;
   /*margin: -30px 8px 7px 22px;*/
 }
 /*form -css*/
 .form-all {
   margin: 13px 4px 26px -2px;
   /*display: none;*/
 }
 .step-two-form{
   display: block;
 }
 /*This is for stages images*/
 .stage-img {
   width: 115px;
 }
 .stage-thumbnail {
   float: left;
   margin-bottom: 0;
 }
 .stage-shadow {
   /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
   /*margin: 3px 22px 14px 14px;*/
   background-color: #ffffff;
 }
 .line-size {
 }
 .card-paragraph {
   background-color: rgba(66, 181, 73, 0.61);
   color: #fff;
 }
 /* identity card css*/
 .identity-shadow {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .identity-question {
   border-bottom: 2px solid #dedede;
   padding: 0px 10px;
 }
 .identity-align {
   margin: 8px -12px 19px 13px;
 }
 /********This css for sectors**************/
 .sectors-card {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 27px 22px 14px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .sector-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 .sector-question {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 /*To make the Stages in the center*/
 .card-align {
   /*margin: 56px -267px 11px -37px;*/
 }
 /*To make the sectors in the center */
 /*************sidebar content margin***********/
 .sidebar-align {
   margin: -5px -3px -18px 9px;
 }
 .heading {
   margin: 15px 10px 15px 16px;
 }
 .quiz {
   margin: 5px 5px 6px 19px;
   font-size: 12px;
 }
 #footer {
     /*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;
 }
 .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%;;
     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;
 }*/
 .active, .btn:hover, .btn:onclick {
   background-color: grey;
   border: grey;
   color: white;
 }
 .apply-act:hover, .apply-act:focus{
   background-color: grey;
   border: grey;
   color: white;
 }
 .apply-btn{
   text-align: center;
   margin-bottom: 2%;
 }
 .cursor:hover{
   cursor: context-menu;
 }
 .bg_dots{
   position: absolute;
   left:0;
   right:0;
   top:0;
   height: 700px;
   position:fixed;
   background-position: top center;
   background-image: url(/images/mock_up_background.jpg);
   background-repeat: no-repeat;
   background-size: 100% auto;
   -webkit-background-size:100% auto;
 }
 .stage-shadow{
   background:transparent;
 }
   @media (max-width:767px){
     h1{
       font-size:2.8rem;
     }
     .happen-city{
         margin-left: -13px;
       }
     .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;
     }
 }
   @media screen and (max-device-width: 991px) and (orientation: landscape){
     .rotate-card{
       width: 100%;
     }
 }

index.html

Diff comments View file @3831d89

 <!DOCTYPE html>
 <!-- define angular app -->
 <html ng-app="scotchApp">
 <head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Startup Jalsa</title>
   <link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
   <!-- SCROLLS -->
   <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"/>
   <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css"/>
   <link href="https://fonts.googleapis.com/css?family=BenchNine" rel="stylesheet">
   <!-- SPELLS -->
   <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
   <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular.min.js"></script>
   <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-route.js"></script>
   <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
   <link rel="stylesheet" type="text/css" href="css/custom.css">
   <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
   <link rel="stylesheet" href="css/circle.css">
   <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
   <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
   <script src="script.js"></script>
   <script src="js/angular-svg-round-progressbar.js"></script>
   <script src="js/angular.js"></script>
   <script src="js/bootstrap.js"></script>
   <script src="dist/angular-google-analytics.js"></script>
   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
 })(window,document,'script','dataLayer','GTM-KCXPCKF');</script>
   <!-- <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
     })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
     ga('create', 'UA-106416759-1', 'auto');
     ga('send', 'pageview');
   </script> -->
 </head>
 <!-- define angular controller -->
 <body ng-controller="mainController" id="front">
   <!-- Google Tag Manager (noscript) -->
   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KCXPCKF"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
   <!-- End Google Tag Manager (noscript) -->
   <div class="bg_dots"></div>
   <div id="main">
     <div ng-view id="front"></div>
   </div>
 </body>
+<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="7899c0bb-0bd6-4768-b64c-f2df38bc2e9a";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
 </html>

pages/Home.html

Diff comments View file @3831d89

 <div class="header" >
    <div>
-      <h1 class="startup-jalsa">STARTUP JALSA 2018</h1>
+      <img src="images/SartupJalsa_Logo.png" style="width:200px;position:relative;">
-      <h4 style="position: relative;color: rgb(25, 104, 157);margin-top: -25px;">#PitchYourPower</h4>
+      <!-- <h1 class="startup-jalsa">STARTUP JALSA 2018</h1> -->
+      <h4 style="position: relative;color: rgb(25, 104, 157);">#PitchYourPower</h4>
    </div>
 <div class="clearfix"></div>
 </div>
 <!-- CLOSE HEADER -->
 <form name="homeForm">
    <div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup card-color " >
       <div class="col-xs-12">
          <div class="row">
             <div class="col-sm-6">
                <div class="happen-city">
                <div class="happen-meetup">
                   <b>What will happen at the city meetup?</b>
                </div>
                   <ul>
                       <li>Mentoring session by an industry expert followed by a quick Q/A session.</li>
                      <li>Startups will be given 60 seconds to pitch their venture to the judging panel.</li>
                      <li>One-on-one interaction between the top 5 startups and the jury.</li>
                   </ul>
                   <div class="happen-meetup">
                   <b>Who can attend the meetup?</b>
                </div>
                   <ul>
                       <li>Startups of all sectors and stages can attend the city meetup.</li>
                   </ul>
                </div>
             </div>
             <div class="row">
                <div class="col-sm-6 happen-attend">
                   <div class="width-auto">
                     <div class="happen-meetup" style="margin-top: -5px;">
                         <b>Is there any registration fee involved for the meetup?</b>
                      </div>
                       <ul >
                          <li>A startup is required to pay a registration fee of Rs.500 to attend the city meetup.</li>
                       </ul>
                   </div><br>
                   <div class="width-auto">
                     <div class="happen-meetup" style="margin-top: -18px;">
                         <b > Why should a startup participate?</b>
                      </div>
                       <ul >
                          <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>
                          <li>Two exciting startups from each city will get a travel grant to fly to Startup Jalsa, Invest Edition.</li>
                       </ul>
                   </div>
                   <!-- <div class="width-auto">
                     <div class="happen-meetup" style="margin-top: -18px;">
                         <b class="phone-meetup">Who can attend the meetup?</b>
                      </div>
                       <ul class="phone-meetup">
                          <li>A MVP (Minimum Viable Product) is all you need to participate. If you have revenue, even better.</li>
                       </ul>
                   </div>
                </div> -->
             </div>
          </div><br>
          <div class="apply-btn">
             <!-- <input type="button" class="btn submit-button " value="Apply" ng-click="apply()"> -->
             <button class="btn submit-button apply-act" value="Apply" ng-click="apply()" >Apply</button>
          </div>
       </div>
    </div>
 </form>
 <footer>
   <img id="footer" class="img-responsive banner">
   <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>
 </footer>

pages/caricatures.html

Diff comments View file @3831d89

 <div class="col-xs-12 col-md-10 col-md-offset-1">
       <div class="stage-shadow" id="front">
         <div class="stages card-align">
             <div class="row">
                <!-- <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                         <img class="card-img-top" src="images/bangeluru.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <label class="card-title">Bangalore</label><br>
                               <label class="card-sub-title">Saturday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
                               <span style="position: relative;top: -3px;font-size: 17px;">IIM-Bangalore</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title">Sept 29, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
                          <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Bangalore')" >Apply</button>
                       </div>
                   </div>
                </div> -->
                <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                         <img class="card-img-top" src="images/chennai.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <label class="card-title">Chennai</label><br>
                               <label class="card-sub-title">Thursday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
                               <span style="position: relative;top: -3px;font-size: 17px;">IIT-Madras</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title">Sept 20, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
                          <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Chennai')" >Apply</button>
                       </div>
                   </div>
                </div>
                <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                         <img class="card-img-top" src="images/hydrabad.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <label class="card-title">Hyderabad</label><br>
                               <label class="card-sub-title">Saturday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
                               <span style="position: relative;top: -3px;font-size: 17px;">IIT-Hyderabad</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title">Sept 22, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
                          <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Hyderabad')" >Apply</button>
                       </div>
                   </div>
                </div>
                <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                         <img class="card-img-top" src="images/mumbai.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <label class="card-title">Mumbai</label><br>
                               <label class="card-sub-title">Wednesday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
                               <span style="position: relative;top: -3px;font-size: 17px;">IIT-Bombay</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title">Sept 26, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
                          <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Mumbai')" >Apply</button>
                       </div>
                   </div>
                </div>
                <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
-                        <img class="card-img-top" src="images/bangeluru.png" style="width:100%">
+                        <img class="card-img-top" src="images/kolkata.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
-                              <label class="card-title">Bangalore</label><br>
+                              <label class="card-title">Kolkata</label><br>
-                              <label class="card-sub-title">Saturday</label>
+                              <label class="card-sub-title">Wednesday</label>
                            </div>
-                           <!-- <div class="pull-right">
+                           <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
-                              <span style="position: relative;top: -3px;font-size: 17px;">bangalore</span>
+                              <span style="position: relative;top: -3px;font-size: 17px;">IIM-Calcutta</span>
                               </label>
-                           </div> -->
+                           </div>
                            <div class="clearfix"></div>
-                           <label class="card-sub-title">Sept 29, 2018</label>
+                           <label class="card-sub-title">Oct 3, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
-                         <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Bangalore')" >Apply</button>
+                         <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Kolkata')" >Apply</button>
                       </div>
                   </div>
                </div>
             </div>
          </div>
          <div class="clearfix"></div>
          <div class="stages card-align">
             <div class="row">
                <!-- <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                         <img class="card-img-top" src="images/guwahati.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <label class="card-title">Guwahati</label><br>
                               <label class="card-sub-title">Saturday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
                               <span style="position: relative;top: -3px;font-size: 17px;">IIT-Guwahati</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title">Sept 29, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
                          <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Guwahati')" >Apply</button>
                       </div>
                   </div>
                </div> -->
-               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
+               <!-- <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                         <img class="card-img-top" src="images/kolkata.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <label class="card-title">Kolkata</label><br>
                               <label class="card-sub-title">Wednesday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
                               <span style="position: relative;top: -3px;font-size: 17px;">IIM-Calcutta</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title">Oct 3, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
                          <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Kolkata')" >Apply</button>
                       </div>
                   </div>
-               </div>
+               </div> -->
                <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                         <img class="card-img-top" src="images/jaipur.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <label class="card-title">Jaipur</label><br>
                               <label class="card-sub-title">Friday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
                               <span style="position: relative;top: -3px;font-size: 17px;">Startup Oasis</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title">Oct 5, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
                          <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Jaipur')" >Apply</button>
                       </div>
                   </div>
                </div>
                <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                         <img class="card-img-top" src="images/delhi.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <label class="card-title">Delhi</label><br>
                               <label class="card-sub-title">Monday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
                               <span style="position: relative;top: -3px;font-size: 17px;">IIT-Delhi</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title">Oct 8, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
                          <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Delhi')" >Apply</button>
                       </div>
                   </div>
                </div>
                <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                         <img class="card-img-top" src="images/kanpur.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <label class="card-title">Kanpur</label><br>
                               <label class="card-sub-title">Wednesday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
                               <span style="position: relative;top: -3px;font-size: 17px;">IIT-Kanpur</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title">Oct 10, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
                          <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Kanpur')" >Apply</button>
                       </div>
                   </div>
                </div>
-            </div>
+               <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
-         </div>
-         <div class="clearfix"></div>
-         <div class="stages card-align">
-            <div class="row">
-               <!-- <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
-                        <img class="card-img-top" src="images/kanpur.png" style="width:100%">
+                        <img class="card-img-top" src="images/ahmedabad.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
-                              <label class="card-title">Kanpur</label><br>
+                              <label class="card-title">Ahmedabad</label><br>
-                              <label class="card-sub-title">Wednesday</label>
+                              <label class="card-sub-title">Friday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
-                              <span style="position: relative;top: -3px;font-size: 17px;">IIT-Kanpur</span>
+                              <span style="position: relative;top: -3px;font-size: 17px;">IIM-Ahmedabad</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
-                           <label class="card-sub-title">Oct 10, 2018</label>
+                           <label class="card-sub-title">Oct 12, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
-                         <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Kanpur')" >Apply</button>
+                         <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Ahmedabad')" >Apply</button>
                       </div>
                   </div>
-               </div> -->
+               </div>
+            </div>
+         </div>
+         <div class="clearfix"></div>
+         <div class="stages card-align">
+            <div class="row">
                <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
-                        <img class="card-img-top" src="images/ahmedabad.png" style="width:100%">
+                        <img class="card-img-top" src="images/bangeluru.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
-                              <label class="card-title">Ahmedabad</label><br>
+                              <label class="card-title">Bangalore</label><br>
-                              <label class="card-sub-title">Friday</label>
+                              <label class="card-sub-title">Saturday</label>
                            </div>
-                           <div class="pull-right">
+                           <!-- <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
-                              <span style="position: relative;top: -3px;font-size: 17px;">IIM-Ahmedabad</span>
+                              <span style="position: relative;top: -3px;font-size: 17px;">bangalore</span>
                               </label>
-                           </div>
+                           </div> -->
                            <div class="clearfix"></div>
-                           <label class="card-sub-title">Oct 12, 2018</label>
+                           <label class="card-sub-title">Oct 13, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
-                         <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Ahmedabad')" >Apply</button>
+                         <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('Bangalore')" >Apply</button>
                       </div>
                   </div>
                </div>
                <!-- <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                         <img class="card-img-top" src="images/indore.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Indore</h4>
                               <label class="card-sub-title">Monday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
                               <span style="position: relative;top: -3px;">IIM-Indore</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title">Oct 15, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
                          <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
                       </div>
                   </div>
                </div>
                <div class="col-md-3 col-sm-6" style="margin-top: 2%;">
                   <div class="card" style="width:100%;border-radius: 6px;">
                      <label style="padding: 0;" class="thumbnail radius-border stage-thumbnail cursor rotate-card">
                         <img class="card-img-top" src="images/roorkee.png" style="width:100%">
                         <div class="card-block">
                            <div class="pull-left">
                               <h4 class="card-title">Roorkee</h4>
                               <label class="card-sub-title">Wednesday</label>
                            </div>
                            <div class="pull-right">
                               <label class="card-sub-title"><i class="material-icons">location_on</i>
                               <span style="position: relative;top: -3px;">IIT-Roorkee</span>
                               </label>
                            </div>
                            <div class="clearfix"></div>
                            <label class="card-sub-title">Oct 17, 2018</label>
                         </div>
                      </label>
                      <div class="clearfix"></div>
                       <div class="card-text2">
                          <button class="btn btn-info apply-act" style="margin-bottom: 4%;float: right;padding: 3px 10px 3px 10px;margin-right: 7%;border-radius: 12px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
                       </div>
                   </div>
                </div> -->
             </div>
          </div>
       <div class="clearfix"></div>
    </div>
 </div>
 <div class="clearfix"></div>
 <footer style="margin-top: 5%;">
    <img id="footer" class="img-responsive banner">

pages/registration.html

Diff comments View file @3831d89

 <div class="header">
   <div>
     <h1 class="startup-jalsa">STARTUP JALSA 2018</h1>
+    <!-- <img src="images/SartupJalsa_Logo.png" style="width:200px;position:relative;"> -->
   </div>
 <div class="clearfix"></div>
 </div>
 <!-- CLOSE HEADER -->
 <form name="applicantForm">
    <div class="col-xs-12 col-md-8 col-md-offset-2">
       <div class="form-all">
          <!-- <table style="width: 100%;">
             <tr>
                <td>
                   <div class="step-one-form" > -->
                      <!-- form step 1 -->
                      <div class="col-xs-12 col-md-6 input-wrapper" >
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-c">
                            <i class="material-icons" style="line-height: 31px;">person</i>
                         </div>
                         <input type="text" class="text-input" required  ng-model="data.name" placeholder="Name *" id="myBtn" name="name" ng-change="entername(data.name); firstNamekeyPress(data.name)">
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper" >
                         <div id="snackbar">Error ! Please fill in all fields.</div>
                         <div class="icon-circle-d">
                            <i class="material-icons" style="line-height: 30px;">email</i>
                         </div>
                         <input type="email" name="email" ng-pattern="/^[^\s@]+@[^\s@]+\.[^\s@]+$/" class="text-input" required class="" ng-model="data.email" placeholder="Email Address *" ng-change="enteremail(data.email); emailkeyPress(data.email)">
                         <!-- <label class="error-message f-family" id="invalidEmail">Please enter a valid email address.</label>
                         <label ng-if="check">Email already exist.</label> -->
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper" >
                         <div class="icon-circle-e">
                            <i class="material-icons" style="line-height: 30px;">phone</i>
                         </div>
                         <input type="text" ng-pattern="/^\d*(?:\.\d{1,2})?$/" title="Please enter only numberic numbers" maxlength="10" required class="text-input" ng-model="data.number" placeholder="Mobile No.*" ng-change="enternumber(data.number); phonekeyPress(data.number)">
                         <!-- <label class="error-message f-family" id="invalidNumber">Please enter only numeric value in mobile number field.</label> -->
-                        <label  ng-if="numberCheck">Contact Number already exist.</label>
+                        <label ng-if="numberCheck">Contact Number already exist.</label>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-f">
                            <i class="material-icons" style="line-height: 30px;">location_city</i>
                         </div>
                         <select ng-model="data.city" ng-change="selectcity(data.city); citykeyPress(data.city)"  style="background-color: #fff; border-radius: 0; font-size: 12px; height: 44px;" required>
                            <option name="city" selected disabled value="">{{data.city}}</option>
                            <option value="Ahmedabad">Ahmedabad</option>
                            <option value="Bangalore">Bangalore</option>
                            <option value="Chennai">Chennai</option>
                            <option value="Delhi">Delhi</option>
                            <option value="Hyderabad">Hyderabad</option>
                            <option value="Jaipur">Jaipur</option>
                            <option value="Kanpur">Kanpur</option>
                            <option value="Kolkata">Kolkata</option>
                            <option value="Mumbai">Mumbai</option>
                         </select>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-i">
                            <i class="material-icons" style="line-height: 30px;">perm_identity</i>
                         </div>
                         <input type="text"  class="text-input" ng-model="data.companyName" placeholder="Company Name *" ng-change="enternumber(data.companyName); companykeyPress(data.companyName)" required>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-n">
                            <i class="material-icons" style="line-height: 30px;">web</i>
                         </div>
                         <input name="website"  class="text-input" ng-model="data.website" placeholder="Website link" ng-change="enterwebsite(data.website); revenuekeyPress(data.website)"></input>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-y">
                            <i class="material-icons" style="line-height: 30px;">assignment</i>
                         </div>
                         <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>
                            <option name="stage" selected disabled value="">Choose Startup Stage *</option>
                            <option value="Proof of Concept">Proof of Concept</option>
                            <option value="Beta Launched">Beta Launched</option>
                            <option value="Early Revenues">Early Revenues</option>
                            <option value="Steady Revenues">Steady Revenues</option>
                            <option value="Other">Other</option>
                         </select>
                      </div>
                      <div class="col-xs-12 col-md-6 input-wrapper">
                         <div class="icon-circle-q">
                            <i class="material-icons" style="line-height: 30px;">business</i>
                         </div>
                         <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>
                            <option name="business" selected disabled value="">Type of business *</option>
                            <option value="B2B">B2B</option>
                            <option value="B2C">B2C</option>
                         </select>
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>How many founders/teammates will be attending the meetup? *</strong>
                         <p class="line-space" ></p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper" >
                         <div class="icon-circle-o">
                            <i class="material-icons" style="line-height: 30px;">confirmation_number</i>
                         </div>
                         <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>
                            <option name="founder" selected disabled value="">Choose</option>
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="more than 3">more than 3</option>
                         </select>
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>In which city is your startup registered at?</strong>
                         <p class="line-space" ></p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper">
                         <div class="icon-circle-m">
                            <i class="material-icons" style="line-height: 30px;">assessment</i>
                         </div>
                         <input type="text" class="text-input" ng-model="data.cityRegister" placeholder="Your Answer.." ng-change="entertechnology(data.cityRegister); annualkeyPress(data.cityRegister)">
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Give us a brief introduction about your startup. *</strong>
                         <p class="line-space" >Kindly write a powerful Twitter Pitch.</p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper">
                         <div class="icon-circle-x">
                            <i class="material-icons" style="line-height: 30px;">line_weight</i>
                         </div>
                         <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>
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Who are your customers? *</strong>
                         <p class="line-space" >We are looking for a simple and clear answer of who you are selling to.</p>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper">
                         <div class="icon-circle-k">
                            <i class="material-icons" style="line-height: 30px;">help</i>
                         </div>
                         <textarea name="customer" class="text-input textarea" ng-model="data.customer" placeholder="Your Answer.." ng-change="entersolution(data.customer); websitekeyPress(data.customer)" required></textarea>
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>What problem you are solving for them? *</strong>
                         <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>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper f-family">
                         <div class="icon-circle-p">
                            <i class="material-icons" style="line-height: 30px;">business_center</i>
                         </div>
                         <textarea name="problem" class="text-input textarea" ng-model="data.problem" placeholder="Your Answer.." ng-change="enterbusiness(data.problem); businesskeyPress(data.problem)" required>
                         </textarea>
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Link your pitch deck presentation. *</strong>
                         <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>
                      </div>
                      <div class="col-xs-12 col-md-12 input-wrapper f-family">
                         <div class="icon-circle-h">
                            <i class="material-icons" style="line-height: 30px;">web</i>
                         </div>
                         <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>
-                        <!-- <label class="error-message f-family" id="invalidEmail">Please enter a valid link.</label> -->
+                        <label class="error-message f-family" id="invalidEmail">Please enter a valid link.</label>
                      </div>
                      <div class="col-xs-12 col-md-12 f-family line-adjust">
                         <strong>Coupon Code.</strong>
                         <p class="line-space" >It's applicable.</p>
                      </div>
                      <div class="col-xs-12 input-wrapper">
                         <div class="referel-icon" style="z-index: 999;">
                            <i class="material-icons" style="line-height: 30px;">code</i>
                         </div>
                         <input  class="text-input" ng-model="data.referalToken" placeholder="Enter Coupon code" style="position: relative;" ng-required="referalToken" ng-change="changeReferalIconColor(data.referalToken)">
                         <i class="material-icons coupen-approved" ng-if="tokencheck == true">check</i>
                         <i class="material-icons coupen-approved" style="color:red;"  ng-if="tokencheck == false">close</i>
                         <button type="button" ng-click="tokenCall(data.referalToken)" class="pull-right apply-coupen-btn">Apply</button>
                      </div>
                      <div class="clearfix"></div>
                   <!-- </div> -->
                   <!-- close step-one-form -->
                <!-- </td>
             </tr>
          </table> -->
       </div>
       <!-- CLOSE form-all -->
    <!-- </div> -->
       <div class="clearfix"></div>
          <div class="text-center">
             <input type="submit" class="btn submit-button-form" ng-disabled="applicantForm.$invalid" value="Submit" ng-click="submit()">
          </div>
         </div>
    <!-- col-xs-12 col-md-8 col-md-offset-2 -->
   <footer>
     <img id="footer" class="img-responsive banner">
       <center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a>
       </center>
   </footer>
 </form>
 <!-- CLOSE FORM -->
 <!-- </div> CLOSE CHECK VIEW -->