viithiisys / startup_jalsa_frontend

Browse Code »

Commit ea155aa5a9c44dfbf67b5e6c2fe3446f6fbe60ed

Authored by Palak Handa 2017-11-13 05:55:40 -0500

2 parents f88fb56804 10e2470180

Exists in master and in 1 other branch

Merge branch 'master' of http://git.viithiisys.com/viithiisys/startup_jalsa_frontend

Showing 2 changed files Show diff stats

css/custom.css

Diff comments View file @ea155aa

 {
     outline: none !important;
 }
 .header{
     width: 100%;
     padding: 4px 20px;
     background-color: #42b549;
 }
 .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: #42b549;
   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 {
    background-image: url(/images/footer_design.png);
     background-repeat: inherit;
     position: bottom;
     width: 100%;
     height: auto;
     padding: 97px 3px 66px 83px;
  }
  .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: 13px;
     font-weight: 600;
     margin: 0;
     line-height: normal;
 }
 .card-sub-title{
   font-size: 12px;
   color: #666;
   font-weight: normal;
   margin-bottom: 0;
 }
 .button-aligment{
   margin-top: 5px;
 }
 .card-text {
     clear: both;
     margin-top: .5em;
     color: rgba(0, 0, 0, .68);
     padding-bottom: 3%;
     font-size: 13px;
 }
 .card-text2 {
     padding: 4%;
     border-top: 1px solid rgba(0, 0, 0, .05) !important;
 }
 .card-text2 span{
   font-size: 11px;
   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);
-}
+}

pages/Home.html

Diff comments View file @ea155aa

