contact page

2025-08-29 13:05:31 +02:00
parent 8a6b114721
commit 5381f432e1
5 changed files with 293 additions and 12 deletions
--- a/wp-content/themes/brpp-prawo-podatki/css/custom.scss
+++ b/wp-content/themes/brpp-prawo-podatki/css/custom.scss
@@ -1917,3 +1917,117 @@ body.blog {
 		}
 	}
 }
+
+//* Kontakt
+body.page-id-59 {
+	main {
+		padding-top: 80px;
+
+		.box-1 {
+			margin-bottom: 110px;
+
+			.row {
+				display: flex;
+				flex-direction: row;
+				column-gap: 80px;
+
+				.col {
+					&-1 {
+						flex: 1;
+
+						.box-head {
+							max-width: 700px;
+							margin-top: 24px;
+							margin-bottom: 24px;
+
+							h2 {
+								color: $cBlack;
+								font-weight: 500;
+								font-size: 64px;
+								line-height: 1.2;
+								letter-spacing: -0.96px;
+							}
+						}
+						.box-text {
+							margin-bottom: 48px;
+
+							p {
+								color: $cBlack;
+								font-weight: 500;
+								font-size: 20px;
+								line-height: 1.5;
+								letter-spacing: -0.38px;
+							}
+						}
+
+						.contact-cards {
+							margin-bottom: 80px;
+							display: flex;
+							flex-direction: row;
+
+							column-gap: 80px;
+							row-gap: 40px;
+
+							.contact-card {
+								.card-title {
+									margin-bottom: 16px;
+									h3 {
+										color: $cBlack;
+										font-weight: 500;
+										font-size: 16px;
+										line-height: 1.5;
+										letter-spacing: -0.32px;
+									}
+								}
+								.card-data {
+									padding-left: 24px;
+									border-left: 1px solid $cGold;
+
+									p {
+										color: $cBlack;
+										font-weight: 400;
+										font-size: 16px;
+										line-height: 1.5;
+										letter-spacing: -0.32px;
+									}
+
+									ul {
+										padding: 0;
+										margin: 0;
+
+										li {
+											a {
+												color: $cBlack;
+												font-weight: 500;
+												font-size: 16px;
+												line-height: 1.5;
+												letter-spacing: -0.32px;
+											}
+										}
+									}
+								}
+							}
+						}
+
+						.contact-description {
+							p {
+								color: #747474;
+								font-weight: 500;
+								font-size: 16px;
+								line-height: 1.5;
+								letter-spacing: -0.32px;
+							}
+						}
+					}
+					&-2 {
+						flex-basis: 500px;
+					}
+				}
+			}
+		}
+	}
+
+	footer {
+		@include box_top_shadow($cLightGray);
+	}
+}