adjusting general design

DeepSea-Developments · May 31, 2024 · d36dec5 · d36dec5
1 parent 923a725
commit d36dec5
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 23 deletions.
diff --git a/overrides/css/styles.css b/overrides/css/styles.css
@@ -484,6 +484,10 @@ legend + * {
     left: -1px !important;
     bottom: -10px !important;
   }
+
+  .slick-prev, .slick-next{
+    display: none !important;
+  }
 }
 
 ::-webkit-datetime-edit-fields-wrapper,
@@ -563,6 +567,7 @@ progress {
   text-align: center; 
   position: relative;
   z-index: 5;
+  font-weight: 600;
 }
 
 .card-custom { 
@@ -581,7 +586,7 @@ progress {
 
 .display-1 {
   font-size: calc(1.625rem + 4.5vw);
-  font-weight: 300;
+  font-weight: 500;
   line-height: 1.2;
 }
 @media (min-width: 1200px) {
@@ -592,7 +597,7 @@ progress {
 
 .display-2 {
   font-size: calc(1.575rem + 3.9vw);
-  font-weight: 300;
+  font-weight: 500;
   line-height: 1.2;
 }
 @media (min-width: 1200px) {
@@ -603,7 +608,7 @@ progress {
 
 .display-3 {
   font-size: calc(1.525rem + 3.3vw);
-  font-weight: 300;
+  font-weight: 500;
   line-height: 1.2;
 }
 @media (min-width: 1200px) {
@@ -614,7 +619,7 @@ progress {
 
 .display-4 {
   font-size: calc(1.475rem + 2.7vw);
-  font-weight: 300;
+  font-weight: 500;
   line-height: 1.2;
 }
 @media (min-width: 1200px) {
@@ -625,7 +630,7 @@ progress {
 
 .display-5 {
   font-size: calc(1.425rem + 2.1vw);
-  font-weight: 300;
+  font-weight: 500;
   line-height: 1.2;
 }
 @media (min-width: 1200px) {
@@ -636,7 +641,7 @@ progress {
 
 .display-6 {
   font-size: calc(1.375rem + 1.5vw);
-  font-weight: 300;
+  font-weight: 500;
   line-height: 1.2;
 }
 @media (min-width: 1200px) {

diff --git a/overrides/index.html b/overrides/index.html
@@ -233,11 +233,11 @@ <h5 class="card-title">Customizable</h5>
             <!-- Who is this SDR receiver for?-->
             <section class="container mt-3">
                 <div class="row">
-                    <div class="col-md-6 text-center">
+                    <div class="col-md-6 text-end">
                         <h2 class="display-3 lh-1 mb-4">Who is this SDR<br>
                             receiver for?</h2>
                     </div>
-                    <div class="col-md-6 d-flex align-items-center justify-content-center">
+                    <div class="col-md-6 d-flex align-items-start justify-content-start">
                         <ul>
                             <li class="lead fw-normal text-white">Radio amateurs</li>
                             <li class="lead fw-normal text-white">Electronics students</li>
@@ -335,12 +335,12 @@ <h1 class="display-3 lh-1">News</h1>
                                  </div>
                                  <div  class="col-md-8 d-flex align-items-center justify-content-center mt-3">
                                     <div class="card-body">
-                                    <h5 class="card-title">Easy integration</h5>
-                                    <p class="card-text">Modular design with
-                                        standard interfaces allows
-                                        seamless incorporation into
-                                        new or existing projects,
-                                        enabling customization.</p>
+                                    <h5 class="card-title" style="font-weight: 600;">News title</h5>
+                                    <p class="card-text">On the other hand, DeepRad
+                                        counts on a modular design
+                                        and flexible connectivity and
+                                        solves this problem by
+                                        offering an easy-to-integrate</p>
                                     </div>
                                 </div> 
                             </div>
@@ -356,12 +356,12 @@ <h5 class="card-title">Easy integration</h5>
                                  </div>
                                  <div  class="col-md-8 d-flex align-items-center justify-content-center mt-3">
                                     <div class="card-body">
-                                    <h5 class="card-title">Easy integration</h5>
-                                    <p class="card-text">Modular design with
-                                        standard interfaces allows
-                                        seamless incorporation into
-                                        new or existing projects,
-                                        enabling customization.</p>
+                                    <h5 class="card-title" style="font-weight: 600;">News title</h5>
+                                    <p class="card-text">On the other hand, DeepRad
+                                        counts on a modular design
+                                        and flexible connectivity and
+                                        solves this problem by offering
+                                        an easy-to-integrate solution.</p>
                                     </div>
                                 </div> 
                             </div>
@@ -417,6 +417,8 @@ <h2 class="display-4 lh-1 mb-4">Click on the button below to know more.</h2>
                 infinite: true,
                 slidesToShow: 3,
                 slidesToScroll: 3, 
+                autoplay: true,
+                autoplaySpeed: 2000,
                 responsive: [
                     {
                         breakpoint: 1024,
@@ -428,10 +430,10 @@ <h2 class="display-4 lh-1 mb-4">Click on the button below to know more.</h2>
                         }
                     },
                     {
-                        breakpoint: 600,
+                        breakpoint: 550,
                         settings: {
-                            slidesToShow: 2,
-                            slidesToScroll: 2
+                            slidesToShow: 1,
+                            slidesToScroll: 1
                         }
                     },
                     {