Merge pull request #209 from activebridge/fix/solutions_ecommerce_titles

Fix Solutions/Ecommerce titles
activebridge · Apr 26, 2024 · 3283324 · 3283324
2 parents f9f8726 + a870ebe
commit 3283324
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 46 deletions.
diff --git a/_data/e_commerce.yml b/_data/e_commerce.yml
@@ -1,4 +1,5 @@
-title: Custom e-commerce web development solutions
+page-title: E-commerce solutions
+title: Custom e-commerce web development
 description:  With more than 9 years of eCommerce development experience and extensive expertise in building online
               software solutions that connect all parts of the E-commerce value chain, Active Bridge’s dedicated development
               teams help clients grow businesses and sell online.<br><br>We assist retail businesses that embrace digital
@@ -65,11 +66,11 @@ case_study:
                     deploying them in the business idea, they aimed to build a platform that connected all clothes
                     life-cycle participants and put a stop to waste and fashion overproduction.
     - title: "Our full-stack team was responsible for:"
-      description: <ul><li><span></span>crafting a unified system to manage customer relations and the supply chain.</li>
-                    <li><span></span>building CRM and B2C frameworks that could be installed and customized by admins,
-                    influencers, and factories</li><li><span></span>building the tool to help suppliers optimize
+      description:  Crafting a unified system to manage customer relations and the supply chain.
+                    Building CRM and B2C frameworks that could be installed and customized by admins,
+                    influencers, and factories. Building the tool to help suppliers optimize
                     logistics and supply chain management, reduce documentation processes, speed up the workflow,
-                    and maximize service efficiency.</li></ul>
+                    and maximize service efficiency.
 project:
   title: SewSewYou e-commerce platform comes with a great set of features and super power-packed add-ons.
   features: Extended features

diff --git a/_sass/ecommerce.scss b/_sass/ecommerce.scss
@@ -1,6 +1,4 @@
 .ecommerce {
-  .header-3.small-text { font-weight: 900; }
-
   &__main {
     background-image: linear-gradient(135deg, $black_sea, $main-violet);
     padding: 137px 0 55px 0;
@@ -10,10 +8,8 @@
         max-width: 37%;
         width: 37%;
       }
-
       &:first-child { margin-left: 13%; }
-
-      &:nth-child(2) {margin-right: 13%; }
+      &:nth-child(2) { margin-right: 13%; }
     }
   }
 
@@ -27,11 +23,8 @@
       box-shadow: $main-shadow;
       max-height: max-content;
       margin: 5px;
-
       &__description { margin: 0; }
 
