viithiisys / startup_jalsa_frontend

Browse Code »

Commit f5240b336ca8ac1a3e08197f8b9636353ad032d3

Authored by Shilpi Saini 2019-08-19 06:32:57 -0400

1 parent 456a300d2d

Exists in master

content change

Showing 2 changed files with 55 additions and 45 deletions Show diff stats

css/custom.css

Diff comments View file @f5240b3

 /* {
     outline: none !important;
 } */
 .logo{
     height: 45px;
     /* margin-left:  */
 }
 .hyperColor{
   color: white !important;
   cursor: pointer !important;
 }
 .main-heading{
     height: 70px;
     line-height: 70px;
 }
 .card{
     flex-direction: column;
     background-color: rgb(255,255,255);
     border-radius: 0;
     width: 676px;
     box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .card input{
     display: none;
 }
 .card .card-content{
     padding: 12px;
   font-size: 12px;
 }
 .card p{
   margin-top:18px;
   margin-right:4px ;
   margin-bottom:-5px;
   /*margin-left:13px;*/
     font-family: montserrat, arial, verdana;
     font-weight: normal;
     font-size: 12px;
 }
 .card .thumbnail{
     padding: 15px 30px 1px 28px;
     border: 0;
   border-radius: 0px !important;
 }
 .panel-default{
   border-color: #ddd;
 }
 .video-wrapper{
     padding: 16px 0;
 }
 .stageRadio:checked+label{
     background-color: #42b549;
     color: #fff !important;
 }
 .stageRadio1:checked+label{
     background-color: rgba(158, 158, 158, 0.05);
 }
 /* css for radio buttons */
 .option-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 15px;
   width: 15px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input:checked {
   background: #42b549;
 }
 .option-input:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /*second css*/
 .option-input-a {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 22px;
   width: 22px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input-a:checked {
   background: #42b549;
 }
 .option-input-a:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input-a:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a {
   border-radius: 50%;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /* css for radio ends */
 .card-small{
     cursor: pointer;
 }
 .card-small img{
     width: 37px;
 }
 .card-small label{
     width: 100%;
     font-weight: normal;
     font-size: 12px;
     margin-top: 5px;
 }
 .startup-questions{
-  color: #D53735;
+  color: #fff;
   font-size: 22px;
+  font-weight: bold;
 }
 .startup-answers{
   margin-top: 2px;
   /* font-weight: 600; */
   font-size: 16px;
   color: #fff;
 }
 /*.text-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   font-size: 18px;
   padding: 5px;
 }*/
 .input-wrapper{
   margin-bottom: 15px !important;
 }
 .select-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   background-color: transparent;
   font-size: 12px;
   padding: 5px;
 }
 .submit-button, .submit-button:hover{
   /*background-color: #00bcd4;*/
   background-color: #D53735;
   color: #fff;
   padding: 10px 25px 10px 25px;
   /* font-size: 15px; */
   border-radius: 20px;
   /*display: none;*/
 }
 .submit-button:disabled{
   background-color: #ddd;
 }
 .imageText{
   text-align: center;
   color: #fff;
   font-size: 24px;
   margin-top: 5%;
 }
 .imageTxt{
   text-align: center;
-  font-size: 14px;
+  font-size: 16px;
   color: #fff;
   margin-top: 2px;
 }
 .submit-button-form, .submit-button-form:hover{
   background-color: #D53735;
   margin-top: 2%;
   margin-bottom: 3%;
   color:#fff;
 }
 .submit-button-form:disabled{
   background-color: #ddd;
   margin-top: 2%;
   margin-bottom: 3%;
 }
 .textarea{
   min-height: 97px;
 }
 /* .logojalsa1 {
   width: 120px;
   display: block;
   margin: auto;
 } */
 .error-message{
   font-weight: inherit;
   color: #ff0000;
   margin: 5px 4px -5px 0px;
   display: none;
 }
 /*custom input*/
 .text-input, select {
     width: 100%;
     -webkit-appearance: none;
     padding: 12px 25px;
      margin: -2px 0;
     display: inline-block;
     border: 0px solid rgba(51, 51, 51, 0);
     border-radius: -3px;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(240, 255, 235);
     -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
     -webkit-box-shadow: 0 0 5px #777;
     -o-box-shadow: 0 0 10px rgba(240, 255, 235);
     font-size: 12px;
 }
 /* .happen-imagemeetup{
   padding: 0px 0px 0px 20px;
 } */
 /* progress bar css */
 @-webkit-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @-moz-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 /* Container */
 .progress-form {
   position: relative;
   display: inline-block;
   padding: 0;
   text-align: center;
 }
 /* Item */
 .progress-form>li {
   display: inline-block;
   position: relative;
   text-align: center;
   color: #93A2AC;
   font-family: Lato;
   font-weight: 100;
   margin: 2rem;
 }
 .progress-form>li:before {
   content: attr(data-name);
   position: absolute;
   width: 100%;
   bottom: -2rem;
   font-weight: 400;
 }
 .progress-form>li:after {
   content: attr(data-percent);
   position: absolute;
   width: 100%;
   top: 3.7rem;
   left: 0;
   font-size: 2rem;
   text-align: center;
 }
 .progress-form svg {
   width: 10rem;
   height: 10rem;
 }
 .progress-form svg:nth-child(2) {
   position: absolute;
   left: 0;
   top: 0;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
 }
 .progress-form svg:nth-child(2) path {
   fill: none;
   stroke-width: 25;
   stroke-dasharray: 629;
   stroke: rgba(255, 255, 255, 0.9);
   -webkit-animation: load 10s;
   -moz-animation: load 10s;
   -o-animation: load 10s;
   animation: load 10s;
 }
 /*circle of stage image*/
 .circular{
     -webkit-border-radius: 150px;
     -moz-border-radius: 150px;
     border-radius: 150px;
     box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
     border: 5px solid white;
     overflow: hidden;
     position: fixed;
     height: 100px;
     width: 100px;
     left: 80px;
     top: 20px;
 }
 /*font-size*/
 .font{
   font-size: 14px;
 }
 .f-family {
   font-family:sans-serif;
 }
 /*container-card css*/
 .container-card {
   width: auto;
   float: left;
   margin: 31px 24px 26px 14px;
 }
 /******This css for header container******/
 .h1 {
   font-size: 20px;
   margin: 11px;
 }
 .paragraph {
   font-size: 14px;
   margin: 30px 10px 20px;
   line-height: 1.5;
 }
 /*This css for stages container*/
 .full-line {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 .stages-card {
   width: auto;
   float: left;
   /*margin: -30px 8px 7px 22px;*/
 }
 /*form -css*/
 .form-all {
   margin: 13px 4px 26px -2px;
   border-radius: 15px;
   background-color: #fff;
   padding-top: 1px;
   padding-left: 1%;
   /*display: none;*/
 }
 .step-two-form{
   display: block;
 }
 /*This is for stages images*/
 .stage-img {
   width: 115px;
 }
 .stage-thumbnail {
   float: left;
   margin-bottom: 0;
 }
 .stage-shadow {
   /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
   /*margin: 3px 22px 14px 14px;*/
   background-color: #ffffff;
 }
 /* .line-size {
 } */
 .card-paragraph {
   background-color: rgba(66, 181, 73, 0.61);
   color: #fff;
 }
 /* identity card css*/
 .identity-shadow {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .identity-question {
   border-bottom: 2px solid #dedede;
   padding: 0px 10px;
 }
 .identity-align {
   margin: 8px -12px 19px 13px;
 }
 /********This css for sectors**************/
 .sectors-card {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 27px 22px 14px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .sector-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 .sector-question {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 /*To make the Stages in the center*/
 .card-align {
   /*margin: 56px -267px 11px -37px;*/
 }
 /*To make the sectors in the center */
 /*************sidebar content margin***********/
 .sidebar-align {
   margin: -5px -3px -18px 9px;
 }
 .heading {
   margin: 15px 10px 15px 16px;
 }
 .quiz {
   margin: 5px 5px 6px 19px;
   font-size: 12px;
 }
 #footer {
     /*position: bottom;
     width: 100%;
     height: auto;*/
  }
  #front {
   background-color: #2f383a;
     /*background-image: url(/images/mock_up_background.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;*/
  }
 /* .footer {
     bottom: 0px;
     background-color: #76b34f !important;
     width: 100%;
     color:rgba(255, 255, 255, 0.77);
 }*/
 /********question box*****************/
 .question-shadow {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
 }
 .question-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 /*for p*/
 .line-space {
   line-height: 1.6em;
   font-size: 11px;
 }
 .line-adjust {
   margin-left: 0px;
 }
 /*badge icon css*/
 .material-icons{
   font-size: 17px !important;
 }
 .icon-circle-a {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-b {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-c {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-d {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-e {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-f {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-g {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-h {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-i {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-j {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-k {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-y {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-o {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-l {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-m {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-n {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-x {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-p {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-z {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-q {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-ab {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-abc {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-bc {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-abcdefg {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .referel-icon {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 /*quiz*/
 .q-card-align div{
   margin-bottom: 15px;
 }
 .drop-down {
   background-color: #fff;
   border-radius: 0;
   font-size: 12px;
 }
 .footer-link, .footer-link:hover {
   color:#fff;
 }
 /*idea content margin*/
 .content-idea{
   margin:196px 12px 8px;
 }
 .content-product{
   margin:193px -19px 9px;
 }
 .content-growth{
   margin:192px 11px 8px;
 }
 .last-content-card{
   /*margin: 0px -85px -4px -51px;*/
 }
 @media (max-width: 600px) {
   .content-idea{
     margin: auto;
   }
   .content-product{
     margin: auto;
   }
   .content-growth{
     margin: auto;
   }
   .stages-card{
     margin: auto;
     margin-bottom: 15px;
   }
   .last-content-card{
     margin: auto;
   }
   .card-align{
     margin: auto;
   }
 }
 .toggler {
     width: 500px;
     height: 200px;
   }
   #button {
     padding: .5em 1em;
     text-decoration: none;
   }
   #effect {
     position: relative;
     width: 240px;
     height: 170px;
     padding: 0.4em;
   }
   #effect h3 {
     margin: 0;
     padding: 0.4em;
     text-align: center;
   }
 #snackbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #F44336;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     bottom: 30px;
     font-size: 17px;
 }
 /* Loader Css */
 .myLoaderWrap{
   width: 100%;
   height: 100%;
   position: fixed;
   background-color: rgba(0,0,0,0.5);
   z-index: 9999999;
   top: 0;
   left: 0;
 }
 #snackbar.show {
     visibility: visible;
     -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
     animation: fadin 0.5s, fadout 0.5s 2.5s;
 }
 @-webkit-keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 @keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 #snacsskbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #333;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     top: 30px;
     font-size: 17px;
 }
 #snacsskbar.show {
     visibility: visible;
     -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
     animation: fadein 0.5s, fadeout 0.5s 2.5s;
 }
 @-webkit-keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 @keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 input.hidden {
     position: absolute;
     left: -9999px;
 }
 #profile-image1 {
     cursor: pointer;
      width: 100px;
     height: 100px;
     border:2px solid #eee ;
   }
   .tital{ font-size:16px; font-weight:500;}
   .bot-border{ border-bottom:1px #f8f8f8 solid;  margin:5px 0  5px 0}
   .footerpadd{padding: 5px;}
   .container1{
     width: 100%
   }
   .no-margin{
     margin: 0 0 0 !important;
   }
   .no-padding{
     padding: 0 0 0 0 !important;
   }
   .select-stage{
     margin: 10px 0;
   }
   .cards-content{
     margin-top: 40px;
   }
   .cards-content p{
     font-size: 13px;
   }
 .q-card-align{
   margin-top: 15px;
 }
 .width-auto{
   width: auto !important;
 }
 .margin-right-label{
   margin-right: 20px;
 }
 .margin-right-label label{
   margin-left: 5px;
 }
 .apply-coupen-btn{
   position: absolute;
   bottom: 97px;
   right: 13px;
   border: none;
   border-radius: 1px;
   height: 34px;
   color: #fff;
   background-color: #666;
   width: 65px;
 }
 .coupen-approved{
   position: absolute;
   right:  86px;;
   bottom: 98px;
   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;
+      font-family: 'brandon-grotesque', sans-serif;
       color: rgb(25, 104, 157);
       position:relative;
       z-index:2;
     }
   }
 .jalsaheader{
   color: #D53735;
   text-align: center;
   margin-top: 6%;
   font-size: 37px;
 }
 .jalsaHeader{
   color: #fff;
   text-align: center;
   font-size: 30px;
   margin-top: 2%;
   margin-bottom: 6%;
 }
 .happen-citymeetup{
   margin-top:6%;
 }
 .selection{
   background-color: #D53735;
 }
 .card-input {
    display: none;
 }
 .card {
     font-size: 1em;
     overflow: hidden;
     padding: 0;
     border: none;
     /*border-radius: .28571429rem;*/
     box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
 }
 .card-block {
     font-size: 1em;
     position: relative;
     margin: 0;
     padding: 4%;
     border: none;
     /*border-top: 1px solid rgba(34, 36, 38, .1);*/
     box-shadow: none;
 }
 .button-position{
   position: relative;
   top: -10px;
 }
 .card-img-top {
     display: block;
     width: 100%;
     height: auto;
     cursor: pointer;
 }
 .title{
   text-align: center;
   color: #D53735;
 }
 .card-title {
     /*font-size: 17px;*/
     font-weight: 600;
     margin: 0;
     line-height: normal;
     font-family: 'Arial',sans-serif;
 }
 .card-sub-title{
-  font-family: 'Arial',sans-serif;
+  font-family: 'brandon-grotesque',sans-serif;
   /*color: #666;*/
   font-weight: normal;
   margin-bottom: 0;
 }
 .form-group-text{
   color:red;
 }
 .button-aligment{
   margin-top: 5px;
   margin-right: 14px;
   margin-bottom: 15px;
 }
 .card-text {
     clear: both;
     margin-top: .5em;
     /*color: rgba(0, 0, 0, .68);*/
     padding-bottom: 3%;
     font-size: 13px;
 }
 .card-text2 {
     padding: 3% 0 3% 4%;
     margin-bottom: 12%;
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .card-text2 span{
   font-size: 13px;
   /*color: #666;*/
 }
 .card-text2 div{
   margin-top: 0 !important;
   font-weight: normal;
   /*color: #000;*/
   font-size: 12px;
   padding-bottom: 0;
 }
 .card-inverse .btn {
     border: 1px solid rgba(0, 0, 0, .05);
 }
 .card-text3 {
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .container {
     display: block;
     position: relative;
     padding: 0;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 16px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width:100%;
 }
 .container1 {
     display: block;
     position: relative;
     padding-left: 31px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 15px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width:100%;
 }
 /* Hide the browser's default radio button */
 .container input {
     position: absolute;
     opacity: 0;
 }
 /* Create a custom radio button */
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #eee;
     border-radius: 50%;
 }
 /* On mouse-over, add a grey background color */
 .container:hover input ~ .checkmark {
     background-color: #ccc;
 }
 /* When the radio button is checked, add a blue background */
 .container input:checked ~ .checkmark {
     background-color: #42b549;
 }
 /* Create the indicator (the dot/circle - hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }
 /* Show the indicator (dot/circle) when checked */
 .container input:checked ~ .checkmark:after {
     display: block;
 }
 /* Style the indicator (dot/circle) */
 .container .checkmark:after {
   top: 9px;
   left: 9px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: white;
 }
 table {
     /*font-family: arial, sans-serif;
     border-collapse: collapse;*/
     width: 60%;
 }
 .city-meetup {
     /* opacity: 0.7; */
     filter: alpha(opacity=80); /* For IE8 and earlier */
 }
 .card-color{
   background-color:#2f383a;
   font-size: 16px;
   /* border-radius: 25px; */
 }
 .card-color-confirm{
   background-color:#f5f5f5;
   font-size: 16px;
   margin-top: 10%;
   /* width:50%; */
   border-radius: 10px;
   padding: 60px 0px 60px 0px;
 }
 .startup-jalsa{
-  font-family: 'BenchNine', sans-serif;
+  font-family: 'brandon-grotesque', 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;
+  font-family: 'brandon-grotesque',sans-serif;
   /* margin-bottom: 10px; */
   margin-left: 1px;
   margin-bottom: 2%;
 }
 .happen-attend{
   margin-top:6%;
   margin-left: -10px;
 }
 .width-auto{
   width:auto;
 }
 /*.card-position{
   position: relative;
   top: -3px;
 }*/
 .card1 {
   width: 100%;
   position: relative;
   display: inline-block;
 }
 .card1 .img-top {
   width: 100%;
   display: none;
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   z-index: 99;
 }
 .card1:hover .img-top {
   display: inline;
 }
 .color:hover{
   color: #fff;
 }
 /* .palak{
   width: 100% !important;
   display: none !important;
   position: absolute !important;
   cursor: pointer !important;
   top: 0 !important;
   left: 0 !important;
   z-index: 99 !important;
 } */
 .active, .btn:hover, .btn:onclick {
   background-color: grey;
   border: grey;
   color: white;
 }
 .apply-act1:hover, .apply-act1:focus{
   background-color: #171717;
   border-color: #D53735;
   color: #D53735;
 }
 .btn-active {
   background-color: #171717 !important;
   border-color: #D53735 !important;
   color: #D53735 !important;
 }
 .btn-inactive {
   background-color: #171717 !important;
   border-color: #454545 !important;
   color: #454545 !important;
 }
 .apply-act2:hover, .apply-act2:focus{
   background-color: #171717;
   border-color: #D53735;
   color: #D53735;
 }
 .apply-act3:hover, .apply-act3:focus{
   background-color: #171717;
   border-color: #D53735;
   color: #D53735;
 }
 .apply-act4:hover, .apply-act4:focus{
   background-color: #171717;
   border-color: #D53735;
   color: #D53735;
 }
 .apply-btn{
   text-align: center;
   margin-bottom: 2%;
 }
 .txt{
   margin-top: 2%;
   text-align: center;
 }
 .txt1{
   text-align: center;
 }
 .cursor:hover{
   cursor: context-menu;
 }
 .buttons{
   padding: 3% 0 0 0;
   text-align: center;
   font-size: 100px;
 }
 .btn-lg{
   font-size:25px;
   background-color: #171717;
   color: #454545;
   border-color: #454545;
 }
 .btn1{
   padding: 12px 40px;
 }
 .btn2{
   padding: 12px 31px;
 }
 .btn3{
   padding: 12px 18px;
 }
 .btn4{
   padding: 12px 40px;
 }
 .bg_dots{
   position: absolute;
   left:0;
   right:0;
   top:0;
   height: 700px;
   position:fixed;
   background-position: top center;
   /* background-image: url(/images/background.jpg); */
   /* background-color: #171717; */
   background-repeat: no-repeat;
   background-size: 100% auto;
   -webkit-background-size:100% auto;
 }
 .stage-shadow{
   background:transparent;
 }
 .logojalsa{
   width:130px;display: block;
   margin: auto;
 }
 .jalsaheadr{
   position: relative;font-size: 35px;margin-left: 1%;color: rgb(25, 104, 157);
 }
 .PitchYourPower{
   position: relative;color: rgb(25, 104, 157);margin-top: -3%;
 }
   @media (max-width:767px){
     .buttons {
       /* margin-top:23%; */
       font-size: 100px;
     }
     .btn-lg{
       width:74%;
     }
     .btn1{
       margin-bottom: 3%;
     }
     .btn2{
       margin-bottom: 3%;
     }
     .btn3{
       margin-bottom: 3%;
     }
     h1{
       font-size:2.8rem;
     }
     .happen-city{
         margin-left: -25px;
       }
     .width-auto{
       margin-left:-4%;
     }
     /* .happen-citymeetup{
       margin-left:-3%;
     } */
     .jalsaHeader {
       margin-top: 4%;
       margin-bottom:10%;
     }
     .imagemargin{
       margin-bottom: 8%;
     }
     /* .happen-imagemeetup {
       padding: 0px 0px 0px 32px;
     } */
     .imagecenter{
       margin: auto;
       display: block;
     }
     .happen-meetup{
       margin-top: 8%;
       margin-left: 5%;
     }
     .imageText{
       text-align:center;
     }
     .imageTxt{
       text-align:center;
     }
     .image-meet-up{
       margin-top: 4%;
       margin-bottom: 2%;
     }
     .card-color-confirm{
       margin-top: 40%;
       background-color: #f5f5f5;
       font-size: 16px;
       width:100%;
     }
     .city-meetup {
       /* opacity: 0.8; */
       filter: alpha(opacity=80); /* For IE8 and earlier */
     }
     #front {
       background-color: #2f383a;
       /*background-image: url(/images/mock_up_background.jpg);
       background-repeat: no-repeat;
       background-attachment:fixed;
       background-position: top center;
       -webkit-background-attachment: fixed;
       background-size: 400% auto;
       -webkit-background-size:400% auto;*/
     }
     .bg_dots{
       height:80%;
       background-size: 300% auto;
       -webkit-background-size:300% auto;
       position:fixed;
       top:0;
     }
     .logojalsa{
       width:130px;display: block;
       margin: auto;
     }
     .PitchYourPower{
       position: relative;color: rgb(25, 104, 157);margin-top: -15%;
     }
 }
   @media screen and (max-device-width: 991px) and (orientation: landscape){
     .rotate-card{
       width: 100%;
     }
 }
 @media (min-width:768px) and (max-width:991px){
   .logojalsa{
       width:130px;display: block;
       margin: auto;
     }
 }

pages/Home.html

Diff comments View file @f5240b3

 <div class="header" >
    <div>
       <!-- <img src="images/LOGO.png" class="logojalsa"><span class="jalsaheadr">2018</span>
       <h4 class="PitchYourPower">#PitchYourPower</h4> -->
    </div>
 <div class="clearfix"></div>
 </div>
 <form name="homeForm">
    <div class="col-xs-12 col-md-offset-0 city-meetup card-color">
       <img src="images/Startup_JAlsa_logo.png" class="logojalsa">
       <div class="jalsaHeader">PITCH SESSIONS 2019</div>
       <div class="col-md-12 happen-imagemeetup">
          <div class="row">
             <div class="col-sm-4 imagemeetup">
-               <img src="images/Founder_Talk.png" class="imagecenter" style="margin:auto;display:block">
+               <img src="images/1.2.png" class="imagecenter" style="margin:auto;display:block">
                <div class="imageText">Founder Talk</div>
-               <div class="imageTxt imagemargin">Keynote on "MY FIRST PITCH"</div>
+               <div class="imageTxt imagemargin">Listen to leading entrepreneurs about their first investment pitch.</div>
             </div>
             <div class="col-sm-4 image-meet-up">
-               <img src="images/Elevator_Pitch.png" class="imagecenter" style="margin:auto;display:block">
+               <img src="images/3.2.png" class="imagecenter" style="margin:auto;display:block">
                <div class="imageText">Elevator Pitch</div>
-               <div class="imageTxt imagemargin">Startups will get 60 seconds to deleiver a pitch</div>
+               <div class="imageTxt imagemargin">Startups will get 60 seconds to pitch their startups.</div>
             </div>
             <div class="col-sm-4">
-               <img src="images/Networking.png" class="imagecenter" style="margin:auto;display:block">
+               <img src="images/2.2.png" class="imagecenter" style="margin:auto;display:block">
-               <div class="imageText">Connect</div>
+               <div class="imageText">Networking</div>
-               <div class="imageTxt">Shortlisted startups get an oportunity to interact with the jury</div>
+               <div class="imageTxt">Shortlisted startups get to network with fellow startups and founders.</div>
             </div>
          </div>
       </div>
       <div class="col-xs-12 happen-citymeetup">
          <div class="happen-meetup">
-            <div class="startup-questions">What next after the Pitch Sessions?</div>
+            <div class="startup-questions">About Startup Jalsa</div>
-            <div class="startup-answers">Selected startups will get an invite for Startup Jalsa Invest Edition 2019. Here, at least one startup from Ideation stage will get funding upto INR 5 Lacs at 10% equity, at least one startup from POC/Beta stage will get funding of INR 25 Lacs at 10% equity and at least one startup from Revenue stage will get funding of INR 1 Crore at 10% equity.</div>
+            <div class="startup-answers">We are a startup platform - on a mission to inspire and invest in entrepreneurial talent - and help founders build enduring businesses. Since our inception as a conference in 2015, over 2000 companies have participated in the various events of Startup Jalsa and they have gone on to raise cumulatively over 500crores in funding. For more, visit: https://bit.ly/2Zcmbd6</div>
          </div>
          <div class="happen-meetup">
-            <div class="startup-questions">Who can attend?</div>
+            <div class="startup-questions">Our funding ticket sizes:</div>
-            <div class="startup-answers">There are no eligibility criteria for startups. However, we want serious entrepreneurs to be a part of this – you can be a Startup in Ideation, POC/Beta or in Revenue Stage.</div>
+            <div class="startup-answers">
+               <ul style="font-size: 16px;">
+                  <li>Idea stage startup - Funding of INR 5 Lacs at 10% equity.</li>
+                  <li>Proof of concept/Beta stage startup - Funding of INR 25 Lacs at 10% equity.</li>
+                  <li>Revenue stage startup - Funding of INR 1 Crore at mutually agreed equity.</li>
+               </ul>
+            </div>
          </div>
          <div class="happen-meetup">
-            <div class="startup-questions">Does Startup Jalsa Pitch Sessions accept startups only from India?</div>
+            <div class="startup-questions">Who can apply?</div>
-            <div class="startup-answers">At present, Startup Jalsa Pitch Sessions are being organised in 4 countries in South East Asia - India, Bangladesh, Nepal and Sri Lanka.</div>
+            <div class="startup-answers">Startups who are willing to raise funds in the range mentioned above - can apply.</div>
          </div>
          <div class="happen-meetup">
-            <div class="startup-questions">Is there any registeration fee involved?</div>
+            <div class="startup-questions">What is the process of funding?</div>
-            <div class="startup-answers">The startups will have to pay a fee of INR 1000 to pitch at the Pitch Sessions.</div>
+            <div class="startup-answers">To know about the process, read this blog: <a href="http://bit.ly/2YUbdom" target="_blank" style="color: #2196f3;">http://bit.ly/2YUbdom</a></div>
          </div>
          <div class="happen-meetup">
-            <div class="startup-questions">How will the data of my startup be kept confidential or private?</div>
+            <div class="startup-questions">Who got funded in Startup Jalsa Invest Edition 2018:</div>
-            <div class="startup-answers">At Startup Jalsa, we are very serious about the security and privacy of your data. </div>
+            <div class="startup-answers">We led the angel investment round of AugleAI with an investment of INR 70lacs (~ 100,000 USD) at a post-money valuation of INR 8.5crores (USD 1.3 million) </div>
+            <div class="startup-answers">Read more at: <a href="http://bit.ly/2KC5IFG" target="_blank" style="color: #2196f3;">http://bit.ly/2KC5IFG</a></div>
          </div>
          <div class="happen-meetup">
-            <div class="startup-questions">Should a startup be registered to participate in the Pitch Sessions?</div>
+            <div class="startup-questions">What next after the Pitch Sessions?</div>
-            <div class="startup-answers">We are not looking for startups who are or need to be legally registered.</div>
+            <div class="startup-answers">
+               <ul style="font-size: 16px;">
+                  <li>After pitch sessions, non-binding term sheet will be offered to the selected startups and the legal and financial due diligence will be initiated.</li>
+                  <li>Selected startups will get to pitch at Startup Jalsa -  Invest Edition 2019 happening in Dharamshala on 18th-20th December, 2019.</li>
+                  <li>The deal will be offered on the spot, and startups will have to decide on the spot whether they want to accept the deal or not.</li>
+                  <li>They can negotiate the terms of the deal, and startups will have to accept the offer if made.</li>
+               </ul>
+            </div>
          </div>
          <div class="happen-meetup">
-            <div class="startup-questions">Things to keep in mind</div>
+            <div class="startup-questions">Does Startup Jalsa Pitch Sessions accept startups only from India?</div>
-            <div class="startup-answers">- An elevator pitch is of 60 seconds and no extra time will be granted.</div>
+            <div class="startup-answers">At present, Startup Jalsa Pitch Sessions are being organised in 3 foreign countries - Bangladesh, Nepal, and Sri Lanka.</div>
-            <div class="startup-answers">- Startups should present their prototypes during the pitch sessions, if in hand.</div>
-            <div class="startup-answers">- When writing your twitter pitch in the form, make it clear and unambiguous. If in one sentence you cannot tell what you do, then you should rework the sentence. This is the first thing we will read, so taking time in crafting a good one-liner is time well spent.</div>
-            <div class="startup-answers">- In Team Summary, write a one to two sentences short bio of yourself, your co-founders and your core team members. If you have founded companies before, mention it.</div>
-            <div class="startup-answers">- Pitch deck is your first impression. You need to communicate and present relevant information clearly and concisely.</div>
          </div>
          <div class="happen-meetup">
-            <div class="startup-questions">There are 7 essential elements that make a good pitch deck:</div>
+            <div class="startup-questions">Is there any registration fee involved?</div>
-            <div class="startup-answers">- Problem statement: What is it that you are trying to solve?</div>
+            <div class="startup-answers">To maintain the seriousness of the event, startups will have to pay a nominal fee of INR 1000 to pitch at the Pitch Sessions.</div>
-            <div class="startup-answers">- Solution: What is the solution? What is the product?</div>
+            <div class="startup-answers">There is no fee for the Invest edition - however the cost of logistics and subsidised stay will have to borne by the Startups themselves.</div>
-            <div class="startup-answers">- Market: How big is the market? Market size? What are the numbers?</div>
-            <div class="startup-answers">- Competition Analysis: Competition. Differentiation.</div>
-            <div class="startup-answers">- Revenue model: Not projections. How you will make money? Potential revenue model.</div>
-            <div class="startup-answers">- Team, Founders & Advisors: Write a short one to two sentence bio of each co-founder.</div>
-            <div class="startup-answers">- Funding ask: In your funding ask slide, mention your funding ask in INR and show how you are going to use the funds. For example: 30% for Product Development, 20% for Marketing, 30% for talent etc.</div>
          </div>
          <div class="happen-meetup">
-            <div class="startup-questions">What is the process of funding?</div>
+            <div class="startup-questions">Will the data of my startup be kept confidential?</div>
-            <div class="startup-answers">To know about the process, read this blog: <a href="http://bit.ly/2YUbdom" target="_blank" style="color: #2196f3;">http://bit.ly/2YUbdom</a></div>
+            <div class="startup-answers">Security and privacy of your data is of utmost importance to us. We follow industry best practices to ensure data safety.</div>
+         </div>
+         <div class="happen-meetup">
+            <div class="startup-questions">Should a startup be registered to participate in the Pitch Sessions?</div>
+            <div class="startup-answers">Both registered and non-registered companies can pitch, however, you will have to get your startup legally registered to accept the funding.</div>
          </div>
          <div class="happen-meetup">
-            <div class="startup-questions">Quick help on Elevator Pitch:</div>
+            <div class="startup-questions">When is the last registration date?</div>
-            <div class="startup-answers">Watch this video: <a href="http://bit.ly/2YTwyxY" target="_blank" style="color: #2196f3;">http://bit.ly/2YTwyxY</a></div>
+            <div class="startup-answers">Startups can register a day before the Pitch Session of the specific city.</div>
          </div>
          <div class="happen-meetup">
-            <div class="startup-questions">Who got funded in Startup Jalsa Invest Edition 2018?</div>
+            <div class="startup-questions">How do I prepare for an elevator pitch?</div>
-            <div class="startup-answers">Read more about 2018 funding: <a href="http://bit.ly/2KC5IFG" target="_blank" style="color: #2196f3;">http://bit.ly/2KC5IFG</a></div>
+            <div class="startup-answers">We have compiled a list of tips and videos here: <a href="http://bit.ly/2YTwyxY" target="_blank" style="color: #2196f3;">http://bit.ly/2YTwyxY</a></div>
          </div>
       </div>
       <div class="apply-btn">
          <button class="btn submit-button" style="outline: none;" value="Apply" ng-click="apply()" >PROCEED</button>
       </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>
 <span ng-show="span == true">
    <span id="chennai"></span>
    <span id="mumbai"></span>
    <span id="hyderabad"></span>
    <span id="kolkata"></span>
    <span id="delhi"></span>