Merge pull request #206 from activebridge/fix/solutions_healthcare_hi…

…paa_case_titles Fix Solutions/Healthcare Hipaa Case titles and descriptions
activebridge · Apr 24, 2024 · 3545f62 · 3545f62
2 parents 7f59192 + 004e994
commit 3545f62
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 24 deletions.
diff --git a/_data/healthcare_hipaa.yml b/_data/healthcare_hipaa.yml
@@ -1,3 +1,4 @@
+page-title: HealthTech Solutions
 title: Healthcare web application development solutions
 description_1: For over 8 years, we've provided custom application development solutions and programming services
                to healthcare organizations, HealthTech startups, care providers, and medical ISVs.

diff --git a/_sass/healthcare_hipaa.scss b/_sass/healthcare_hipaa.scss
@@ -1,17 +1,11 @@
 .healthcare_hipaa {
-  .header-3.small-text {
-    font-weight: 900;
-    margin: 8vh 0;
-  }
-
   &__main {
     background: linear-gradient(90deg, $sky-ua 0%, rgba($sky-ua, 0.5) 18.75%, $white 91.14%);
     box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
     padding: 117px 0 113px 0;
 
     .list-with-images__item {
       align-items: center;
-
       &-icon img { box-shadow: none; }
     }
   }
@@ -55,9 +49,7 @@
       background: linear-gradient($sky-ua, rgba($sky-ua, .5), $white);
       padding: 79px 0 53px 0;
     }
-
     &__case_study { padding: 60px 0 40px 0}
-
     &__solutions { padding: 40px 0 61px 0;}
   }
 

diff --git a/_sass/utility.scss b/_sass/utility.scss
@@ -1,4 +1,5 @@
 .mb-0 { margin-bottom: 0 !important; }
+.mb-2 { margin-bottom: 20px; }
 .mb-4 { margin-bottom: 40px; }
 .mb-6 { margin-bottom: 60px; }
 .mt-1 { margin-top: 10px; }
@@ -10,6 +11,7 @@
 .inria-bold { font-family: "Inria Bold", serif; }
 .inria-regular { font-family: "Inria Regular", serif; }
 .blue { color: $sky-ua }
+.text-upcase { text-transform: uppercase; }
 
 @media (max-width: 767px) {
   .mb-4 { margin-bottom: 25px; }

diff --git a/_solutions/healthcare-hipaa-case.html b/_solutions/healthcare-hipaa-case.html
@@ -10,23 +10,24 @@
 json-ld: healthcare-hipaa-case
 ---
 
-<section class="container healthcare_hipaa development solutions_cases">
+<section class="container healthcare_hipaa solutions_cases">
   <div class="healthcare_hipaa__main">
     <div class="wrapper">
-      <h1 class="header-3">{{ site.data.healthcare_hipaa.title }}</h1>
-      <p class="description with-margin text-center">{{ site.data.healthcare_hipaa.description_1 }}</p>
-      <h2 class="header-2">{{ site.data.healthcare_hipaa.subtitle_1 }}</h2>
-      <p class="description with-margin text-center ">{{ site.data.healthcare_hipaa.description_2 }}</p>
-      <p class="header-3 small-text">{{ site.data.healthcare_hipaa.subtitle_2 }}</p>
+      <p class="page-title">{{ site.data.healthcare_hipaa.page-title }}</p>
+      <h1 class="block-inria-title">{{ site.data.healthcare_hipaa.title }}</h1>
+      <p class="description mb-4">{{ site.data.healthcare_hipaa.description_1 }}</p>
+      <h2 class="message inria-bold">{{ site.data.healthcare_hipaa.subtitle_1 }}</h2>
+      <p class="description mb-4">{{ site.data.healthcare_hipaa.description_2 }}</p>
+      <p class="message cera-bold text-upcase">{{ site.data.healthcare_hipaa.subtitle_2 }}</p>
       <div class="list-with-images">
         {% for item in site.data.healthcare_hipaa.help %}
           <div class="list-with-images__item">
             <div class="list-with-images__item-icon">
               <img src= "/assets/images/hipaa/{{ item.icon }}.webp" alt="circle">
             </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 %}
@@ -35,10 +36,10 @@ <h2 class="header-2">{{ site.data.healthcare_hipaa.subtitle_1 }}</h2>
   </div>
   <div class="solutions_cases__case_study healthcare_hipaa__case_study">
     <div class="wrapper">
-      <h2 class="header-3">{{ site.data.healthcare_hipaa.case_study.title }}</h2>
-      <p class="header-2">{{ site.data.healthcare_hipaa.case_study.subtitle }}</p>
+      <h2 class="block-cera-title">{{ site.data.healthcare_hipaa.case_study.title }}</h2>
+      <p class="message inria-bold mb-0">{{ site.data.healthcare_hipaa.case_study.subtitle }}</p>
       <div class="solutions_cases__case_study_top">
-        <ul class="solutions_cases__case_study_list">
+        <ul class="solutions_cases__case_study_list mb-4">
           {% for element in site.data.healthcare_hipaa.case_study.top_info %}
             <li class="solutions_cases__case_study_list_item">{{ element.item }}</li>
           {% endfor %}
@@ -51,8 +52,8 @@ <h2 class="header-3">{{ site.data.healthcare_hipaa.case_study.title }}</h2>
         <ul class="solutions_cases__case_study_bottom_list">
           {% for element in site.data.healthcare_hipaa.case_study.bottom_info %}
             <li>
-              <p class="header-2 with-margin">{{ element.title }}</p>
-              <p class="description">{{ element.description }}</p>
+              <p class="message inria-bold mb-0">{{ element.title }}</p>
+              <p class="description text-justify mt-2 mb-4">{{ element.description }}</p>
             </li>
           {% endfor %}
         </ul>
@@ -61,16 +62,16 @@ <h2 class="header-3">{{ site.data.healthcare_hipaa.case_study.title }}</h2>
   </div>
   <div class="healthcare_hipaa__solutions">
     <div class="wrapper">
-      <h2 class="header-3 with-margin white-text">{{ site.data.healthcare_hipaa.solutions.title }}</h2>
+      <h2 class="block-cera-title white-text">{{ site.data.healthcare_hipaa.solutions.title }}</h2>
       <div class="list-with-images">
         {% for element in site.data.healthcare_hipaa.solutions.all %}
           <div class="list-with-images__item">
             <div class=" list-with-images__item-icon big-img">
               <img src="/assets/images/hipaa/{{ element.icon }}.webp" alt="">
             </div>
             <div class="list-with-images__item-text">
-              <h3 class="header-2 white-text without-margin">{{ element.title }}</h3>
-              <p class="description white-text without-margin">{{ element.description }}</p>
+              <h3 class="message inria-bold white-text mb-0 mt-1">{{ element.title }}</h3>
+              <p class="description white-text text-justify">{{ element.description }}</p>
               <ul class="list-with-images__item_elements">
                 {% for item in element.elements %}
                   <li class="list-with-images__item_element">{{ item.item }}</li>