Save

2025-03-03 09:43:56 +01:00
parent c8e14b2bc1
commit ac95ccd745
20 changed files with 230 additions and 16 deletions
--- a/layout/style-scss/rolety.scss
+++ b/layout/style-scss/rolety.scss
@@ -0,0 +1,128 @@
+@import 'variables';
+@import '_mixins';
+
+.breadcrumbs {
+	margin-bottom: 40px;
+}
+
+.container {
+	&-big {
+		@media (min-width: 1500px) {
+			max-width: 1480px;
+		}
+	}
+}
+
+.box-1 {
+	margin-bottom: 70px;
+
+	.row {
+		&-1 {
+			margin-bottom: 50px;
+
+			img {
+				width: 100%;
+				max-width: fit-content;
+			}
+		}
+
+		&-2 {
+			.box-separator {
+				position: relative;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+
+				&::before {
+					content: '';
+					position: absolute;
+					top: 50%;
+					left: 50%;
+					width: calc(100% - 42px * 2);
+					height: 1px;
+					background: #878787;
+					transform: translate(-50%, -50%);
+				}
+
+				.img-wrapper {
+					background: #fff;
+					padding: 0 15px;
+					z-index: 1;
+
+					.separator-img {
+						width: 64px;
+						height: 64px;
+						max-width: 64px;
+						display: flex;
+						flex-direction: row;
+						align-items: center;
+						justify-content: center;
+						border-radius: 100%;
+						box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
+
+						img {
+							width: 100%;
+							max-width: fit-content;
+						}
+					}
+				}
+			}
+		}
+	}
+}
+
+.box-2 {
+	.row {
+		max-width: 1240px;
+		margin-left: auto;
+		margin-right: auto;
+	}
+
+	.col-left {
+		h1 {
+			color: $cBlack;
+			font-size: 85px;
+			font-family: $font3;
+			font-weight: 500;
+			text-align: right;
+			margin-bottom: 40px;
+		}
+		ul {
+			list-style: none;
+			padding: 0;
+			margin: 0;
+			display: flex;
+			flex-direction: row;
+			align-items: center;
+			justify-content: flex-end;
+			gap: 6px;
+			flex-wrap: nowrap;
+			margin-bottom: 15px;
+
+			li {
+				img {
+				}
+			}
+		}
+
+		p {
+			color: $cBlack;
+			font-size: 20px;
+			font-family: $font3;
+			font-weight: 300;
+			text-align: right;
+			margin-bottom: 0;
+		}
+	}
+
+	.col-right {
+		p {
+			color: $cBlack;
+			font-size: 16px;
+			font-family: $font3;
+			font-weight: 400;
+			line-height: 2;
+			margin-bottom: 0;
+		}
+	}
+}