add button to text swiiper section

goldipl · Jun 12, 2024 · 73807c3 · 73807c3
1 parent adb1d37
commit 73807c3
Show file tree

Hide file tree

Showing 4 changed files with 38 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -583,8 +583,9 @@ <h3>werikon</h3>
         <section id="text-swiper-section">
             <div class="text-swiper-section-wrapper">
                 <div class="text-swiper-section-wrapper__col">
-                    <h2>W zestawie taniej</h2>
-                    <p>Kupując meble w zestawie, oszczędzasz więcej! Wybierz nasze specjalnie skomponowane zestawy meblowe, aby cieszyć się harmonijnym wystrojem wnętrza i atrakcyjnymi cenami.</p>
+                    <h2>Kupuj w zestawie, oszczędzaj więcej!</h2>
+                    <p>Wybieraj spośród naszych specjalnie skomponowanych zestawów, aby cieszyć się harmonijnym wystrojem wnętrza i atrakcyjnymi cenami..</p>
+                    <a class="text-swiper-btn" href="">Zobacz wszystkie</a>
                 </div>
                 <div class="text-swiper-section-wrapper__swiper">
                     <div class="bundle-promo-swiper swiper">

diff --git a/sass/home/_text_swiper_section.scss b/sass/home/_text_swiper_section.scss
@@ -24,7 +24,23 @@
           font-weight: 300;
           line-height: 26px;
           text-align: left;
-          margin: 0 0 15px 0;
+          margin: 0 0 24px 0;
+        }
+        .text-swiper-btn {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          width: 235px;
+          height: 50px;
+          font-size: 17px;
+          font-weight: 700;
+          line-height: 18px;
+          text-align: center;
+          color: $white;
+          text-decoration: none;
+          cursor: pointer;
+          background-color: $furnipol_orange;
+          border-radius: 7px;
         }
       }
       &__swiper {

diff --git a/sass/main.css b/sass/main.css
@@ -579,7 +579,23 @@ body {
   font-weight: 300;
   line-height: 26px;
   text-align: left;
-  margin: 0 0 15px 0;
+  margin: 0 0 24px 0;
+}
+.main-2-0 #text-swiper-section .text-swiper-section-wrapper__col .text-swiper-btn {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 235px;
+  height: 50px;
+  font-size: 17px;
+  font-weight: 700;
+  line-height: 18px;
+  text-align: center;
+  color: #ffffff;
+  text-decoration: none;
+  cursor: pointer;
+  background-color: #eb7d3f;
+  border-radius: 7px;
 }
 .main-2-0 #text-swiper-section .text-swiper-section-wrapper__swiper .bundle-promo-swiper .bundle-promo-slot {
   position: relative;