1	<div class="header">	1	<div class="header">
2	<div style="float: left;">	2	<div style="float: left;">
3	<!-- <a href="http://startupjalsa.com/utm_source=signature&utm_medium=Portal/" target="_blank"> -->	3	<!-- <a href="http://startupjalsa.com/utm_source=signature&utm_medium=Portal/" target="_blank"> -->
4	<a href="http://startupjalsa.com/" target="_blank">	4	<a href="http://startupjalsa.com/" target="_blank">
5	<img src="images/white.png" class="logo" >	5	<img src="images/white.png" class="logo" >
6	</a>	6	</a>
7	</div>	7	</div>
8	<!-- <div style="float: right;">	8	<!-- <div style="float: right;">
9	<input type="button" style="font-size:20px;color:#fff" class="btn submit-button" value="Register Now" ng-click="apply()">	9	<input type="button" style="font-size:20px;color:#fff" class="btn submit-button" value="Register Now" ng-click="apply()">
10	</div> -->	10	</div> -->
11	<div class="clearfix"></div>	11	<div class="clearfix"></div>
12	</div>	12	</div>
13	<!-- CLOSE HEADER -->	13	<!-- CLOSE HEADER -->
14	<form name="homeForm">	14	<form name="homeForm">
15	<div class="col-xs-12 col-md-10 col-md-offset-1">	15	<div class="col-xs-12 col-md-10 col-md-offset-1">
16	<div class="col-xs-12">	16	<div class="col-xs-12">
17	<div class="row">	17	<div class="row">
18	<div class="col-sm-8">	18	<div class="col-sm-8">
19	<div style="padding-top:2%;">	19	<div style="padding-top:2%;">
20		20
21	<div style="font-size:17px;margin-bottom: 10px;">	21	<div style="font-size:17px;margin-bottom: 10px;">
22	<b>Startup Jalsa 2017 brings you a chance to get guaranteed funding of upto 1crore* in just 3 steps:</b>	22	<b>Startup Jalsa 2017 brings you a chance to get guaranteed funding of upto 1crore* in just 3 steps:</b>
23	</div>	23	</div>
24	<!--	24	<!--
25	<ul style="font-size:17px">	25	<ul style="font-size:17px">
26	<li>Watch <a href="https://www.youtube.com/watch?v=8i1bLQ7jS0I&feature=youtu.be/" target="_blank">Startup Jalsa 2016</a></li>	26	<li>Watch <a href="https://www.youtube.com/watch?v=8i1bLQ7jS0I&feature=youtu.be/" target="_blank">Startup Jalsa 2016</a></li>
27	<li>Watch what<a href="https://www.youtube.com/watch?v=v8jqTRzQqOI&index=2&list=PL_ieVNgs36HStvzUph85NUXjrZIXS_bTg/" target="_blank"> startups, mentors and investors think</a> about it.</li>	27	<li>Watch what<a href="https://www.youtube.com/watch?v=v8jqTRzQqOI&index=2&list=PL_ieVNgs36HStvzUph85NUXjrZIXS_bTg/" target="_blank"> startups, mentors and investors think</a> about it.</li>
28	<li>Watch how <a href="https://www.youtube.com/watch?v=eAFNFvCdvhY&feature=youtu.be" target="_blank">Startup Jalsa 2017</a> can help you.</li>	28	<li>Watch how <a href="https://www.youtube.com/watch?v=eAFNFvCdvhY&feature=youtu.be" target="_blank">Startup Jalsa 2017</a> can help you.</li>
29	</ul>	29	</ul>
30	<div style="padding-top:1%;font-size:16px"><b>Become a part of our network and get access to leading entrepreneurs.</b><br>	30	<div style="padding-top:1%;font-size:16px"><b>Become a part of our network and get access to leading entrepreneurs.</b><br>
31	There are Inspire and Invest editions for selection:</div><br>	31	There are Inspire and Invest editions for selection:</div><br>
32	-->	32	-->
33	<ol style="margin-bottom: 0;font-size:15px"><li style="font-weight: bold;"><b>Live Pitch Details</b></li></ol>	33	<ol style="margin-bottom: 0;font-size:15px"><li style="font-weight: bold;"><b>Live Pitch Details</b></li></ol>
34	<ul>	34	<ul>
35	<li>Select a city meetup near you to pitch your idea/Startup- without PowerPoints in just 3 minutes.</li>	35	<li>Select a city meetup near you to pitch your idea/Startup- without PowerPoints in just 3 minutes.</li>
36	<li>10 startups from each city will be given sponsored travel to Chandigarh for final pitching.</li>	36	<li>10 startups from each city will be given sponsored travel to Chandigarh for final pitching.</li>
37	<li>Pitch in front of biggest investors and get on the spot funding.</li>	37	<li>Pitch in front of biggest investors and get on the spot funding.</li>
38	</ul>	38	</ul>
39	<p>There are over 30+ investors participating in Jalsa 2017, you will also get to personally interact 1-on-1 with investors.</p>	39	<p>There are over 30+ investors participating in Jalsa 2017, you will also get to personally interact 1-on-1 with investors.</p>
40	<ol start="2" style="margin-bottom: 0;padding-top:1%;font-size:15px"><li style="font-weight:bold;"><b>Guaranteed funding details:</b></li></ol>	40	<ol start="2" style="margin-bottom: 0;padding-top:1%;font-size:15px"><li style="font-weight:bold;"><b>Guaranteed funding details:</b></li></ol>
41	<ul>	41	<ul>
42	<li>1 idea stage startup will get guaranteed <b>₹10 Lac</b> funding.*</li>	42	<li>1 idea stage startup will get guaranteed <b>₹10 Lac</b> funding.*</li>
43	<li>1 product stage startup will get guaranteed <b>₹1 Crore</b> funding.*</li>	43	<li>1 product stage startup will get guaranteed <b>₹1 Crore</b> funding.*</li>
44	</ul>	44	</ul>
45	<p>* funding Subject to due diligence</p>	45	<p>* funding Subject to due diligence</p>
46	</div>	46	</div>
47	</div>	47	</div>
48	<div class="row">	48	<div class="row">
49	<div class="col-sm-4">	49	<div class="col-sm-4">
50	<div class="card" style="width:auto;">	50	<div class="card" style="width:auto;">
51	<p style="font-size:15px;padding:5% 4%"><b>Inspire edition of Startup Jalsa is coming to the following cities:</b></p>	51	<p style="font-size:15px;padding:5% 4%"><b>Inspire edition of Startup Jalsa is coming to the following cities:</b></p>
52	<span style="padding:0% 4%">Pitch on the following dates: 3:30PM onward.</span>	52	<span style="padding:0% 4%">Pitch on the following dates: 3:30PM onward.</span>
53	<ul>	53	<ul>
54	<li>November 9: Chennai</li>	54	<li>November 9: Chennai</li>
55	<li>November 11: Pune</li>	55	<li>November 11: Pune</li>
56	<li>November 13: Mumbai</li>	56	<li>November 13: Mumbai</li>
57	<li>November 15: Ahmedabad</li>	57	<li>November 15: Ahmedabad</li>
58	<li>November 17: Jaipur</li>	58	<li>November 17: Jaipur</li>
59	<li>November 21: Hyderabad</li>	59	<li>November 21: Hyderabad</li>
60	<li>November 23: Bangalore</li>	60	<li>November 23: Bangalore</li>
61	<li>November 29: Delhi</li>	61	<li>November 29: Delhi</li>
62	<li>December 2: Chandigarh</li>	62	<li>December 2: Chandigarh</li>
63	</ul>	63	</ul>
64	<p style="font-size:15px;padding-left:8%"><b>Invest edition of Startup Jalsa is in Chandigarh: 2nd & 3rd December</b></p><br>	64	<p style="font-size:15px;padding-left:8%"><b>Invest edition of Startup Jalsa is in Chandigarh: 2nd & 3rd December</b></p><br>
65	</div>	65	</div>
66	</div>	66	</div>
67	</div>	67	</div>
68	</div><br>	68	</div><br>
69	<div style="text-align:center">	69	<div style="text-align:center">
70	<input type="button" style="font-size:16px;color:#fff" class="btn submit-button" value="Select City" ng-click="apply()">	70	<input type="button" style="font-size:16px;color:#fff" class="btn submit-button" value="Select City" ng-click="apply()">
71	</div><br>	71	</div><br>
72	<div style="font-size:15px">* Fee will be increased by 50% post deadline<br> * A separate registration fee for Invest edition will be notified in due time.<br>	72	<div style="font-size:15px">* Fee will be increased by 50% post deadline<br> * A separate registration fee for Invest edition will be notified in due time.<br>
73	** Subject to industry standard due diligence.<br>	73	** Subject to industry standard due diligence.<br>
74	<span style="color:red"> For any queries, contact Shivangi +91 78891 03289</span><!-- <br> -->	74	<span style="color:red"> For any queries, contact Shivangi +91 78891 03289</span><!-- <br> -->
75	<!-- <span style="color:red">IIT Madras and IIT Madras Research Park startups call Nirmal- +918355975855 for promo codes.</span> -->	75	<!-- <span style="color:red">IIT Madras and IIT Madras Research Park startups call Nirmal- +918355975855 for promo codes.</span> -->
76	</div><br>	76	</div><br>
77	</div>	77	</div>
78	</div>	78	</div>
79	<footer>	79	<footer>
80	<img id="footer" class="img-responsive banner">	80	<img id="footer" class="img-responsive banner">
81	<center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a> </center>	81	<center class="footer"> Powered By <a class="footer-link" href="http://www.viithiisys.com/" target="_blank">Viithiisys Technologies.</a> </center>
82	</footer>	82	</footer>
83	</form>	83	</form>
84	<span ng-show="span == true">	84	<span ng-show="span == true">
85	<span id="chennai"></span>	85	<span id="chennai"></span>
86	<span id="pune"></span>	86	<span id="pune"></span>
87	<span id="mumbai"></span>	87	<span id="mumbai"></span>
88	<span id="hyderabad"></span>	88	<span id="hyderabad"></span>
89	<span id="chandigarh"></span>	89	<span id="chandigarh"></span>
90	<span id="delhi"></span>	90	<span id="delhi"></span>
91	<span id="ahmedabad"></span>	91	<span id="ahmedabad"></span>
92	<span id="bangalore"></span>	92	<span id="bangalore"></span>
93	<span id="jaipur"></span>	93	<span id="jaipur"></span>
94	<span id="maininvest"></span>	94	<span id="maininvest"></span>
95	</span>	95	</span>
		96
96		97