Updated alignment for website homepage

src/components/home/carousel.js

@@ -66,4 +66,4 @@ JoshCarousel.defaultProps = {
       }
     ]
   }
-}
+}

src/components/home/clients.js

@@ -12,7 +12,7 @@ export const Clients = (props) => {
         <ul className="list-unstyled list-client">
           {
             clients.map(client => {
-              return <li key={client.name}>
+              return <li key={client.name} style={{ border: '1px solid #f5f5f5', margin: '0' }}>
                 <span>
                   <img src={require(`../../assets/images/clients/${client.logo}`)} alt={client.name} className="img-fluid" />
                 </span>
@@ -102,9 +102,5 @@ Clients.defaultProps = {
       logo: "quickInsure.png",
       name: "QuickInsure"
     }
-
-
-
-
   ]
 }

src/components/home/company.js

@@ -72,7 +72,7 @@ const Company = () => {
             </Row>
           </ParallaxImg >
         ) : (
-            <ParallaxImg logo={companyImg} height="721px" >
+            <ParallaxImg logo={companyImg} height="676px" >
               <Row className="company-details">
                 <Col md={6} sm={6} xs={6} >
                   <CompanyDetailsText className="text-right">

src/components/home/domainExpertise.js

@@ -12,7 +12,11 @@ import * as routes from "../../routeConstants.js";
 const DomainExpertise = (props) => {
   const { domainsData, industriesData } = props;
   const carouselItems = domainsData.map(domain => {
-    return <img className="img-fluid" src={require(`../../assets/images/technologies/${domain.logo}`)} alt={domain.name} key={domain.name} />
+    return (
+      <div style={{ borderRight: '1px solid #ececec' }}>
+        <img className="img-fluid" src={require(`../../assets/images/technologies/${domain.logo}`)} alt={domain.name} key={domain.name} />
+      </div>
+    )
   })
 
   const PreviousArrow = (props) => {
@@ -98,7 +102,7 @@ const DomainExpertise = (props) => {
 
   return (
     <Fragment>
-      <section id="clientsSlide" className="section-home pb-5">
+      <section id="clientsSlide" className="section-home" style={{ paddingBottom: "7em" }}>
         <Row className="justify-content-center m-auto d-xs-none w-55 p-md-3">
           <Col>
             <p className="text-center">Disruption is not the future, it is the present. In an ever evolving technological landscape, it is imperative for innovation to win over the mundane, and that's exactly what we aim to achieve.

src/components/home/innovations.js

@@ -16,7 +16,7 @@ const Innovations = (props) => {
     <Media query="(max-width: 900px)">
       {matches =>
         matches ? (
-          <ParallaxImg logo={innovationBgMobile} height="262px">
+          <ParallaxImg logo={innovationBgMobile} height="262px" style={{ paddingBottom: '16em' }}>
             <Row className="p-4">
               <Col md={3} sm={2} xs={2} />
               <Col md={6} sm={9} xs={9}>
@@ -40,7 +40,7 @@ const Innovations = (props) => {
             </Row>
           </ParallaxImg>
         ) : (
-            <ParallaxImg logo={innovationsImg} height="262px">
+            <ParallaxImg logo={innovationsImg} height="262px" style={{ paddingBottom: '22em' }}>
               <Row className="p-4">
                 <Col md={3} sm={2} />
                 <Col md={6} sm={2}>

src/components/home/successStories.js

@@ -36,7 +36,7 @@ const SuccessStories = (props) => {
           </ul>
         </Fragment>
       ) : (
-          <ParallaxImg height="277px" logo={successStoriesBg}>
+          <ParallaxImg height="259px" logo={successStoriesBg}>
             <Row style={{ height: "inherit" }}>
               <Col md={6} className="d-flex justify-content-end align-items-center" >
                 <Heading1Orange>Success Stories</Heading1Orange>

src/components/home/testimonials.js

@@ -72,7 +72,7 @@ const Testimonials = (props) => {
   };
 
   return (
-    <div>
+    <div style={{ paddingBottom: '5em' }}>
       <Heading1>Here’s what our clients are saying</Heading1>
       <div className="row">
         <div className="col-md-1" />

src/components/home/whatWeDo.js

@@ -6,7 +6,7 @@ const WhatWeDo = (props) => {
   const { domains } = props;
 
   return (
-    <section id="clientsSlide" className="section-home ">
+    <section id="clientsSlide" className="section-home" style={{ paddingTop: '5em', paddingBottom: '8em' }}>
       <Heading1>What We Do</Heading1>
       <Row>
         <Col md={2} xs={1} sm={1} />