Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit bde6026059fca6221f45aabec3c1b7f2aee76ddb

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

1 parent ea14a334b5

Exists in master

minor changes

Showing 3 changed files with 12 additions and 9 deletions Show diff stats

css/custom.css

Diff comments View file @bde6026

 /* {
     outline: none !important;
 } */
 .logo{
     height: 45px;
     /* margin-left:  */
 }
 .hyperColor{
   color: white !important;
   cursor: pointer !important;
 }
 .main-heading{
     height: 70px;
     line-height: 70px;
 }
 .card{
     flex-direction: column;
     background-color: rgb(255,255,255);
     border-radius: 0;
     width: 676px;
     box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .card input{
     display: none;
 }
 .card .card-content{
     padding: 12px;
   font-size: 12px;
 }
 .card p{
   margin-top:18px;
   margin-right:4px ;
   margin-bottom:-5px;
   /*margin-left:13px;*/
     font-family: montserrat, arial, verdana;
     font-weight: normal;
     font-size: 12px;
 }
 .card .thumbnail{
     padding: 15px 30px 1px 28px;
     border: 0;
   border-radius: 0px !important;
 }
 .panel-default{
   border-color: #ddd;
 }
 .video-wrapper{
     padding: 16px 0;
 }
 .stageRadio:checked+label{
     background-color: #42b549;
     color: #fff !important;
 }
 .stageRadio1:checked+label{
     background-color: rgba(158, 158, 158, 0.05);
 }
 /* css for radio buttons */
 .option-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 15px;
   width: 15px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input:checked {
   background: #42b549;
 }
 .option-input:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /*second css*/
 .option-input-a {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 22px;
   width: 22px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input-a:checked {
   background: #42b549;
 }
 .option-input-a:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input-a:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a {
   border-radius: 50%;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /* css for radio ends */
 .card-small{
     cursor: pointer;
 }
 .card-small img{
     width: 37px;
 }
 .card-small label{
     width: 100%;
     font-weight: normal;
     font-size: 12px;
     margin-top: 5px;
 }
 .startup-questions{
   color: #D53735;
   font-size: 22px;
 }
 .startup-answers{
   margin-top: 2px;
   /* font-weight: 600; */
   font-size: 16px;
   color: #fff;
 }
 /*.text-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   font-size: 18px;
   padding: 5px;
 }*/
 .input-wrapper{
   margin-bottom: 15px !important;
 }
 .select-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   background-color: transparent;
   font-size: 12px;
   padding: 5px;
 }
 .submit-button, .submit-button:hover{
   /*background-color: #00bcd4;*/
   background-color: #D53735;
   color: #fff;
   padding: 10px 25px 10px 25px;
   /* font-size: 15px; */
   border-radius: 20px;
   /*display: none;*/
 }
 .submit-button:disabled{
   background-color: #ddd;
 }
 .imageText{
   /* margin-top: 2%;
   text-align: center; */
   color: #fff;
   font-size: 24px;
   margin-top: 5%;
 }
 .imageTxt{
   /* text-align: center; */
   font-size: 14px;
   color: #fff;
   margin-top: 2px;
 }
 .submit-button-form, .submit-button-form:hover{
   background-color: #D53735;
   margin-top: 2%;
   margin-bottom: 3%;
   color:#fff;
 }
 .submit-button-form:disabled{
   background-color: #ddd;
   margin-top: 2%;
   margin-bottom: 3%;
 }
 .textarea{
   min-height: 97px;
 }
 /* .logojalsa1 {
   width: 120px;
   display: block;
   margin: auto;
 } */
 .error-message{
   font-weight: inherit;
   color: #ff0000;
   margin: 5px 4px -5px 0px;
   display: none;
 }
 /*custom input*/
 .text-input, select {
     width: 100%;
     -webkit-appearance: none;
     padding: 12px 25px;
      margin: -2px 0;
     display: inline-block;
     border: 0px solid rgba(51, 51, 51, 0);
     border-radius: -3px;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(240, 255, 235);
     -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
     -webkit-box-shadow: 0 0 5px #777;
     -o-box-shadow: 0 0 10px rgba(240, 255, 235);
     font-size: 12px;
 }
 .happen-imagemeetup{
-  padding: 0px 0px 0px 36px;
+  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: #171717;
     /*background-image: url(/images/mock_up_background.jpg);
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;*/
  }
 /* .footer {
     bottom: 0px;
     background-color: #76b34f !important;
     width: 100%;
     color:rgba(255, 255, 255, 0.77);
 }*/
 /********question box*****************/
 .question-shadow {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
 }
 .question-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 /*for p*/
 .line-space {
   line-height: 1.6em;
   font-size: 11px;
 }
 .line-adjust {
   margin-left: 0px;
 }
 /*badge icon css*/
 .material-icons{
   font-size: 17px !important;
 }
 .icon-circle-a {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-b {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-c {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-d {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-e {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-f {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-g {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 14px;
     margin-top: 10px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-h {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-i {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-j {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-k {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-y {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-o {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-l {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-m {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-n {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-x {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-p {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 30px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-z {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-q {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-ab {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-abc {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-bc {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-abcdefg {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .referel-icon {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 /*quiz*/
 .q-card-align div{
   margin-bottom: 15px;
 }
 .drop-down {
   background-color: #fff;
   border-radius: 0;
   font-size: 12px;
 }
 .footer-link, .footer-link:hover {
   color:#fff;
 }
 /*idea content margin*/
 .content-idea{
   margin:196px 12px 8px;
 }
 .content-product{
   margin:193px -19px 9px;
 }
 .content-growth{
   margin:192px 11px 8px;
 }
 .last-content-card{
   /*margin: 0px -85px -4px -51px;*/
 }
 @media (max-width: 600px) {
   .content-idea{
     margin: auto;
   }
   .content-product{
     margin: auto;
   }
   .content-growth{
     margin: auto;
   }
   .stages-card{
     margin: auto;
     margin-bottom: 15px;
   }
   .last-content-card{
     margin: auto;
   }
   .card-align{
     margin: auto;
   }
 }
 .toggler {
     width: 500px;
     height: 200px;
   }
   #button {
     padding: .5em 1em;
     text-decoration: none;
   }
   #effect {
     position: relative;
     width: 240px;
     height: 170px;
     padding: 0.4em;
   }
   #effect h3 {
     margin: 0;
     padding: 0.4em;
     text-align: center;
   }
 #snackbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #F44336;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     bottom: 30px;
     font-size: 17px;
 }
 /* Loader Css */
 .myLoaderWrap{
   width: 100%;
   height: 100%;
   position: fixed;
   background-color: rgba(0,0,0,0.5);
   z-index: 9999999;
   top: 0;
   left: 0;
 }
 #snackbar.show {
     visibility: visible;
     -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
     animation: fadin 0.5s, fadout 0.5s 2.5s;
 }
 @-webkit-keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 @keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 #snacsskbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #333;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     top: 30px;
     font-size: 17px;
 }
 #snacsskbar.show {
     visibility: visible;
     -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
     animation: fadein 0.5s, fadeout 0.5s 2.5s;
 }
 @-webkit-keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 @keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 input.hidden {
     position: absolute;
     left: -9999px;
 }
 #profile-image1 {
     cursor: pointer;
      width: 100px;
     height: 100px;
     border:2px solid #eee ;
   }
   .tital{ font-size:16px; font-weight:500;}
   .bot-border{ border-bottom:1px #f8f8f8 solid;  margin:5px 0  5px 0}
   .footerpadd{padding: 5px;}
   .container1{
     width: 100%
   }
   .no-margin{
     margin: 0 0 0 !important;
   }
   .no-padding{
     padding: 0 0 0 0 !important;
   }
   .select-stage{
     margin: 10px 0;
   }
   .cards-content{
     margin-top: 40px;
   }
   .cards-content p{
     font-size: 13px;
   }
 .q-card-align{
   margin-top: 15px;
 }
 .width-auto{
   width: auto !important;
 }
 .margin-right-label{
   margin-right: 20px;
 }
 .margin-right-label label{
   margin-left: 5px;
 }
 .apply-coupen-btn{
   position: absolute;
   top: -2px;
   right: 13px;
   border: none;
   height: 44px;
   color: #fff;
   background-color: #666;
   width: 75px;
 }
 .coupen-approved{
   position: absolute;
   right: 120px;
   top: 6px;
   color: rgb(66, 181, 73);
   font-size: 30px !important;
 }
 .right-side-links{
   margin-top: 12px;
 }
 .right-side-links a{
   width: auto;
   display: inline;
 }
 .right-side-links a:first-child{
   border-right: 1px solid #fff;
   padding-right: 4px;
 }
   @media (max-width: 768px){
     .cards-content{
       margin-top: 15px;
       margin-bottom: 30px;
     }
     .no-padding-mobile{
       padding-left: 0 !important;
       padding-right: 0 !important;
     }
     .sector-align .card-small{
       height: 74px;
     }
     .stages-card{
       width: 92%;
     }
     .right-stage-card{
       float: right;
     }
     .margin-auto-mobile{
       margin-left: 4%;
     }
     .card .thumbnail{
       padding: 15px 0 1px 0;
     }
     .thumbnail > img, .thumbnail a > img{
       width: 50%;
     }
     .right-side-links a{
       display: block;
       width: 100%;
     }
     .right-side-links a:first-child{
       border-right: 0 solid #fff;
       padding-right: 0;
     }
     .right-side-links{
       margin-top: 0;
     }
     .panel-default{
       border-color: transparent;
       box-shadow: none;
     }
     .modal-footers {
       padding: 19px 20px 20px;
       margin-top: 15px;
       text-align: center !important;
       margin-bottom: 4px;
     }
     .startup-jalsa{
       font-family: 'BenchNine', sans-serif;
       color: rgb(25, 104, 157);
       position:relative;
       z-index:2;
     }
   }
 .jalsaheader{
   color: #D53735;
   text-align: center;
   margin-top: 6%;
   font-size: 37px;
 }
 .jalsaHeader{
   color: #fff;
   text-align: center;
-  font-size: 25px;
+  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;
   /*color: #666;*/
   font-weight: normal;
   margin-bottom: 0;
 }
 .form-group-text{
   color:red;
 }
 .button-aligment{
   margin-top: 5px;
   margin-right: 14px;
   margin-bottom: 15px;
 }
 .card-text {
     clear: both;
     margin-top: .5em;
     /*color: rgba(0, 0, 0, .68);*/
     padding-bottom: 3%;
     font-size: 13px;
 }
 .card-text2 {
     padding: 3% 0 3% 4%;
     margin-bottom: 12%;
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .card-text2 span{
   font-size: 13px;
   /*color: #666;*/
 }
 .card-text2 div{
   margin-top: 0 !important;
   font-weight: normal;
   /*color: #000;*/
   font-size: 12px;
   padding-bottom: 0;
 }
 .card-inverse .btn {
     border: 1px solid rgba(0, 0, 0, .05);
 }
 .card-text3 {
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .container {
     display: block;
     position: relative;
     padding: 0;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 16px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width:100%;
 }
 .container1 {
     display: block;
     position: relative;
     padding-left: 31px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 15px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width:100%;
 }
 /* Hide the browser's default radio button */
 .container input {
     position: absolute;
     opacity: 0;
 }
 /* Create a custom radio button */
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #eee;
     border-radius: 50%;
 }
 /* On mouse-over, add a grey background color */
 .container:hover input ~ .checkmark {
     background-color: #ccc;
 }
 /* When the radio button is checked, add a blue background */
 .container input:checked ~ .checkmark {
     background-color: #42b549;
 }
 /* Create the indicator (the dot/circle - hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }
 /* Show the indicator (dot/circle) when checked */
 .container input:checked ~ .checkmark:after {
     display: block;
 }
 /* Style the indicator (dot/circle) */
 .container .checkmark:after {
   top: 9px;
   left: 9px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: white;
 }
 table {
     /*font-family: arial, sans-serif;
     border-collapse: collapse;*/
     width: 60%;
 }
 .city-meetup {
     /* opacity: 0.7; */
     filter: alpha(opacity=80); /* For IE8 and earlier */
 }
 .card-color{
   background-color:#171717;
   font-size: 16px;
   /* border-radius: 25px; */
 }
 .card-color-confirm{
   background-color:#f5f5f5;
   font-size: 16px;
   margin-top: 10%;
   /* width:50%; */
   border-radius: 10px;
   padding: 60px 0px 60px 0px;
 }
 .startup-jalsa{
   font-family: 'BenchNine', sans-serif;
   /*font-size: 70.15pt;*/
   color: rgb(25, 104, 157);
   position:relative;
   z-index:2;
 }
 .header{
     /*width: 100%;*/
     text-align: center;
     padding-top:2%;
     /*padding: 4px 20px;*/
 }
 .happen-city{
   padding-top:12%;
 }
 .happen-meetup{
   font-family: 'Arial',sans-serif;
   /* margin-bottom: 10px; */
-  margin-left: 1%;
+  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:8%;
+      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: #171717;
       /*background-image: url(/images/mock_up_background.jpg);
       background-repeat: no-repeat;
       background-attachment:fixed;
       background-position: top center;
       -webkit-background-attachment: fixed;
       background-size: 400% auto;
       -webkit-background-size:400% auto;*/
     }
     .bg_dots{
       height:80%;
       background-size: 300% auto;
       -webkit-background-size:300% auto;
       position:fixed;
       top:0;
     }
     .logojalsa{
       width:130px;display: block;
       margin: auto;
     }
     .PitchYourPower{
       position: relative;color: rgb(25, 104, 157);margin-top: -15%;
     }
 }
   @media screen and (max-device-width: 991px) and (orientation: landscape){
     .rotate-card{
       width: 100%;
     }
 }
 @media (min-width:768px) and (max-width:991px){
   .logojalsa{
       width:130px;display: block;
       margin: auto;
     }
 }

pages/Home.html

Diff comments View file @bde6026

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

pages/caricatures.html

Diff comments View file @bde6026

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