diff --git a/src/Components/Clients/SocialRing.css b/src/Components/Clients/SocialRing.css index 1708125e..867b1987 100755 --- a/src/Components/Clients/SocialRing.css +++ b/src/Components/Clients/SocialRing.css @@ -13,25 +13,12 @@ padding: 50px 5px 0; } -.section-presentation img { +.socailring-row img { position: absolute; - top: 0; - left: -300px; - height: 600px; -} - -.section-presentation { - position: relative; - margin: 0 auto; + top: 20%; + left: 0; + height: 50rem; width: 100%; - height: auto; -} - -.section-presentation { - margin: 0; -} -.section-presentation { - height: auto; } .socialring p { @@ -58,13 +45,12 @@ .sr-info { margin-bottom: 30px; } -.description { - padding: 50px 5px 0; -} .description { + padding: 50px 5px 0; margin-top: 65px; } + .header-text { text-transform: uppercase; font-weight: 200; diff --git a/src/Components/Clients/SocialRing.jsx b/src/Components/Clients/SocialRing.jsx index f5e6e926..832d3429 100755 --- a/src/Components/Clients/SocialRing.jsx +++ b/src/Components/Clients/SocialRing.jsx @@ -4,7 +4,7 @@ import './SocialRing.css'; const SocialRing = () => { return ( <> -
+
@@ -15,7 +15,7 @@ const SocialRing = () => { Get The App
-
+
diff --git a/src/Pages/Client/Client.css b/src/Pages/Client/Client.css index 966c7f44..e0bb6460 100755 --- a/src/Pages/Client/Client.css +++ b/src/Pages/Client/Client.css @@ -10,7 +10,7 @@ background-repeat: no-repeat; background-attachment: fixed; position: relative; - height: 40vh !important; + height: 50vh !important; padding-bottom: 55px; } .presentation { @@ -34,10 +34,16 @@ .section-cards { overflow: hidden; - padding-bottom: 0; + padding-top: 10rem; + padding-bottom: 10rem; border-top: 1px solid #dddddd; z-index: 3; } + +.socialring .client-info { + color: white; +} + .client-info { margin-top: 30px; line-height: 1.7; diff --git a/src/Pages/Client/Client.jsx b/src/Pages/Client/Client.jsx index 02013a15..572488e8 100755 --- a/src/Pages/Client/Client.jsx +++ b/src/Pages/Client/Client.jsx @@ -15,6 +15,7 @@ const Client = () => {
+
@@ -42,44 +43,6 @@ const Client = () => {
-
-
-
-
-
-

Personlized Components
Object Oriented Programming Approach

-

Telsa, Google, Apple, Microsoft, Uber, and AirBnB are setting the ground works to good - design and functionality. We will lay the foundation to building your future. We build - responsive applications that are specialized for all devices. -

-

Tell us about about your business and we will provide a digital business approach to - enhance your users experience and overall profitiability. With software being beautiful on - the inside is nice but the outside is just as important if not more so. Join the community - and upgrade your business today! -

-

- -
-
- -
-
-

Code

-
-
-

Design

-
-
-

Idea

-
-
-
-
-
-
- - -
@@ -135,9 +98,7 @@ const Client = () => {
- - -
+
@@ -168,6 +129,42 @@ const Client = () => {
+
+
+
+
+
+
+

Code

+
+
+

Design

+
+
+

Idea

+
+
+
+
+
+

Personlized Components
Object Oriented Programming Approach

+

Telsa, Google, Apple, Microsoft, Uber, and AirBnB are setting the ground works to good + design and functionality. We will lay the foundation to building your future. We build + responsive applications that are specialized for all devices. +

+

Tell us about about your business and we will provide a digital business approach to + enhance your users experience and overall profitiability. With software being beautiful on + the inside is nice but the outside is just as important if not more so. Join the community + and upgrade your business today! +

+

+ +
+ +
+
+
+