Shilpi Saini / startup_jalsa_frontend

Browse Code »

Commit c9436672bda8969ae001c28fe57051fdc444ef71

Authored by Palak Handa 2018-08-09 01:15:27 -0400

1 parent 944cbb8ea3

Exists in master and in 1 other branch

icons add

Showing 3 changed files with 22 additions and 16 deletions Show diff stats

css/custom.css

Diff comments View file @c943667

 {
     outline: none !important;
 }
 .logo{
     height: 45px;
     margin-left:
 }
 .hyperColor{
   color: white !important;
   cursor: pointer !important;
 }
 .main-heading{
     height: 70px;
     line-height: 70px;
 }
 .card{
     flex-direction: column;
     background-color: rgb(255,255,255);
     border-radius: 0;
     width: 676px;
     box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
 }
 .card input{
     display: none;
 }
 .card .card-content{
     padding: 12px;
   font-size: 12px;
 }
 .card p{
   margin-top:18px;
   margin-right:4px ;
   margin-bottom:-5px;
   /*margin-left:13px;*/
     font-family: montserrat, arial, verdana;
     font-weight: normal;
     font-size: 12px;
 }
 .card .thumbnail{
     padding: 15px 30px 1px 28px;
     border: 0;
   border-radius: 0px !important;
 }
 .panel-default{
   border-color: #ddd;
 }
 .video-wrapper{
     padding: 16px 0;
 }
 .stageRadio:checked+label{
     background-color: #42b549;
     color: #fff !important;
 }
 .stageRadio1:checked+label{
     background-color: rgba(158, 158, 158, 0.05);
 }
 /* css for radio buttons */
 .option-input {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 15px;
   width: 15px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input:checked {
   background: #42b549;
 }
 .option-input:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /*second css*/
 .option-input-a {
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   position: relative;
   /*top: 13.33333px;*/
   right: 0;
   bottom: 0;
   left: 0;
   height: 22px;
   width: 22px;
   transition: all 0.15s ease-out 0s;
   background: transparent;
   border: 2px solid #42b549;
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-right: 0.5rem;
   outline: none;
   position: relative;
   z-index: 1000;
 }
 .option-input-a:checked {
   background: #42b549;
 }
 .option-input-a:checked::before {
   height: 20px;
   width: 20px;
   position: absolute;
   /*content: '✔';*/
   display: inline-block;
   font-size: 12px;
   text-align: center;
   line-height: 22px;
 }
 .option-input-a:checked::after {
   -webkit-animation: click-wave 0.65s;
   -moz-animation: click-wave 0.65s;
   animation: click-wave 0.65s;
   background: #40e0d0;
   content: '';
   display: block;
   position: relative;
   z-index: 100;
 }
 .option-input-a.radio-a {
   border-radius: 50%;
 }
 .option-input-a.radio-a::after {
   border-radius: 50%;
 }
 /* css for radio ends */
 .card-small{
     cursor: pointer;
 }
 .card-small img{
     width: 37px;
 }
 .card-small label{
     width: 100%;
     font-weight: normal;
     font-size: 12px;
     margin-top: 5px;
 }
 /*.text-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   font-size: 18px;
   padding: 5px;
 }*/
 .input-wrapper{
   margin-bottom: 15px !important;
 }
 .select-input{
   width: 100%;
   border: 0;
   border-bottom: 2px solid #42b549;
   background-color: transparent;
   font-size: 12px;
   padding: 5px;
 }
 .submit-button, .submit-button:hover{
   /*background-color: #00bcd4;*/
   background-color: rgb(92, 198, 208);
   color: #fff;
   /*display: none;*/
 }
 .submit-button:disabled{
   background-color: #ddd;
 }
 .textarea{
   min-height: 97px;
 }
 .error-message{
   font-weight: inherit;
   color: #ff0000;
   margin: 5px 4px -5px 0px;
   display: none;
 }
 /*custom input*/
 .text-input, select {
     width: 100%;
     -webkit-appearance: none;
     padding: 12px 25px;
      margin: -2px 0;
     display: inline-block;
     border: 0px solid rgba(51, 51, 51, 0);
     border-radius: -3px;
     box-sizing: border-box;
     box-shadow: 0 0 10px rgba(240, 255, 235);
     -moz-box-shadow: 0 0 10px rgba(240, 255, 235);
     -webkit-box-shadow: 0 0 5px #777;
     -o-box-shadow: 0 0 10px rgba(240, 255, 235);
     font-size: 12px;
 }
 /* progress bar css */
 @-webkit-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @-moz-keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 @keyframes
 load { 0% {
 stroke-dashoffset:0
 }
 }
 /* Container */
 .progress-form {
   position: relative;
   display: inline-block;
   padding: 0;
   text-align: center;
 }
 /* Item */
 .progress-form>li {
   display: inline-block;
   position: relative;
   text-align: center;
   color: #93A2AC;
   font-family: Lato;
   font-weight: 100;
   margin: 2rem;
 }
 .progress-form>li:before {
   content: attr(data-name);
   position: absolute;
   width: 100%;
   bottom: -2rem;
   font-weight: 400;
 }
 .progress-form>li:after {
   content: attr(data-percent);
   position: absolute;
   width: 100%;
   top: 3.7rem;
   left: 0;
   font-size: 2rem;
   text-align: center;
 }
 .progress-form svg {
   width: 10rem;
   height: 10rem;
 }
 .progress-form svg:nth-child(2) {
   position: absolute;
   left: 0;
   top: 0;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
 }
 .progress-form svg:nth-child(2) path {
   fill: none;
   stroke-width: 25;
   stroke-dasharray: 629;
   stroke: rgba(255, 255, 255, 0.9);
   -webkit-animation: load 10s;
   -moz-animation: load 10s;
   -o-animation: load 10s;
   animation: load 10s;
 }
 /*circle of stage image*/
 .circular{
     -webkit-border-radius: 150px;
     -moz-border-radius: 150px;
     border-radius: 150px;
     box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
     border: 5px solid white;
     overflow: hidden;
     position: fixed;
     height: 100px;
     width: 100px;
     left: 80px;
     top: 20px;
 }
 /*font-size*/
 .font{
   font-size: 14px;
 }
 .f-family {
   font-family:sans-serif;
 }
 /*container-card css*/
 .container-card {
   width: auto;
   float: left;
   margin: 31px 24px 26px 14px;
 }
 /******This css for header container******/
 .h1 {
   font-size: 20px;
   margin: 11px;
 }
 .paragraph {
   font-size: 14px;
   margin: 30px 10px 20px;
   line-height: 1.5;
 }
 /*This css for stages container*/
 .full-line {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 .stages-card {
   width: auto;
   float: left;
   /*margin: -30px 8px 7px 22px;*/
 }
 /*form -css*/
 .form-all {
   margin: 13px 4px 26px -2px;
   /*display: none;*/
 }
 .step-two-form{
   display: block;
 }
 /*This is for stages images*/
 .stage-img {
   width: 115px;
 }
 .stage-thumbnail {
   float: left;
   margin-bottom: 0;
 }
 .stage-shadow {
   /*box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12); */
   /*margin: 3px 22px 14px 14px;*/
   background-color: #ffffff;
 }
 .line-size {
 }
 .card-paragraph {
   background-color: rgba(66, 181, 73, 0.61);
   color: #fff;
 }
 /* identity card css*/
 .identity-shadow {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 15px 15px 17px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .identity-question {
   border-bottom: 2px solid #dedede;
   padding: 0px 10px;
 }
 .identity-align {
   margin: 8px -12px 19px 13px;
 }
 /********This css for sectors**************/
 .sectors-card {
   box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.2),
   0px 1px 1px 0px rgba(0, 0, 0, 0.14),
   0px 2px 1px -1px rgba(0, 0, 0, 0.12);
   margin: 27px 22px 14px 14px;
   background-color: #ffffff;
   /*display: none;*/
 }
 .sector-card {
   width: auto;
   float: left;
   margin: 29px 22px 26px 14px;
 }
 .sector-question {
   border-bottom: 2px solid #dedede;
   padding: 15px 10px;
 }
 /*To make the Stages in the center*/
 .card-align {
   /*margin: 56px -267px 11px -37px;*/
 }
 /*To make the sectors in the center */
 /*************sidebar content margin***********/
 .sidebar-align {
   margin: -5px -3px -18px 9px;
 }
 .heading {
   margin: 15px 10px 15px 16px;
 }
 .quiz {
   margin: 5px 5px 6px 19px;
   font-size: 12px;
 }
 #footer {
     position: bottom;
     width: 100%;
     height: auto;
  }
  #front {
    background-image: url(/images/mock_up_background.jpg);
     background-repeat: round;
  }
 /* .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: 4px;
     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: 4px;
     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: 4px;
     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: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-z {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-q {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 4px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-ab {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-abc {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-bc {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .icon-circle-abcdefg {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 .referel-icon {
     background: rgba(89, 89, 89, 0.92);
     border-radius: 50%;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 0px;
     margin-top: 3px;
     color: #fff;
     text-align: center;
 }
 /*quiz*/
 .q-card-align div{
   margin-bottom: 15px;
 }
 .drop-down {
   background-color: #fff;
   border-radius: 0;
   font-size: 12px;
 }
 .footer-link, .footer-link:hover {
   color:#fff;
 }
 /*idea content margin*/
 .content-idea{
   margin:196px 12px 8px;
 }
 .content-product{
   margin:193px -19px 9px;
 }
 .content-growth{
   margin:192px 11px 8px;
 }
 .last-content-card{
   /*margin: 0px -85px -4px -51px;*/
 }
 @media (max-width: 600px) {
   .content-idea{
     margin: auto;
   }
   .content-product{
     margin: auto;
   }
   .content-growth{
     margin: auto;
   }
   .stages-card{
     margin: auto;
     margin-bottom: 15px;
   }
   .last-content-card{
     margin: auto;
   }
   .card-align{
     margin: auto;
   }
 }
 .toggler {
     width: 500px;
     height: 200px;
   }
   #button {
     padding: .5em 1em;
     text-decoration: none;
   }
   #effect {
     position: relative;
     width: 240px;
     height: 170px;
     padding: 0.4em;
   }
   #effect h3 {
     margin: 0;
     padding: 0.4em;
     text-align: center;
   }
 #snackbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #F44336;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     bottom: 30px;
     font-size: 17px;
 }
 #snackbar.show {
     visibility: visible;
     -webkit-animation: fadin 0.5s, fadout 0.5s 2.5s;
     animation: fadin 0.5s, fadout 0.5s 2.5s;
 }
 @-webkit-keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @keyframes fadin {
     from {bottom: 0; opacity: 0;}
     to {bottom: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 @keyframes fadout {
     from {bottom: 30px; opacity: 1;}
     to {bottom: 0; opacity: 0;}
 }
 #snacsskbar {
     visibility: hidden;
     min-width: 250px;
     margin-left: -125px;
     background-color: #333;
     color: #fff;
     text-align: center;
     border-radius: 2px;
     padding: 16px;
     position: fixed;
     z-index: 1;
     left: 50%;
     top: 30px;
     font-size: 17px;
 }
 #snacsskbar.show {
     visibility: visible;
     -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
     animation: fadein 0.5s, fadeout 0.5s 2.5s;
 }
 @-webkit-keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @keyframes fadein {
     from {top: 0; opacity: 0;}
     to {top: 30px; opacity: 1;}
 }
 @-webkit-keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 @keyframes fadeout {
     from {top: 30px; opacity: 1;}
     to {top: 0; opacity: 0;}
 }
 input.hidden {
     position: absolute;
     left: -9999px;
 }
 #profile-image1 {
     cursor: pointer;
      width: 100px;
     height: 100px;
     border:2px solid #eee ;
   }
   .tital{ font-size:16px; font-weight:500;}
   .bot-border{ border-bottom:1px #f8f8f8 solid;  margin:5px 0  5px 0}
   .footerpadd{padding: 5px;}
   .container1{
     width: 100%
   }
   .no-margin{
     margin: 0 0 0 !important;
   }
   .no-padding{
     padding: 0 0 0 0 !important;
   }
   .select-stage{
     margin: 10px 0;
   }
   .cards-content{
     margin-top: 40px;
   }
   .cards-content p{
     font-size: 13px;
   }
 .q-card-align{
   margin-top: 15px;
 }
 .width-auto{
   width: auto !important;
 }
 .margin-right-label{
   margin-right: 20px;
 }
 .margin-right-label label{
   margin-left: 5px;
 }
 .apply-coupen-btn{
   position: absolute;
   top: -2px;
   right: 13px;
   border: none;
   height: 44px;
   color: #fff;
   background-color: #666;
   width: 75px;
 }
 .coupen-approved{
   position: absolute;
   right: 120px;
   top: 6px;
   color: rgb(66, 181, 73);
   font-size: 30px !important;
 }
 .right-side-links{
   margin-top: 12px;
 }
 .right-side-links a{
   width: auto;
   display: inline;
 }
 .right-side-links a:first-child{
   border-right: 1px solid #fff;
   padding-right: 4px;
 }
   @media (max-width: 768px){
     .cards-content{
       margin-top: 15px;
       margin-bottom: 30px;
     }
     .no-padding-mobile{
       padding-left: 0 !important;
       padding-right: 0 !important;
     }
     .sector-align .card-small{
       height: 74px;
     }
     .stages-card{
       width: 92%;
     }
     .right-stage-card{
       float: right;
     }
     .margin-auto-mobile{
       margin-left: 4%;
     }
     .card .thumbnail{
       padding: 15px 0 1px 0;
     }
     .thumbnail > img, .thumbnail a > img{
       width: 50%;
     }
     .right-side-links a{
       display: block;
       width: 100%;
     }
     .right-side-links a:first-child{
       border-right: 0 solid #fff;
       padding-right: 0;
     }
     .right-side-links{
       margin-top: 0;
     }
     .panel-default{
       border-color: transparent;
       box-shadow: none;
     }
     .modal-footers {
       padding: 19px 20px 20px;
       margin-top: 15px;
       text-align: center !important;
       margin-bottom: 4px;
     }
   }
 .card-input {
    display: none;
 }
 .card {
     font-size: 1em;
     overflow: hidden;
     padding: 0;
     border: none;
     /*border-radius: .28571429rem;*/
     box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
 }
 .card-block {
     font-size: 1em;
     position: relative;
     margin: 0;
     padding: 4%;
     border: none;
     border-top: 1px solid rgba(34, 36, 38, .1);
     box-shadow: none;
 }
 .button-position{
   position: relative;
   top: -10px;
 }
 .card-img-top {
     display: block;
     width: 100%;
     height: auto;
 }
 .card-title {
     font-size: 17px;
     font-weight: 600;
     margin: 0;
     line-height: normal;
 }
 .card-sub-title{
   font-family: 'Arial',sans-serif;
   /*color: #666;*/
   font-weight: normal;
   margin-bottom: 0;
 }
 .button-aligment{
   margin-top: 5px;
   margin-right: 14px;
   margin-bottom: 15px;
 }
 .card-text {
     clear: both;
     margin-top: .5em;
     /*color: rgba(0, 0, 0, .68);*/
     padding-bottom: 3%;
     font-size: 13px;
 }
 .card-text2 {
     padding: 3% 0 3% 4%;;
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .card-text2 span{
   font-size: 13px;
   /*color: #666;*/
 }
 .card-text2 div{
   margin-top: 0 !important;
   font-weight: normal;
   /*color: #000;*/
   font-size: 12px;
   padding-bottom: 0;
 }
 .card-inverse .btn {
     border: 1px solid rgba(0, 0, 0, .05);
 }
 .card-text3 {
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .container {
     display: block;
     position: relative;
     padding: 0;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 16px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width:100%;
 }
 .container1 {
     display: block;
     position: relative;
     padding-left: 31px;
     margin-bottom: 12px;
     cursor: pointer;
     font-size: 15px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     width:100%;
 }
 /* Hide the browser's default radio button */
 .container input {
     position: absolute;
     opacity: 0;
 }
 /* Create a custom radio button */
 .checkmark {
     position: absolute;
     top: 0;
     left: 0;
     height: 25px;
     width: 25px;
     background-color: #eee;
     border-radius: 50%;
 }
 /* On mouse-over, add a grey background color */
 .container:hover input ~ .checkmark {
     background-color: #ccc;
 }
 /* When the radio button is checked, add a blue background */
 .container input:checked ~ .checkmark {
     background-color: #42b549;
 }
 /* Create the indicator (the dot/circle - hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
 }
 /* Show the indicator (dot/circle) when checked */
 .container input:checked ~ .checkmark:after {
     display: block;
 }
 /* Style the indicator (dot/circle) */
 .container .checkmark:after {
   top: 9px;
   left: 9px;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: white;
 }
 table {
     /*font-family: arial, sans-serif;
     border-collapse: collapse;*/
     width: 60%;
 }
 .city-meetup {
     opacity: 0.8;
     filter: alpha(opacity=80); /* For IE8 and earlier */
 }
 .card-color{
   background-color:white;
+  font-size: 16px;
 }
 .startup-jalsa{
   font-family: 'BenchNine', sans-serif;
   font-size: 70.15pt;
   color: rgb(25, 104, 157);
 }
 .header{
     /*width: 100%;*/
     text-align: center;
     padding-top:2%;
     /*padding: 4px 20px;*/
 }
 .happen-city{
   padding-top:12%;
 }
 .happen-meetup{
   font-family: 'Arial',sans-serif;
   margin-bottom: 10px;
   margin-left: 5%;
 }
 .happen-attend{
   margin-top:6%;
 }
 .width-auto{
   width:auto;
 }
 .apply-btn{
   text-align:center;margin-top: 2%;margin-bottom: 2%;
 }
 .Apply-btn{
     font-size: 12px;
     line-height: 1.5;
     border-radius: 10px;
     background-color: rgb(92, 198, 208);
+}
+.Apply-btn:active {
+    color: red;
+}
+.Apply-btn:hover {
+    background-color: rgb(92, 198, 208);
 }

pages/Home.html

Diff comments View file @c943667

1	<div class="header">	1	<div class="header">
2	<div>	2	<div>
3	<h1 class="startup-jalsa">STARTUP JALSA 2018</h1>	3	<h1 class="startup-jalsa">STARTUP JALSA 2018</h1>
4	</div>	4	</div>
5		5
6	<div class="clearfix"></div>	6	<div class="clearfix"></div>
7	</div>	7	</div>
8	<!-- CLOSE HEADER -->	8	<!-- CLOSE HEADER -->
9	<form name="homeForm">	9	<form name="homeForm">
10	<div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup card-color">	10	<div class="col-xs-12 col-md-10 col-md-offset-1 city-meetup card-color">
11	<div class="col-xs-12">	11	<div class="col-xs-12">
12	<div class="row">	12	<div class="row">
13	<div class="col-sm-6">	13	<div class="col-sm-6">
14	<div class="happen-city">	14	<div class="happen-city">
15	<div class="happen-meetup">	15	<div class="happen-meetup">
16	<b>What will happen at the city meetup:</b>	16	<b>What will happen at the city meetup:</b>
17	</div>	17	</div>
18	<ul>	18	<ul>
19	<li>A mentoring session followed by Q/A by a renowned speaker from the startup ecosystem.</li>	19	<li>A mentoring session followed by Q/A by a renowned speaker from the startup ecosystem.</li>
20	<li>One-on-one interaction between startups and the Vivekananda Capital team.</li>	20	<li>One-on-one interaction between startups and the Vivekananda Capital team.</li>
21	<li>The most exciting startups will get travel grant to fly to the 2018 of Startup Jalsa where they will have an opportunity to get an investment of Rs 25lacs at 7.5% equity, subject to due diligence.</li>	21	<li>The most exciting startups will get travel grant to fly to the 2018 of Startup Jalsa where they will have an opportunity to get an investment of Rs 25lacs at 7.5% equity, subject to due diligence.</li>
22	</ul>	22	</ul>
23	</div>	23	</div>
24	</div>	24	</div>
25	<div class="row">	25	<div class="row">
26	<div class="col-sm-6 happen-attend">	26	<div class="col-sm-6 happen-attend">
27	<div class="width-auto">	27	<div class="width-auto">
28	<div class="happen-meetup">	28	<div class="happen-meetup" style="margin-top: -5px;">
29	<b>Who can attend the meetup?</b>	29	<b>Who can attend the meetup?</b>
30	</div>	30	</div>
31	<ul>	31	<ul>
32	<li>A minimum working prototype is all you need to participate. If you have revenue, even better.</li>	32	<li>A minimum working prototype is all you need to participate. If you have revenue, even better.</li>
33	</ul>	33	</ul>
34	</div>	34	</div>
35	</div>	35	</div>
36	</div>	36	</div>
37	</div><br>	37	</div><br>
38	<div class="apply-btn">	38	<div class="apply-btn">
39	<input type="button" class="btn submit-button " value="Apply" ng-click="apply()">	39	<input type="button" class="btn submit-button " value="Apply" ng-click="apply()">
40	</div>	40	</div>
41
42	</div>	41	</div>
43	</div>	42	</div>
44	</form>	43	</form>
45	<footer style="margin-top: 45%;">	44	<footer style="margin-top: 45%;">
46	<img id="footer" class="img-responsive banner">	45	<img id="footer" class="img-responsive banner">
47	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>	46	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank"></a> </center>
48	</footer>	47	</footer>
49		48
50		49

pages/registration.html

Diff comments View file @c943667

1	<div class="col-xs-12 col-md-10 col-md-offset-1">	1	<div class="col-xs-12 col-md-10 col-md-offset-1">
2	<div class="stage-shadow" id="front">	2	<div class="stage-shadow" id="front">
3	<div class="stages card-align">	3	<div class="stages card-align">
4	<div class="row">	4	<div class="row">
5	<div class="col-md-3" style="margin-top: 2%;">	5	<div class="col-md-3" style="margin-top: 2%;">
6	<div class="card" style="width:100%;border-radius: 6px;">	6	<div class="card" style="width:100%;border-radius: 6px;">
7	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	7	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
8	<img class="card-img-top" src="images/bangeluru.png" style="width:100%">	8	<img class="card-img-top" src="images/bangeluru.png" style="width:100%">
9	<div class="card-block">	9	<div class="card-block">
10	<div class="pull-left">	10	<div class="pull-left">
11	<h4 class="card-title">Bangalore</h4><br>	11	<h4 class="card-title">Bangalore</h4><br>
12	<label class="card-sub-title">Tuesday,</label>	12	<label class="card-sub-title">Tuesday,</label>
13	</div>	13	</div>
14	<div class="pull-right">	14	<div class="pull-right">
15	<span>IIM-Bagalore</span>	15	<label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Bagalore</label>
16	</div>	16	</div>
17	<div class="clearfix"></div>	17	<div class="clearfix"></div>
18	<label class="card-sub-title">Sept 18,2018</label>	18	<label class="card-sub-title">Sept 18,2018</label>
19	</div>	19	</div>
20	<div class="card-text2">	20	<div class="card-text2">
21	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	21	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
22	</div>	22	</div>
23	</label>	23	</label>
24	</div>	24	</div>
25	</div>	25	</div>
26	<div class="col-md-3" style="margin-top: 2%;">	26	<div class="col-md-3" style="margin-top: 2%;">
27	<div class="card" style="width:100%;border-radius: 6px;">	27	<div class="card" style="width:100%;border-radius: 6px;">
28	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	28	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
29	<img class="card-img-top" src="images/chennai.png" style="width:100%">	29	<img class="card-img-top" src="images/chennai.png" style="width:100%">
30	<div class="card-block">	30	<div class="card-block">
31	<div class="pull-left">	31	<div class="pull-left">
32	<h4 class="card-title">Chennai</h4><br>	32	<h4 class="card-title">Chennai</h4><br>
33	<label class="card-sub-title">Thrusday,</label>	33	<label class="card-sub-title">Thrusday,</label>
34	</div>	34	</div>
35	<div class="pull-right">	35	<div class="pull-right">
36	<span>IIT-Madras</span>	36	<label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Madras</label>
37	</div>	37	</div>
38	<div class="clearfix"></div>	38	<div class="clearfix"></div>
39	<label class="card-sub-title">Sept 20,2018</label>	39	<label class="card-sub-title">Sept 20,2018</label>
40	</div>	40	</div>
41	<div class="card-text2">	41	<div class="card-text2">
42	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	42	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
43	</div>	43	</div>
44	</label>	44	</label>
45	</div>	45	</div>
46	</div>	46	</div>
47	<div class="col-md-3" style="margin-top: 2%;">	47	<div class="col-md-3" style="margin-top: 2%;">
48	<div class="card" style="width:100%;border-radius: 6px;">	48	<div class="card" style="width:100%;border-radius: 6px;">
49	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	49	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
50	<img class="card-img-top" src="images/hydrabad.png" style="width:100%">	50	<img class="card-img-top" src="images/hydrabad.png" style="width:100%">
51	<div class="card-block">	51	<div class="card-block">
52	<div class="pull-left">	52	<div class="pull-left">
53	<h4 class="card-title">Hyderabad</h4><br>	53	<h4 class="card-title">Hyderabad</h4><br>
54	<label class="card-sub-title">Saturday,</label>	54	<label class="card-sub-title">Saturday,</label>
55	</div>	55	</div>
56	<div class="pull-right">	56	<div class="pull-right">
57	<span>IIT-Hyderabad</span>	57	<label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Hyderabad</label>
58	</div>	58	</div>
59	<div class="clearfix"></div>	59	<div class="clearfix"></div>
60	<label class="card-sub-title">Sept 22,2018</label>	60	<label class="card-sub-title">Sept 22,2018</label>
61	</div>	61	</div>
62	<div class="card-text2">	62	<div class="card-text2">
63	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	63	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
64	</div>	64	</div>
65	</label>	65	</label>
66	</div>	66	</div>
67	</div>	67	</div>
68	<div class="col-md-3" style="margin-top: 2%;">	68	<div class="col-md-3" style="margin-top: 2%;">
69	<div class="card" style="width:100%;border-radius: 6px;">	69	<div class="card" style="width:100%;border-radius: 6px;">
70	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	70	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
71	<img class="card-img-top" src="images/mumbai.png" style="width:100%">	71	<img class="card-img-top" src="images/mumbai.png" style="width:100%">
72	<div class="card-block">	72	<div class="card-block">
73	<div class="pull-left">	73	<div class="pull-left">
74	<h4 class="card-title">Mumbai</h4><br>	74	<h4 class="card-title">Mumbai</h4><br>
75	<label class="card-sub-title">Sunday,</label>	75	<label class="card-sub-title">Sunday,</label>
76	</div>	76	</div>
77	<div class="pull-right">	77	<div class="pull-right">
78	<span>IIT-Bombay</span>	78	<label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Bombay</label>
79	</div>	79	</div>
80	<div class="clearfix"></div>	80	<div class="clearfix"></div>
81	<label class="card-sub-title">Sept 23,2018</label>	81	<label class="card-sub-title">Sept 23,2018</label>
82	</div>	82	</div>
83	<div class="card-text2">	83	<div class="card-text2">
84	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	84	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
85	</div>	85	</div>
86	</label>	86	</label>
87	</div>	87	</div>
88	</div>	88	</div>
89	</div>	89	</div>
90	</div>	90	</div>
91	<div class="clearfix"></div>	91	<div class="clearfix"></div>
92	<div class="stages card-align">	92	<div class="stages card-align">
93	<div class="row">	93	<div class="row">
94	<div class="col-md-3" style="margin-top: 2%;">	94	<div class="col-md-3" style="margin-top: 2%;">
95	<div class="card" style="width:100%;border-radius: 6px;">	95	<div class="card" style="width:100%;border-radius: 6px;">
96	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	96	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
97	<img class="card-img-top" src="images/guwahati.png" style="width:100%">	97	<img class="card-img-top" src="images/guwahati.png" style="width:100%">
98	<div class="card-block">	98	<div class="card-block">
99	<div class="pull-left">	99	<div class="pull-left">
100	<h4 class="card-title">Guwahati</h4><br>	100	<h4 class="card-title">Guwahati</h4><br>
101	<label class="card-sub-title">Saturday,</label>	101	<label class="card-sub-title">Saturday,</label>
102	</div>	102	</div>
103	<div class="pull-right">	103	<div class="pull-right">
104	<span>IIT-Guwahati</span>	104	<label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Guwahati</label>
105	</div>	105	</div>
106	<div class="clearfix"></div>	106	<div class="clearfix"></div>
107	<label class="card-sub-title">Sept 29,2018</label>	107	<label class="card-sub-title">Sept 29,2018</label>
108	</div>	108	</div>
109	<div class="card-text2">	109	<div class="card-text2">
110	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	110	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
111	</div>	111	</div>
112	</label>	112	</label>
113	</div>	113	</div>
114	</div>	114	</div>
115	<div class="col-md-3" style="margin-top: 2%;">	115	<div class="col-md-3" style="margin-top: 2%;">
116	<div class="card" style="width:100%;border-radius: 6px;">	116	<div class="card" style="width:100%;border-radius: 6px;">
117	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	117	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
118	<img class="card-img-top" src="images/kolkata.png" style="width:100%">	118	<img class="card-img-top" src="images/kolkata.png" style="width:100%">
119	<div class="card-block">	119	<div class="card-block">
120	<div class="pull-left">	120	<div class="pull-left">
121	<h4 class="card-title">Kolkata</h4><br>	121	<h4 class="card-title">Kolkata</h4><br>
122	<label class="card-sub-title">Wednesday,</label>	122	<label class="card-sub-title">Wednesday,</label>
123	</div>	123	</div>
124	<div class="pull-right">	124	<div class="pull-right">
125	<span>IIM-Calcutta</span>	125	<label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Calcutta</label>
126	</div>	126	</div>
127	<div class="clearfix"></div>	127	<div class="clearfix"></div>
128	<label class="card-sub-title">Oct 3,2018</label>	128	<label class="card-sub-title">Oct 3,2018</label>
129	</div>	129	</div>
130	<div class="card-text2">	130	<div class="card-text2">
131	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	131	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
132	</div>	132	</div>
133	</label>	133	</label>
134	</div>	134	</div>
135	</div>	135	</div>
136	<div class="col-md-3" style="margin-top: 2%;">	136	<div class="col-md-3" style="margin-top: 2%;">
137	<div class="card" style="width:100%;border-radius: 6px;">	137	<div class="card" style="width:100%;border-radius: 6px;">
138	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	138	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
139	<img class="card-img-top" src="images/jaipur.png" style="width:100%">	139	<img class="card-img-top" src="images/jaipur.png" style="width:100%">
140	<div class="card-block">	140	<div class="card-block">
141	<div class="pull-left">	141	<div class="pull-left">
142	<h4 class="card-title">Jaipur</h4><br>	142	<h4 class="card-title">Jaipur</h4><br>
143	<label class="card-sub-title">Friday,</label>	143	<label class="card-sub-title">Friday,</label>
144	</div>	144	</div>
145	<div class="pull-right">	145	<div class="pull-right">
146	<span>Startup Oasis</span>	146	<label class="card-sub-title"><i class="material-icons">location_on</i>Startup Oasis</label>
147	</div>	147	</div>
148	<div class="clearfix"></div>	148	<div class="clearfix"></div>
149	<label class="card-sub-title">Oct 5,2018</label>	149	<label class="card-sub-title">Oct 5,2018</label>
150	</div>	150	</div>
151	<div class="card-text2">	151	<div class="card-text2">
152	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	152	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
153	</div>	153	</div>
154	</label>	154	</label>
155	</div>	155	</div>
156	</div>	156	</div>
157	<div class="col-md-3" style="margin-top: 2%;">	157	<div class="col-md-3" style="margin-top: 2%;">
158	<div class="card" style="width:100%;border-radius: 6px;">	158	<div class="card" style="width:100%;border-radius: 6px;">
159	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	159	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
160	<img class="card-img-top" src="images/delhi.png" style="width:100%">	160	<img class="card-img-top" src="images/delhi.png" style="width:100%">
161	<div class="card-block">	161	<div class="card-block">
162	<div class="pull-left">	162	<div class="pull-left">
163	<h4 class="card-title">Delhi</h4><br>	163	<h4 class="card-title">Delhi</h4><br>
164	<label class="card-sub-title">Monday,</label>	164	<label class="card-sub-title">Monday,</label>
165	</div>	165	</div>
166	<div class="pull-right">	166	<div class="pull-right">
167	<span>IIT-Delhi</span>	167	<label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Delhi</label>
168	</div>	168	</div>
169	<div class="clearfix"></div>	169	<div class="clearfix"></div>
170	<label class="card-sub-title">Sept 8,2018</label>	170	<label class="card-sub-title">Sept 8,2018</label>
171	</div>	171	</div>
172	<div class="card-text2">	172	<div class="card-text2">
173	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	173	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
174	</div>	174	</div>
175	</label>	175	</label>
176	</div>	176	</div>
177	</div>	177	</div>
178	</div>	178	</div>
179	</div>	179	</div>
180	<div class="clearfix"></div>	180	<div class="clearfix"></div>
181	<div class="stages card-align">	181	<div class="stages card-align">
182	<div class="row">	182	<div class="row">
183	<div class="col-md-3" style="margin-top: 2%;">	183	<div class="col-md-3" style="margin-top: 2%;">
184	<div class="card" style="width:100%;border-radius: 6px;">	184	<div class="card" style="width:100%;border-radius: 6px;">
185	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	185	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
186	<img class="card-img-top" src="images/kanpur.png" style="width:100%">	186	<img class="card-img-top" src="images/kanpur.png" style="width:100%">
187	<div class="card-block">	187	<div class="card-block">
188	<div class="pull-left">	188	<div class="pull-left">
189	<h4 class="card-title">Kanpur</h4><br>	189	<h4 class="card-title">Kanpur</h4><br>
190	<label class="card-sub-title">Wednesday,</label>	190	<label class="card-sub-title">Wednesday,</label>
191	</div>	191	</div>
192	<div class="pull-right">	192	<div class="pull-right">
193	<span>IIT-Kanpur</span>	193	<label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Kanpur</label>
194	</div>	194	</div>
195	<div class="clearfix"></div>	195	<div class="clearfix"></div>
196	<label class="card-sub-title">Oct 10,2018</label>	196	<label class="card-sub-title">Oct 10,2018</label>
197	</div>	197	</div>
198	<div class="card-text2">	198	<div class="card-text2">
199	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	199	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
200	</div>	200	</div>
201	</label>	201	</label>
202	</div>	202	</div>
203	</div>	203	</div>
204	<div class="col-md-3" style="margin-top: 2%;">	204	<div class="col-md-3" style="margin-top: 2%;">
205	<div class="card" style="width:100%;border-radius: 6px;">	205	<div class="card" style="width:100%;border-radius: 6px;">
206	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	206	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
207	<img class="card-img-top" src="images/ahmedabad.png" style="width:100%">	207	<img class="card-img-top" src="images/ahmedabad.png" style="width:100%">
208	<div class="card-block">	208	<div class="card-block">
209	<div class="pull-left">	209	<div class="pull-left">
210	<h4 class="card-title">Ahmedabad</h4><br>	210	<h4 class="card-title">Ahmedabad</h4><br>
211	<label class="card-sub-title">Friday,</label>	211	<label class="card-sub-title">Friday,</label>
212	</div>	212	</div>
213	<div class="pull-right">	213	<div class="pull-right">
214	<span>IIM-Ahmedabad</span>	214	<label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Ahmedabad</label>
215	</div>	215	</div>
216	<div class="clearfix"></div>	216	<div class="clearfix"></div>
217	<label class="card-sub-title">Oct 12,2018</label>	217	<label class="card-sub-title">Oct 12,2018</label>
218	</div>	218	</div>
219	<div class="card-text2">	219	<div class="card-text2">
220	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	220	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
221	</div>	221	</div>
222	</label>	222	</label>
223	</div>	223	</div>
224	</div>	224	</div>
225	<div class="col-md-3" style="margin-top: 2%;">	225	<div class="col-md-3" style="margin-top: 2%;">
226	<div class="card" style="width:100%;border-radius: 6px;">	226	<div class="card" style="width:100%;border-radius: 6px;">
227	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	227	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
228	<img class="card-img-top" src="images/indore.png" style="width:100%">	228	<img class="card-img-top" src="images/indore.png" style="width:100%">
229	<div class="card-block">	229	<div class="card-block">
230	<div class="pull-left">	230	<div class="pull-left">
231	<h4 class="card-title">Indore</h4><br>	231	<h4 class="card-title">Indore</h4><br>
232	<label class="card-sub-title">Monday,</label>	232	<label class="card-sub-title">Monday,</label>
233	</div>	233	</div>
234	<div class="pull-right">	234	<div class="pull-right">
235	<span>IIM-Indore</span>	235	<label class="card-sub-title"><i class="material-icons">location_on</i>IIM-Indore</label>
236	</div>	236	</div>
237	<div class="clearfix"></div>	237	<div class="clearfix"></div>
238	<label class="card-sub-title">Oct 15,2018</label>	238	<label class="card-sub-title">Oct 15,2018</label>
239	</div>	239	</div>
240	<div class="card-text2">	240	<div class="card-text2">
241	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	241	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>
242	</div>	242	</div>
243	</label>	243	</label>
244	</div>	244	</div>
245	</div>	245	</div>
246	<div class="col-md-3" style="margin-top: 2%;">	246	<div class="col-md-3" style="margin-top: 2%;">
247	<div class="card" style="width:100%;border-radius: 6px;">	247	<div class="card" style="width:100%;border-radius: 6px;">
248	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">	248	<label style="cursor:pointer; padding: 0;" class="thumbnail radius-border stage-thumbnail">
249	<img class="card-img-top" src="images/roorkee.png" style="width:100%">	249	<img class="card-img-top" src="images/roorkee.png" style="width:100%">
250	<div class="card-block">	250	<div class="card-block">
251	<div class="pull-left">	251	<div class="pull-left">
252	<h4 class="card-title">Roorkee</h4><br>	252	<h4 class="card-title">Roorkee</h4><br>
253	<label class="card-sub-title">Wednesday,</label>	253	<label class="card-sub-title">Wednesday,</label>
254	</div>	254	</div>
255	<div class="pull-right">	255	<div class="pull-right">
256	<span>IIT-Roorkee</span>	256	<label class="card-sub-title"><i class="material-icons">location_on</i>IIT-Roorkee</label>
257	</div>	257	</div>
258	<div class="clearfix"></div>	258	<div class="clearfix"></div>
259	<label class="card-sub-title">Oct 17,2018</label>	259	<label class="card-sub-title">Oct 17,2018</label>
260	</div>	260	</div>
261	<div class="card-text2">	261	<div class="card-text2">
262	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" ng-click="watch('https://docs.google.com/forms/d/e/1FAIpQLSeNa28Kz-1669UfPKpHrWLXhFJVu27vvzxM7s1jLOTadrVDyA/viewform')" >Apply</button>	262	<button class="btn btn-info float-right btn-sm button-aligment Apply-btn" style="float:right;padding:3px 9px;" data-toggle="collapse" >Apply</button>
263	</div>	263	</div>
264	</label>	264	</label>
265	</div>	265	</div>
266	</div>	266	</div>
267	</div>	267	</div>
268	</div>	268	</div>
269	<div class="clearfix"></div>	269	<div class="clearfix"></div>
270	</div>	270	</div>
271	</div>	271	</div>
272	<div class="clearfix"></div>	272	<div class="clearfix"></div>
273	<footer style="margin-top: 5%;">	273	<footer style="margin-top: 5%;">
274	<img id="footer" class="img-responsive banner">	274	<img id="footer" class="img-responsive banner">
275	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a> </center>	275	<center class="footer"><a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a> </center>
276	</footer>	276	</footer>
277		277
278		278
279		279