From 6ca076ad848c12935cd4450563652ca7ef443428 Mon Sep 17 00:00:00 2001 From: swarn Date: Fri, 8 Sep 2017 17:03:09 +0530 Subject: [PATCH] responsive design issue fixed --- css/custom.css | 63 +++++++++++++++++++++------ index.html | 6 ++- pages/home.html | 131 ++++++++++++++++++++++++++++++-------------------------- 3 files changed, 124 insertions(+), 76 deletions(-) diff --git a/css/custom.css b/css/custom.css index 4ceee3d..c17452a 100644 --- a/css/custom.css +++ b/css/custom.css @@ -14,12 +14,11 @@ line-height: 70px; } .card{ - margin: 40px 82px 27px 14px; 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); + 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; @@ -358,7 +357,7 @@ stroke-dashoffset:0 .stages-card { width: auto; float: left; - margin: -30px 8px 7px 22px; + /*margin: -30px 8px 7px 22px;*/ } /*form -css*/ @@ -442,13 +441,11 @@ stroke-dashoffset:0 /*To make the Stages in the center*/ .card-align { - margin: 56px -267px 11px -37px; + /*margin: 56px -267px 11px -37px;*/ } /*To make the sectors in the center */ -.sector-align { - margin: -2px -88px 62px 10px; -} + /*************sidebar content margin***********/ .sidebar-align { @@ -490,10 +487,7 @@ stroke-dashoffset:0 background-color: #ffffff; } -.q-card-align { - margin: 57px -12px 19px 13px; - height: 304px; -} + .question-card { width: auto; @@ -789,8 +783,8 @@ stroke-dashoffset:0 }*/ /*quiz*/ -.group { - margin: -2px -28px 15px 1px; +.q-card-align div{ + margin-bottom: 15px; } .drop-down { @@ -815,7 +809,7 @@ stroke-dashoffset:0 margin:192px 11px 8px; } .last-content-card{ - margin: 0px -85px -4px -51px; + /*margin: 0px -85px -4px -51px;*/ } @media (max-width: 600px) { @@ -966,4 +960,45 @@ input.hidden { .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; +} + @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; + } } \ No newline at end of file diff --git a/index.html b/index.html index a160665..a24ea8a 100644 --- a/index.html +++ b/index.html @@ -4,12 +4,16 @@ + + + Startup + @@ -22,7 +26,7 @@ - + diff --git a/pages/home.html b/pages/home.html index 5a98417..6159c48 100644 --- a/pages/home.html +++ b/pages/home.html @@ -8,13 +8,14 @@
-

Please select one stage.

-
+
+ +

Please select one stage.

-
+
- +
-

- ⚬ Have an idea and need execution help?
- ⚬ Get feedback from mentors
- ⚬ Validate your idea. -

+
+
+

+ ⚬ Have an idea and need execution help?
+ ⚬ Get feedback from mentors
+ ⚬ Validate your idea. +

+
-
+
- +
-

- ⚬ Have a prototype and want to take it to next level?
- ⚬ Advice on fundraising
- ⚬ Advice on go-to-market strategy -

+
+
+

+ ⚬ Have a prototype and want to take it to next level?
+ ⚬ Advice on fundraising
+ ⚬ Advice on go-to-market strategy +

+
-
+
- +
-

- ⚬ Have traction and looking to scale up?
- ⚬ Connect with Series A investors
- ⚬ Connect and hire top startups -

+
+
+

+ ⚬ Have traction and looking to scale up?
+ ⚬ Connect with Series A investors
+ ⚬ Connect and hire top startups +

+
@@ -89,7 +99,6 @@
-
phone
@@ -98,7 +107,6 @@
-
location_city
@@ -117,7 +125,7 @@
-
+
@@ -134,63 +142,63 @@ open_with
-
+
To which sector would you relate your company?
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
What technology are you using in the product?

Please explain in detail the technologies that you are using or plan to use in the product?

@@ -210,7 +218,7 @@
-
+
Tell us about the problem that your company is trying to address.

@@ -353,18 +361,19 @@
+
-
-
+
+
Do you have a prototype ready?

If yes, please share the link to demo/website/application

-
-
+
+
device_hub
@@ -373,8 +382,8 @@ What is your go-to-market strategy?

-
-
+
+
multiline_chart
@@ -383,8 +392,8 @@ Who are your existing competitors and potential risk factors?

-
-
+
+
smoking_rooms
@@ -403,8 +412,8 @@ Upload the pitch-deck/presentation mentioning the details of the startup.

-
-
+
+
offline_pin
@@ -413,14 +422,13 @@ Upload the financial projections/funding requirements of your company?

-
-
+
+
timeline
-
@@ -442,32 +450,33 @@
-
-
-
+
phone_android
- - + +
-- 2.0.0