Commit 4ec96fbab6f24f58fce585471336c6e8003115af
1 parent
24d9a40911
Exists in
master
and in
1 other branch
stages card issue resolved
Showing
2 changed files
with
46 additions
and
8 deletions
Show diff stats
css/custom.css
| ... | ... | @@ -1020,4 +1020,19 @@ input.hidden { |
| 1020 | 1020 | .sector-align .card-small{ |
| 1021 | 1021 | height: 74px; |
| 1022 | 1022 | } |
| 1023 | + .stages-card{ | |
| 1024 | + width: 92%; | |
| 1025 | + } | |
| 1026 | + .right-stage-card{ | |
| 1027 | + float: right; | |
| 1028 | + } | |
| 1029 | + .margin-auto-mobile{ | |
| 1030 | + margin-left: 4%; | |
| 1031 | + } | |
| 1032 | + .card .thumbnail{ | |
| 1033 | + padding: 15px 0 1px 0; | |
| 1034 | + } | |
| 1035 | + .thumbnail > img, .thumbnail a > img{ | |
| 1036 | + width: 50%; | |
| 1037 | + } | |
| 1023 | 1038 | } | ... | ... |
pages/home.html
| ... | ... | @@ -13,7 +13,7 @@ |
| 13 | 13 | <p class="select-stage">Please select one stage.</p> |
| 14 | 14 | <div class="stage-shadow"> |
| 15 | 15 | <div class="stages card-align"> |
| 16 | - <div class="col-xs-12 col-md-4 no-padding"> | |
| 16 | + <div class="col-xs-4 no-padding"> | |
| 17 | 17 | <div class="card stages-card"> |
| 18 | 18 | <input type="radio" ng-model="data.stage" class="stageRadio" value="Idea" name="Idea" id="ideation" ng-required="Idea" ng-checked="true" checked="true" ng-click="stage(data.stage); stagekeyPress()"> |
| 19 | 19 | <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation"> |
| ... | ... | @@ -24,7 +24,7 @@ |
| 24 | 24 | </label> |
| 25 | 25 | </div> |
| 26 | 26 | <div class="clearfix"></div> |
| 27 | - <div class="cards-content"> | |
| 27 | + <div class="cards-content hidden-xs"> | |
| 28 | 28 | <p> |
| 29 | 29 | ⚬ Have an idea and need execution help?<br> |
| 30 | 30 | ⚬ Get feedback from mentors<br> |
| ... | ... | @@ -32,8 +32,8 @@ |
| 32 | 32 | </p> |
| 33 | 33 | </div> |
| 34 | 34 | </div> |
| 35 | - <div class="col-xs-12 col-md-4 no-padding-mobile"> | |
| 36 | - <div class="card stages-card"> | |
| 35 | + <div class="col-xs-4 no-padding-mobile"> | |
| 36 | + <div class="card stages-card margin-auto-mobile"> | |
| 37 | 37 | <input type="radio" ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage(data.stage); stagekeyPress()"> |
| 38 | 38 | <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof"> |
| 39 | 39 | <img class="stage-img stage-product" src="images/production-stage.png" alt="Lights"> |
| ... | ... | @@ -43,7 +43,7 @@ |
| 43 | 43 | </label> |
| 44 | 44 | </div> |
| 45 | 45 | <div class="clearfix"></div> |
| 46 | - <div class="cards-content"> | |
| 46 | + <div class="cards-content hidden-xs"> | |
| 47 | 47 | <p> |
| 48 | 48 | ⚬ Have a prototype and want to take it to next level?<br> |
| 49 | 49 | ⚬ Advice on fundraising<br> |
| ... | ... | @@ -51,8 +51,8 @@ |
| 51 | 51 | </p> |
| 52 | 52 | </div> |
| 53 | 53 | </div> |
| 54 | - <div class="col-xs-12 col-md-4 no-padding"> | |
| 55 | - <div class="card stages-card"> | |
| 54 | + <div class="col-xs-4 no-padding"> | |
| 55 | + <div class="card stages-card right-stage-card"> | |
| 56 | 56 | <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage(data.stage); stagekeyPress()"> |
| 57 | 57 | <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta"> |
| 58 | 58 | <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights"> |
| ... | ... | @@ -62,7 +62,7 @@ |
| 62 | 62 | </label> |
| 63 | 63 | </div> |
| 64 | 64 | <div class="clearfix"></div> |
| 65 | - <div class="cards-content"> | |
| 65 | + <div class="cards-content hidden-xs"> | |
| 66 | 66 | <p> |
| 67 | 67 | ⚬ Have traction and looking to scale up?<br> |
| 68 | 68 | ⚬ Connect with Series A investors<br> |
| ... | ... | @@ -74,6 +74,29 @@ |
| 74 | 74 | </div> |
| 75 | 75 | <div class="clearfix"></div> |
| 76 | 76 | </div> |
| 77 | + <div class="hidden-sm hidden-md hidden-lg"> | |
| 78 | + <div class="cards-content" ng-if="data.stage == 'Idea'"> | |
| 79 | + <p> | |
| 80 | + ⚬ Have an idea and need execution help?<br> | |
| 81 | + ⚬ Get feedback from mentors<br> | |
| 82 | + ⚬ Validate your idea. | |
| 83 | + </p> | |
| 84 | + </div> | |
| 85 | + <div class="cards-content" ng-if="data.stage == 'Product'"> | |
| 86 | + <p> | |
| 87 | + ⚬ Have a prototype and want to take it to next level?<br> | |
| 88 | + ⚬ Advice on fundraising<br> | |
| 89 | + ⚬ Advice on go-to-market strategy | |
| 90 | + </p> | |
| 91 | + </div> | |
| 92 | + <div class="cards-content" ng-if="data.stage == 'Growth'"> | |
| 93 | + <p> | |
| 94 | + ⚬ Have traction and looking to scale up?<br> | |
| 95 | + ⚬ Connect with Series A investors<br> | |
| 96 | + ⚬ Connect and hire top startups | |
| 97 | + </p> | |
| 98 | + </div> | |
| 99 | + </div> | |
| 77 | 100 | <!-- CLOSE STAGE SHADOW --> |
| 78 | 101 | <div class="form-all"> |
| 79 | 102 | <table style="width: 100%;"> | ... | ... |