Save

.vscode/ftp-kr.sync.cache.json

@@ -1,5 +1,5 @@
 {
-  "ftp://serwer1574995.home.pl@projectpro": {
+  "ftp://projectpro@serwer1574995.home.pl": {
     "vidok_fr": {
       ".DS_Store": {
         "type": "-",
@@ -71,7 +71,7 @@
       },
       "sitemap-index.xml": {
         "type": "-",
-        "size": 2138,
+        "size": 2564,
         "lmtime": 0,
         "modified": false
       },
@@ -106,26 +106,7 @@
         "lmtime": 0,
         "modified": false
       },
-      "wp-content": {
-        "themes": {
-          "hello-elementor": {
-            "custom-pages": {
-              "black-week.php": {
-                "type": "-",
-                "size": 5720,
-                "lmtime": 0,
-                "modified": false
-              },
-              "promotion-hivernale.php": {
-                "type": "-",
-                "size": 5087,
-                "lmtime": 1736341612303,
-                "modified": false
-              }
-            }
-          }
-        }
-      },
+      "wp-content": {},
       "wp-cron.php": {
         "type": "-",
         "size": 5638,

wp-content/themes/hello-elementor/assets/styles/_mixins.scss

@@ -0,0 +1,339 @@
+$breakpoints: (
+	xs: 576px,
+	sm: 768px,
+	md: 992px,
+	lg: 1200px,
+	xl: 1360px,
+	xxl: 1620px,
+);
+
+@mixin respond-above($breakpoint) {
+	@if map-has-key($breakpoints, $breakpoint) {
+		$breakpoint-value: map-get($breakpoints, $breakpoint);
+
+		@media (min-width: $breakpoint-value) {
+			@content;
+		}
+	} @else {
+		@warn 'Invalid breakpoint: #{$breakpoint}.';
+	}
+}
+
+@mixin respond-below($breakpoint) {
+	@if map-has-key($breakpoints, $breakpoint) {
+		$breakpoint-value: map-get($breakpoints, $breakpoint);
+
+		@media (max-width: ($breakpoint-value - 1)) {
+			@content;
+		}
+	} @else {
+		@warn 'Invalid breakpoint: #{$breakpoint}.';
+	}
+}
+
+@mixin respond-between($lower, $upper) {
+	@if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {
+		$lower-breakpoint: map-get($breakpoints, $lower);
+		$upper-breakpoint: map-get($breakpoints, $upper);
+
+		@media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {
+			@content;
+		}
+	} @else {
+		@if (map-has-key($breakpoints, $lower) ==false) {
+			@warn 'Your lower breakpoint was invalid: #{$lower}.';
+		}
+
+		@if (map-has-key($breakpoints, $upper) ==false) {
+			@warn 'Your upper breakpoint was invalid: #{$upper}.';
+		}
+	}
+}
+
+@mixin border-radius($px: 0) {
+	-webkit-border-radius: $px;
+	-moz-border-radius: $px;
+	border-radius: $px;
+}
+
+@mixin box-shadow($value) {
+	-webkit-box-shadow: $value;
+	-moz-box-shadow: $value;
+	box-shadow: $value;
+}
+
+@mixin transition($element: all, $time: 0.5s, $option: ease) {
+	-webkit-transition: $element $time $option;
+	transition: $element $time $option;
+}
+
+@mixin opacity($value) {
+	$IEValue: $value * 100;
+	opacity: $value;
+	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + $IEValue +
+		')';
+	filter: alpha(opacity=$IEValue);
+}
+
+@mixin flexbox() {
+	display: -webkit-box;
+	display: -moz-box;
+	display: -ms-flexbox;
+	display: -webkit-flex;
+	display: flex;
+}
+
+@mixin flex($values) {
+	-webkit-box-flex: $values;
+	-moz-box-flex: $values;
+	-webkit-flex: $values;
+	-ms-flex: $values;
+	flex: $values;
+}
+
+@mixin flex-direction($direction) {
+	-webkit-flex-direction: $direction;
+	-moz-flex-direction: $direction;
+	-ms-flex-direction: $direction;
+	flex-direction: $direction;
+}
+
+@mixin flex-wrap($wrap) {
+	-webkit-flex-wrap: $wrap;
+	-moz-flex-wrap: $wrap;
+	-ms-flex-wrap: $wrap;
+	flex-wrap: $wrap;
+}
+
+@mixin flex-flow($flow) {
+	-webkit-flex-flow: $flow;
+	-moz-flex-flow: $flow;
+	-ms-flex-flow: $flow;
+	flex-flow: $flow;
+}
+
+@mixin order($val) {
+	-webkit-box-ordinal-group: $val;
+	-moz-box-ordinal-group: $val;
+	-ms-flex-order: $val;
+	-webkit-order: $val;
+	order: $val;
+}
+
+@mixin flex-grow($grow) {
+	-webkit-flex-grow: $grow;
+	-moz-flex-grow: $grow;
+	-ms-flex-grow: $grow;
+	flex-grow: $grow;
+}
+
+@mixin flex-shrink($shrink) {
+	-webkit-flex-shrink: $shrink;
+	-moz-flex-shrink: $shrink;
+	-ms-flex-shrink: $shrink;
+	flex-shrink: $shrink;
+}
+
+@mixin flex-basis($width) {
+	-webkit-flex-basis: $width;
+	-moz-flex-basis: $width;
+	-ms-flex-basis: $width;
+	flex-basis: $width;
+}
+
+@mixin justify-content($justify) {
+	-webkit-justify-content: $justify;
+	-moz-justify-content: $justify;
+	-ms-justify-content: $justify;
+	justify-content: $justify;
+	-ms-flex-pack: $justify;
+}
+
+@mixin align-content($align) {
+	-webkit-align-content: $align;
+	-moz-align-content: $align;
+	-ms-align-content: $align;
+	align-content: $align;
+}
+
+@mixin align-items($align) {
+	-webkit-align-items: $align;
+	-moz-align-items: $align;
+	-ms-align-items: $align;
+	align-items: $align;
+}
+
+@mixin align-self($align) {
+	-webkit-align-self: $align;
+	-moz-align-self: $align;
+	-ms-align-self: $align;
+	align-self: $align;
+}
+
+@font-face {
+	font-family: 'URW Form';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-LightItalic.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-LightItalic.woff')
+			format('woff');
+	font-weight: 300;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-ExtraLightItalic.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-ExtraLightItalic.woff')
+			format('woff');
+	font-weight: 200;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Medium.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Medium.woff')
+			format('woff');
+	font-weight: 500;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-MediumItalic.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-MediumItalic.woff')
+			format('woff');
+	font-weight: 500;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form Demi';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Demi.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Demi.woff')
+			format('woff');
+	font-weight: normal;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Italic.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Italic.woff')
+			format('woff');
+	font-weight: normal;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Light.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Light.woff')
+			format('woff');
+	font-weight: 300;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-ThinItalic.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-ThinItalic.woff')
+			format('woff');
+	font-weight: 100;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Bold.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Bold.woff')
+			format('woff');
+	font-weight: bold;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-BoldItalic.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-BoldItalic.woff')
+			format('woff');
+	font-weight: bold;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Thin.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Thin.woff')
+			format('woff');
+	font-weight: 100;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Regular.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-Regular.woff')
+			format('woff');
+	font-weight: normal;
+	font-style: normal;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form Extra';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-ExtraBoldItalic.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-ExtraBoldItalic.woff')
+			format('woff');
+	font-weight: bold;
+	font-style: italic;
+	font-display: swap;
+}
+
+@font-face {
+	font-family: 'URW Form Extra';
+	src:
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-ExtraBold.woff2')
+			format('woff2'),
+		url('/wp-content/themes/hello-elementor/assets/fonts/URWForm-Bold.woffURWForm-ExtraBold.woff')
+			format('woff');
+	font-weight: bold;
+	font-style: normal;
+	font-display: swap;
+}

wp-content/themes/hello-elementor/assets/styles/custom.scss

@@ -1,3 +1,11 @@
+@import '_mixins';
+
+$cGrayBg: #ebebeb;
+$cBlackText: #303030;
+$cGrayText: #232323;
+
+$font3: 'URW Form', sans-serif;
+
 .overflow {
 	overflow: hidden;
 }
@@ -1477,3 +1485,465 @@ header {
 		-webkit-backface-visibility: hidden;
 	}
 }
+
+.footer {
+	background: $cGrayBg;
+	padding-top: 60px;
+	padding-bottom: 60px;
+
+	div[class^='col-']:last-child {
+		@include respond-between(xs, sm) {
+			margin-top: 30px;
+		}
+	}
+
+	div[class^='col-']:first-child {
+		#menu-container-1 {
+			> ul {
+				> li {
+					display: none;
+
+					&:nth-child(2) {
+						display: block;
+					}
+				}
+			}
+		}
+
+		@include respond-below(xs) {
+			margin-bottom: 30px;
+		}
+	}
+
+	div[class^='col-']:nth-child(2) {
+		#menu-container-1 {
+			> ul {
+				> li {
+					display: none;
+
+					&:nth-child(5),
+					&:nth-child(9) {
+						display: block;
+					}
+
+					&:nth-child(5) {
+						margin-bottom: 25px;
+					}
+				}
+			}
+		}
+
+		@include respond-below(xs) {
+			margin-bottom: 30px;
+		}
+	}
+
+	#menu-container-1 {
+		> ul {
+			margin-bottom: 0;
+			padding-inline-start: 0;
+			list-style-type: none;
+
+			> li {
+				> a {
+					.fa {
+						display: none;
+					}
+
+					font-size: 12px;
+					color: $cBlackText;
+					line-height: 22px;
+					font-weight: 700;
+					margin-bottom: 15px;
+					display: block;
+					pointer-events: none;
+				}
+
+				> ul {
+					padding-inline-start: 0;
+					list-style-type: none;
+
+					> li {
+						> a {
+							font-size: 12px;
+							color: #7a7a7a;
+							font-weight: 400;
+							line-height: 22px;
+
+							&:hover {
+								color: $cBlackText;
+							}
+						}
+					}
+				}
+			}
+		}
+
+		// #link-5 {
+		// 	a {
+		// 		pointer-events: initial;
+		// 	}
+		// }
+	}
+
+	p {
+		font-size: 12px;
+		color: $cBlackText;
+		line-height: 22px;
+		font-weight: 700;
+		margin-bottom: 15px;
+	}
+
+	#menu-container-5 {
+		ul {
+			padding-inline-start: 0;
+			list-style-type: none;
+			margin-bottom: 0;
+
+			li {
+				a {
+					font-size: 12px;
+					color: #7a7a7a;
+					font-weight: 400;
+					line-height: 22px;
+
+					&:hover {
+						color: $cBlackText;
+					}
+				}
+			}
+		}
+	}
+
+	img {
+		width: 210px;
+
+		@include respond-between(sm, md) {
+			width: 150px;
+		}
+
+		@include respond-below(xs) {
+			width: 100%;
+		}
+	}
+}
+footer#footer {
+	.container {
+		margin-left: auto;
+		margin-right: auto;
+	}
+	&.c-footer {
+		margin-top: 30px;
+		padding-top: 35px;
+		padding-bottom: 25px;
+		background: #1e2832;
+
+		@media (min-width: 1200px) {
+			.container {
+				max-width: 1355px;
+			}
+		}
+
+		.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 {
+					column-gap: 40px;
+					padding-bottom: 30px;
+					margin-bottom: 20px;
+					border-bottom: solid 1px rgba(255, 255, 255, 0.2);
+
+					@include respond-above(sm) {
+						display: grid;
+						grid-template-columns: 1fr 390px 230px 1fr;
+					}
+					@include respond-below(md) {
+						grid-template-columns: 1fr 135px 135px 1fr;
+						column-gap: 20px;
+					}
+					@include respond-below(sm) {
+						display: flex;
+						flex-direction: row;
+						flex-wrap: wrap;
+						row-gap: 40px;
+					}
+					@include respond-between(xxs, xs) {
+						column-gap: 40px;
+						row-gap: 60px;
+					}
+
+					.c-col {
+						&-1 {
+							display: flex;
+							flex-direction: column;
+							row-gap: 30px;
+
+							@include respond-between(xs, sm) {
+								width: 100%;
+							}
+							@include respond-between(xxs, xs) {
+								order: 1;
+							}
+
+							> 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;
+							}
+						}
+
+						&-2 {
+							@include respond-between(xxs, xs) {
+								order: 3;
+							}
+						}
+
+						&-3 {
+							@include respond-between(xxs, xs) {
+								order: 2;
+							}
+						}
+
+						&-4 {
+							@include respond-between(xxs, xs) {
+								order: 4;
+							}
+						}
+
+						&-2,
+						&-3,
+						&-4 {
+							@include respond-between(xs, sm) {
+								width: calc(100% / 3 - (20px - (20px / 3)));
+							}
+						}
+
+						@include respond-between(xxs, xs) {
+							width: calc(100% / 2 - (40px - (40px / 2)));
+						}
+
+						@include respond-below(xxs) {
+							width: 100%;
+						}
+
+						.nav-box {
+							&:not(:last-child) {
+								margin-bottom: 30px;
+							}
+							h6 {
+								color: #ffffff;
+								font-family: $font3;
+								font-weight: 400;
+								font-size: 16px;
+								line-height: 1.3;
+								letter-spacing: 1px;
+								text-transform: uppercase;
+								margin-bottom: 16px;
+
+								a {
+									color: inherit;
+									font-family: inherit;
+									font-weight: inherit;
+									font-size: inherit;
+									line-height: inherit;
+									letter-spacing: inherit;
+									text-transform: inherit;
+								}
+							}
+							ul {
+								display: flex;
+								flex-direction: column;
+								row-gap: 15px;
+
+								padding: 0;
+								margin: 0;
+								list-style: none;
+
+								li {
+									line-height: 0.7;
+
+									a {
+										color: #ffffff;
+										font-family: $font3;
+										font-weight: 400;
+										font-size: 12px;
+										line-height: 1;
+										letter-spacing: 1px;
+
+										display: inline-flex;
+										flex-direction: row;
+										align-items: center;
+										column-gap: 10px;
+									}
+								}
+							}
+
+							p {
+								font-family: $font3;
+								font-weight: 400;
+								font-size: 14px;
+								line-height: 1.5;
+								letter-spacing: 1px;
+								color: #ffffff;
+							}
+						}
+					}
+				}
+				&-3 {
+					p {
+						color: #ffffff;
+						font-family: $font3;
+						font-weight: 400;
+						font-size: 12px;
+						line-height: 14px;
+						text-align: center;
+						letter-spacing: 1px;
+					}
+				}
+			}
+		}
+	}
+}
+
+.politique-de-qualite {
+	margin-bottom: 100px;
+
+	h1 {
+		color: #303030;
+		text-align: center;
+		margin-top: 10px;
+		margin-bottom: 10px;
+	}
+
+	h6 {
+		font-weight: 400;
+		// font-family: $font1;
+		color: $cGrayText;
+		font-size: 18px;
+		text-align: center;
+		margin-bottom: 70px;
+	}
+
+	p {
+		color: $cGrayText;
+		margin-bottom: 30px;
+	}
+
+	a {
+		font-weight: 400;
+		// font-family: $font1;
+		color: $cGrayText;
+		font-weight: 700;
+		text-decoration: underline;
+	}
+
+	ul {
+		list-style: initial;
+		padding-left: 20px;
+		li {
+			color: $cGrayText;
+			margin-bottom: 20px;
+		}
+	}
+
+	.row:last-child {
+		margin-top: 30px;
+
+		p {
+			margin-bottom: 0;
+		}
+
+		div[class^='col-'] {
+			&:first-child {
+				display: flex;
+				align-items: flex-start;
+				flex-wrap: wrap;
+				flex-direction: column;
+				justify-content: center;
+
+				img {
+					margin-bottom: 15px;
+				}
+			}
+
+			&:last-child {
+				display: flex;
+				align-items: center;
+				flex-wrap: wrap;
+				flex-direction: column;
+				justify-content: center;
+
+				@include respond-between(xs, lg) {
+					align-items: flex-end;
+				}
+
+				@include respond-below(xs) {
+					align-items: flex-start;
+					margin-top: 50px;
+				}
+
+				img {
+					margin-top: 15px;
+				}
+			}
+		}
+	}
+}