-      &__title-2 { margin-bottom: 20px; }
-
       &__icon {
         background-color: $white;
         border-radius: 50%;
@@ -54,22 +47,18 @@
   &__help {
     background: $titan_white;
     padding: 72px 0 79px 0;
-
-    .header-3.small-text { margin-top: 0; }
   }
 
   .solutions_cases__case_study {
     box-shadow: inset 0px 4px 25px 0px rgba($purple-heart, .25);
     padding: 89px 0 93px 0;
-
     &_image img { max-width: 250px; }
   }
 
   &__project {
     background-image: linear-gradient(to top left, $purple-heart, $black_sea);
     box-shadow: $light-purple-shadow;
     padding: 106px 0 92px 0;
-
     .purple-text { color: $buzok; }
 
     .list-with-images {
@@ -112,16 +101,13 @@
     .solutions_cases__case_study {
       box-shadow: inset 0px 14px 25px -15px rgba($purple-heart, .25);
       padding: 60px 0 42px 0;
-
       &_image img { max-width: 140px; }
     }
 
     &__main {
       padding: 79px 0 25px 0;
-
       .list-with-images.horizontal .list-with-images__item { margin-top: 1vh; }
     }
-
     &__help { padding: 52px 0 18px 0; }
 
     &__project {
@@ -130,15 +116,9 @@
       .list-with-images {
         &__item {
           margin-bottom: 40px;
-
           &-text { margin-top: 23px; }
         }
       }
     }
-
-    &__help,
-    &__project {
-      .header-3.small-text { margin-bottom: 4vh; }
-    }
   }
 }
diff --git a/_solutions/ecommerce-case.html b/_solutions/ecommerce-case.html
@@ -8,31 +8,32 @@
 json-ld: ecommerce-case
 ---
 
-<section class="container ecommerce development solutions_cases">
+<section class="container ecommerce solutions_cases">
   <div class="ecommerce__main wrap development__cards">
     <div class="wrapper">
-      <h1 class="header-3 white-text">{{ site.data.e_commerce.title}}</h1>
-      <p class="description with-margin white-text">{{ site.data.e_commerce.description }}</p>
+      <p class="page-title white-text">{{ site.data.e_commerce.page-title}}</p>
+      <h1 class="block-inria-title white-text">{{ site.data.e_commerce.title }}</h1>
+      <p class="description white-text text-justify">{{ site.data.e_commerce.description }}</p>
       <div class="cards-container">
         {% for item in site.data.e_commerce.cards%}
           <div class="card">
-            <h2 class="card__title-2 white-text">{{ item.title }}</h2>
+            <h3 class="card__title-2 white-text mb-2">{{ item.title }}</h3>
             <div class="card__icon">
               <img src= "/assets/images/ecommerce/{{ item.icon }}.webp" alt="icon">
             </div>
-            <div class="card__description white-text">{{ item.description }}</div>
+            <p class="card__description white-text">{{ item.description }}</p>
           </div>
         {% endfor %}
       </div>
-      <p class="header-3 small-text white-text">{{ site.data.e_commerce.expertise_title }}</p>
+      <h2 class="block-sub-title white-text">{{ site.data.e_commerce.expertise_title }}</h2>
       <div class="list-with-images horizontal">
         {% for item in site.data.e_commerce.expertise %}
           <div class="list-with-images__item">
             <div class="list-with-images__item-icon">
               <img src= "/assets/images/ecommerce/{{ item.icon }}.webp" alt="icon">
             </div>
             <div class="list-with-images__item-text">
-              <p class="header-2 white-text">{{ item.title }}</p>
+              <p class="message inria-bold white-text mb-0 mt-1">{{ item.title }}</p>
             </div>
           </div>
         {% endfor %}
@@ -41,16 +42,16 @@ <h2 class="card__title-2 white-text">{{ item.title }}</h2>
   </div>
   <div class="ecommerce__help">
     <div class="wrapper">
-      <p class="header-3 small-text">{{ site.data.e_commerce.help_title }}</p>
+      <h2 class="message cera-bold text-upcase">{{ site.data.e_commerce.help_title }}</h2>
       <div class="list-with-images">
         {% for item in site.data.e_commerce.help%}
         <div class="list-with-images__item">
           <div class="list-with-images__item-icon">
             <img src= "/assets/images/insurtech/{{ item.icon }}.webp" alt="icon">
           </div>
           <div class="list-with-images__item-text">
-            <p class="header-2">{{ item.title }}</p>
-            <p class="description">{{ item.description }}</p>
+            <h3 class="message inria-bold mb-0 mt-1">{{ item.title }}</h3>
+            <p class="description text-justify">{{ item.description }}</p>
           </div>
         </div>
         {% endfor %}
@@ -59,8 +60,8 @@ <h2 class="card__title-2 white-text">{{ item.title }}</h2>
   </div>
   <div class="solutions_cases__case_study">
     <div class="wrapper">
-      <p class="header-3">{{ site.data.e_commerce.case_study.title }}</p>
-      <h2 class="header-2 mobile-margin">{{ site.data.e_commerce.case_study.subtitle }}</h2>
+      <h2 class="block-cera-title">{{ site.data.e_commerce.case_study.title }}</h2>
+      <p class="message inria-bold mb-0">{{ site.data.e_commerce.case_study.subtitle }}</p>
       <div class="solutions_cases__case_study_top">
         <ul class="solutions_cases__case_study_list">
           {% for element in site.data.e_commerce.case_study.top_info %}
@@ -75,8 +76,8 @@ <h2 class="header-2 mobile-margin">{{ site.data.e_commerce.case_study.subtitle }
         <ul class="solutions_cases__case_study_bottom_list">
           {% for element in site.data.e_commerce.case_study.bottom_info %}
             <li>
-              <p class="header-2 with-margin">{{ element.title }}</p>
-              <div class="description">{{ element.description }}</div>
+              <h3 class="message inria-bold mb-0 mt-1">{{ element.title }}</h3>
+              <div class="description text-justify mt-2 mb-4">{{ element.description }}</div>
             </li>
           {% endfor %}
         </ul>
@@ -85,18 +86,18 @@ <h2 class="header-2 mobile-margin">{{ site.data.e_commerce.case_study.subtitle }
   </div>
   <div class="ecommerce__project">
     <div class="wrapper">
-      <p class="header-3 small-text white-text">{{ site.data.e_commerce.project.title }}</p>
+      <h2 class="message cera-bold text-upcase white-text">{{ site.data.e_commerce.project.title }}</h2>
       <div class="list-with-images">
         {% for item in site.data.e_commerce.project.info%}
           <div class="list-with-images__item">
             <div class="list-with-images__item-icon big-img">
               <img src= "/assets/images/ecommerce/{{ item.icon }}.webp" alt="icon">
             </div>
             <div class="list-with-images__item-text">
-              <p class="header-2 white-text">{{ item.title }}</p>
-              <p class="description white-text">{{ item.description }}</p>
-              <p class="header-2 purple-text">{{ site.data.e_commerce.project.features }}</p>
-              <ul class="list-with-images__item_elements">
+              <h3 class="message inria-bold mb-0 mt-1 white-text">{{ item.title }}</h3>
+              <p class="description white-text text-justify">{{ item.description }}</p>
+              <p class="message inria-bold mb-0 mt-1 purple-text">{{ site.data.e_commerce.project.features }}</p>
+              <ul class="list-with-images__item_elements mt-1">
                 {% for element in item.elements %}
                   <li class="list-with-images__item_element purple-text">{{ element.item }}</li>
                 {% endfor %}

diff --git a/_solutions/marketplace-case.html b/_solutions/marketplace-case.html
@@ -11,7 +11,7 @@
 <section class="container marketplace solutions_cases">
   <div class="marketplace__main">
     <div class="wrapper">
-      <p class="page-title white-text">{{ site.data.marketplace.title }}</p>
+      <p class="page-title white-text">{{ site.data.marketplace.page-title }}</p>
       <h1 class="block-inria-title white-text">{{ site.data.marketplace.title }}</h1>
       <p class="description mb-4 white-text text-justify">{{ site.data.marketplace.description }}</p>
       <p class="message inria-regular  white-text">{{ site.data.marketplace.sub-title}}</p>