Theme Gembloux - Homepage Partenaires

IMIO · Dec 10, 2024 · c73c7d8 · c73c7d8
1 parent c8e8708
commit c73c7d8
Show file tree

Hide file tree

Showing 4 changed files with 146 additions and 4 deletions.
diff --git a/gembloux/src/scss/home/a-la-une.scss b/gembloux/src/scss/home/a-la-une.scss
@@ -1,3 +1,14 @@
+.a-la-une .swiper_title {
+  margin-top: 0 !important;
+  padding-top: 0 !important;
+
+  h3 {
+    text-align: left;
+    font-size: 20px !important;
+    font-weight: 900;
+  }
+}
+
 .a-la-une {
   left: 50%;
   margin: 20px 0 !important;
@@ -267,12 +278,10 @@
 @media screen and (max-width: 992px) {
   .a-la-une .swiper-slide a::before {
     background: transparent;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0%) !important;
   }
 
   .a-la-une::before {
     background: #fff;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 10%) !important;
   }
 
   .a-la-une .auth_source_container_title {
@@ -282,7 +291,6 @@
   .a-la-une .swiper-wrapper .swiper-slide > a {
     padding: 0 0 120px !important;
     margin-top: 0;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0%) !important;
   }
 }
 

diff --git a/gembloux/src/scss/home/footer.scss b/gembloux/src/scss/home/footer.scss
@@ -1,4 +1,4 @@
-#smartweb-footer .sectiontext#container-section-logo {
+#smartweb-footer #container-section-logo {
   border-bottom: 1px #fff solid;
   margin-bottom: 50px;
   padding-bottom: 20px;
@@ -143,6 +143,13 @@
 }
 
 footer {
+  .contact_informations li.facebook,
+  li.instagram,
+  li.linkedin,
+  li.youtube {
+    display: none !important;
+  }
+
   .schedule .opening_informations::after {
     content: "";
     width: 9px;

diff --git a/gembloux/src/scss/home/partenaires.scss b/gembloux/src/scss/home/partenaires.scss
@@ -0,0 +1,126 @@
+// .titre-partenaires {
+//   position: relative;
+//   margin-top: -250px;
+
+//   h2 {
+//     font-weight: 700 !important;
+//     font-size: 3.25rem;
+//     line-height: 2rem;
+//     text-transform: none;
+//     position: relative;
+//     color: $primary;
+//   }
+
+//   @media screen and (max-width: 1200px) {
+//     display: none;
+//   }
+// }
+
+.bloc-partenaires {
+  background: transparent;
+  padding-top: 7rem;
+  padding-bottom: 7rem;
+  margin: 0;
+  max-width: 100vw;
+  border-radius: 0;
+
+  .swiper-button-next,
+  .swiper-button-prev {
+    display: none;
+  }
+
+  @media screen and (max-width: 1000px) {
+    padding: 3.5rem 0;
+  }
+
+  .section-title {
+    font-weight: 700 !important;
+    text-transform: none;
+    position: relative;
+    color: $primary;
+    text-align: center;
+    margin: 20px 0;
+
+    @media screen and (max-width: 992px) {
+      transform: rotate(0deg);
+      position: initial;
+      padding: 0;
+      writing-mode: initial;
+      margin: 0 auto 30px;
+      background: none;
+    }
+  }
+
+  &::before {
+    content: "";
+    position: absolute;
+    width: 100vw;
+    left: 50%;
+    transform: translateX(-50%);
+    z-index: -1;
+    top: 0;
+    bottom: 0;
+    background: #fff;
+  }
+
+  #container-section-partenaires {
+    max-width: 90vw;
+    background: #fff;
+    border-radius: 60px;
+    padding: 30px 0;
+  }
+
+  #container-section-partenaires .swiper-wrapper {
+    .swiper_title {
+      display: none;
+    }
+
+    .swiper-slide .swiper-image {
+      padding-bottom: 120px;
+      background-size: auto;
+      background-repeat: no-repeat;
+    }
+
+    @media screen and (max-width: 1200px) {
+      width: 100%;
+      margin-left: 0;
+    }
+  }
+
+  .body-section {
+    ul {
+      max-width: 1200px !important;
+
+      li {
+        .table_image {
+          .image.d-block {
+            border-radius: 100px;
+            width: 120px;
+            height: 120px;
+            margin: 0 auto !important;
+            transition: all 0.3s ease;
+            position: relative;
+            background-size: contain;
+          }
+
+          &:hover,
+          &:focus {
+            .image.d-block {
+              transform: rotate(20deg);
+              transition: all 0.3s ease;
+            }
+          }
+
+          .table_title {
+            margin: 0;
+            display: none;
+
+            span {
+              line-height: 1;
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/gembloux/src/scss/main.scss b/gembloux/src/scss/main.scss
@@ -23,6 +23,7 @@ $enable-roboto-webfont: false;
 // ... add your styles here
 
 @import "./home/quick";
+@import "./home/partenaires";
 @import "./home/video";
 @import "./home/a-la-une";
 @import "./home/espace-citoyen";