From 4ec96fbab6f24f58fce585471336c6e8003115af Mon Sep 17 00:00:00 2001
From: swarn <swarn.singh@viithiisys.com>
Date: Mon, 11 Sep 2017 12:54:13 +0530
Subject: [PATCH] stages card issue resolved

---
 css/custom.css  | 15 +++++++++++++++
 pages/home.html | 39 +++++++++++++++++++++++++++++++--------
 2 files changed, 46 insertions(+), 8 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 4980fa1..20cfb86 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1020,4 +1020,19 @@ input.hidden {
     .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%;
+    }
   }
diff --git a/pages/home.html b/pages/home.html
index b11c03c..7b69fbc 100644
--- a/pages/home.html
+++ b/pages/home.html
@@ -13,7 +13,7 @@
       <p class="select-stage">Please select one stage.</p>
       <div class="stage-shadow">
          <div class="stages card-align">
-            <div class="col-xs-12 col-md-4 no-padding">
+            <div class="col-xs-4 no-padding">
                <div class="card stages-card">
                   <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()">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="ideation">
@@ -24,7 +24,7 @@
                   </label>
                </div>
                <div class="clearfix"></div>
-               <div class="cards-content">
+               <div class="cards-content hidden-xs">
                   <p> 
                      &#x26AC; Have an idea and need execution help?<br>
                      &#x26AC; Get feedback from mentors<br>
@@ -32,8 +32,8 @@
                   </p>
                </div>
             </div>
-            <div class="col-xs-12 col-md-4 no-padding-mobile">
-               <div class="card stages-card">
+            <div class="col-xs-4 no-padding-mobile">
+               <div class="card stages-card margin-auto-mobile">
                   <input type="radio"  ng-model="data.stage" class="stageRadio" value="Product" name="Idea" id="Proof" ng-required="Product" ng-click="stage(data.stage); stagekeyPress()">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Proof">
                      <img class="stage-img stage-product" src="images/production-stage.png"  alt="Lights">
@@ -43,7 +43,7 @@
                   </label>
                </div>
                <div class="clearfix"></div>
-               <div class="cards-content">
+               <div class="cards-content hidden-xs">
                   <p>
                      &#x26AC; Have a prototype and want to take it to next level?<br>
                      &#x26AC; Advice on fundraising<br>
@@ -51,8 +51,8 @@
                   </p>
                </div>
             </div>
-            <div class="col-xs-12 col-md-4 no-padding">
-               <div class="card stages-card">
+            <div class="col-xs-4 no-padding">
+               <div class="card stages-card right-stage-card">
                   <input type="radio" ng-model="data.stage" class="stageRadio" value="Growth" name="Idea" id="Beta" ng-required="Growth" ng-click="stage(data.stage); stagekeyPress()">
                   <label style="cursor:pointer" class="thumbnail radius-border stage-thumbnail" for="Beta">
                      <img class="stage-img stage-growth" src="images/growth-stage.png" alt="Lights">
@@ -62,7 +62,7 @@
                   </label>
                </div>
                <div class="clearfix"></div>
-               <div class="cards-content">
+               <div class="cards-content hidden-xs">
                   <p> 
                      &#x26AC; Have traction and looking to scale up?<br>
                      &#x26AC; Connect with Series A investors<br>
@@ -74,6 +74,29 @@
          </div>
          <div class="clearfix"></div>
       </div>
+      <div class="hidden-sm hidden-md hidden-lg">
+         <div class="cards-content" ng-if="data.stage == 'Idea'">
+            <p> 
+               &#x26AC; Have an idea and need execution help?<br>
+               &#x26AC; Get feedback from mentors<br>
+               &#x26AC; Validate your idea.
+            </p>
+         </div>
+         <div class="cards-content" ng-if="data.stage == 'Product'">
+            <p>
+               &#x26AC; Have a prototype and want to take it to next level?<br>
+               &#x26AC; Advice on fundraising<br>
+               &#x26AC; Advice on go-to-market strategy
+            </p>
+         </div>
+         <div class="cards-content" ng-if="data.stage == 'Growth'">
+            <p> 
+               &#x26AC; Have traction and looking to scale up?<br>
+               &#x26AC; Connect with Series A investors<br>
+               &#x26AC; Connect and hire top startups
+            </p>
+         </div>
+      </div>
       <!-- CLOSE STAGE SHADOW -->
       <div class="form-all">
          <table style="width: 100%;">
-- 
2.0.0