Footer

2026-02-05 15:55:31 +01:00
parent 6b3f45b395
commit 04e8d5349f
4 changed files with 177 additions and 6 deletions
--- a/layout/style-scss/style.scss
+++ b/layout/style-scss/style.scss
@@ -10915,7 +10915,9 @@ header#header {
 			color: #495057;
 			background-color: #fff;
 			background-clip: padding-box;
-			transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+			transition:
+				border-color 0.15s ease-in-out,
+				box-shadow 0.15s ease-in-out;
 			border-radius: 100px;
 			border: none;

@@ -10955,4 +10957,107 @@ header#header {
 }
 .select2-dropdown {
 	z-index: 90;
-}
+}
+
+footer#footer {
+	&.c-footer {
+		margin-top: 30px;
+		padding-top: 44px;
+		padding-bottom: 44px;
+		background: #1e2832;
+
+		.footer-wrapper {
+			.c-row {
+				&-1 {
+					padding-bottom: 20px;
+					margin-bottom: 20px;
+					border-bottom: solid 1px rgba(255, 255, 255, 0.2);
+
+					display: flex;
+					flex-direction: row;
+					align-items: center;
+					justify-content: space-between;
+
+					h5 {
+						color: #ffffff;
+						font-family: $font3;
+						font-weight: 400;
+						font-size: 32px;
+						line-height: 1;
+						letter-spacing: 5px;
+						text-transform: uppercase;
+					}
+
+					a {
+						color: #ffffff;
+						font-family: $font3;
+						font-weight: 400;
+						font-size: 16px;
+						line-height: 1;
+						letter-spacing: 2px;
+						text-transform: uppercase;
+
+						display: inline-flex;
+						flex-direction: row;
+						align-items: center;
+						column-gap: 15px;
+						padding: 15px 20px 13px;
+						border: 1px solid #fff;
+						border-radius: 30px;
+
+						img {
+							margin-top: -3px;
+						}
+					}
+				}
+				&-2 {
+					padding-bottom: 20px;
+					margin-bottom: 20px;
+					border-bottom: solid 1px rgba(255, 255, 255, 0.2);
+
+					.c-col {
+						&-1 {
+							display: flex;
+							flex-direction: column;
+							row-gap: 30px;
+
+							> img {
+								width: 100%;
+								max-width: 110px;
+							}
+
+							p {
+								color: #ffffff;
+								font-family: $font3;
+								font-weight: 400;
+								font-size: 14px;
+								line-height: 1.5;
+								letter-spacing: 1px;
+								margin-bottom: 0;
+							}
+
+							.footer-social {
+								padding: 0;
+								margin: 0;
+								display: flex;
+								flex-direction: row;
+								column-gap: 15px;
+							}
+						}
+					}
+				}
+				&-3 {
+					p {
+						color: #ffffff;
+						font-family: $font3;
+						font-weight: 400;
+						font-size: 12px;
+						line-height: 14px;
+						text-align: center;
+						letter-spacing: 1px;
+					}
+				}
+			}
+		}
+	}
+}