From a34a2f156207ff9e2fbf4a059011e2e07eb68055 Mon Sep 17 00:00:00 2001 From: Jacek Pyziak Date: Wed, 7 May 2025 23:09:39 +0200 Subject: [PATCH] Update contact section styles and content - Removed top padding from sections_2_3 in contact.scss for improved layout. - Adjusted padding in section_6 for better spacing. - Added a new contact_alert class in contact.scss for displaying important notifications. - Updated contact information in ContactMini.php, changing the contact person to Klaudia Mazurkiewicz. - Removed phone number from ContactMini.php for privacy reasons. - Created a new contact_alert.php file to inform users about the end of cooperation with Asten Manufacturing Inc. --- .vscode/ftp-kr.sync.cache.json | 56 ++++++++++++++++++----- layout/style-css/contact.css | 2 +- layout/style-css/contact.css.map | 2 +- layout/style-scss/contact.scss | 22 ++++++--- templates_user/components/ContactMini.php | 5 +- templates_user/contact_alert.php | 4 ++ 6 files changed, 67 insertions(+), 24 deletions(-) create mode 100644 templates_user/contact_alert.php diff --git a/.vscode/ftp-kr.sync.cache.json b/.vscode/ftp-kr.sync.cache.json index 425adc3..9455e42 100644 --- a/.vscode/ftp-kr.sync.cache.json +++ b/.vscode/ftp-kr.sync.cache.json @@ -26,7 +26,7 @@ "autoload": {}, "b2b_users.csv": { "type": "-", - "size": 845, + "size": 1791, "lmtime": 0, "modified": true }, @@ -71,7 +71,7 @@ "index.php": { "type": "-", "size": 6561, - "lmtime": 0, + "lmtime": 1743149380835, "modified": true }, "layout": { @@ -162,8 +162,8 @@ }, "style.scss": { "type": "-", - "size": 43245, - "lmtime": 1741726328398, + "size": 43746, + "lmtime": 1741984616275, "modified": false }, "wooden-aluminium-windows.scss": { @@ -326,14 +326,14 @@ }, "style.css": { "type": "-", - "size": 40263, - "lmtime": 1741726328628, + "size": 40638, + "lmtime": 1741984616487, "modified": false }, "style.css.map": { "type": "-", - "size": 71069, - "lmtime": 1741726328628, + "size": 71802, + "lmtime": 1741984616487, "modified": false }, "wooden-aluminium-windows.css": { @@ -362,8 +362,25 @@ } } }, - "libraries": {}, - "plugins": {}, + "libraries": { + "grid": { + "ajax.php": { + "type": "-", + "size": 3463, + "lmtime": 1741984280782, + "modified": false + } + } + }, + "plugins": { + "CookieNoticePro": {}, + "special-actions-middle.php": { + "type": "-", + "size": 14622, + "lmtime": 1743149429015, + "modified": false + } + }, "restore.php": { "type": "-", "size": 9255, @@ -383,7 +400,16 @@ "modified": true }, "temp": {}, - "templates": {}, + "templates": { + "articles": { + "password-view.php": { + "type": "-", + "size": 1541, + "lmtime": 1741983968295, + "modified": false + } + } + }, "templates_user": { "components": { "ContactForm.php": { @@ -422,6 +448,14 @@ "lmtime": 0, "modified": false } + }, + "articles": { + "password-view.php": { + "type": "-", + "size": 1685, + "lmtime": 1741983987004, + "modified": false + } } }, "upload": {} diff --git a/layout/style-css/contact.css b/layout/style-css/contact.css index 034e8f2..bb2c641 100644 --- a/layout/style-css/contact.css +++ b/layout/style-css/contact.css @@ -1 +1 @@ -@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Light.otf") format("otf");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Regular.otf") format("otf");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Medium.otf") format("otf");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-SemiBold.otf") format("otf");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Bold.otf") format("otf");font-weight:700;font-style:normal;font-display:swap}.box-01{margin-bottom:35px}.box-01 .contact-sections{display:grid;grid-template-columns:500px 1fr;grid-template-areas:"s0 s4" "sw1 s5" "sw1 s6" "sw1 s7"}.box-01 .contact-sections .sections-wrapper{grid-area:sw1}@media(min-width: 992px){.box-01 .contact-sections .sections_2_3{position:relative;padding-top:260px;padding-bottom:100px;background-color:#010101;background-image:url("/upload/filemanager/Pages/Contact/contact-bg.png")}.box-01 .contact-sections .sections_2_3::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(102, 102, 102, 0) 100%)}}.box-01 .contact-sections section{position:relative}.box-01 .contact-sections section.section_0{grid-area:s0}@media(min-width: 992px){.box-01 .contact-sections section.section_0{background-color:#010101}}.box-01 .contact-sections section.section_1{grid-area:s1;text-align:right;padding:75px 50px 75px}@media(max-width: 991px){.box-01 .contact-sections section.section_1{padding:75px 50px 30px}}@media(min-width: 992px){.box-01 .contact-sections section.section_1{background-color:#010101}}.box-01 .contact-sections section.section_1 h2{font-size:32px;font-weight:700;margin-bottom:75px}@media(min-width: 992px){.box-01 .contact-sections section.section_1 h2{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_1 h2{margin-bottom:20px}}.box-01 .contact-sections section.section_1 p{font-size:14px;font-weight:200}@media(min-width: 992px){.box-01 .contact-sections section.section_1 p{color:#fff}}.box-01 .contact-sections section.section_1 p strong{font-weight:700}.box-01 .contact-sections section.section_1 ul{padding:0;margin:0;list-style:none}.box-01 .contact-sections section.section_1 ul li:not(:last-child){margin-bottom:10px}.box-01 .contact-sections section.section_1 ul li a{font-size:18px}@media(min-width: 992px){.box-01 .contact-sections section.section_1 ul li a{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_1 ul li a{color:#010101}}@media(max-width: 991px){.box-01 .contact-sections section.section_1{text-align:center}}.box-01 .contact-sections section.section_2{grid-area:s2;text-align:right;padding:0 50px 90px 50px}.box-01 .contact-sections section.section_2 img{margin-bottom:20px}@media(max-width: 991px){.box-01 .contact-sections section.section_2 img{filter:invert(1)}}.box-01 .contact-sections section.section_2 p{font-size:15px;font-weight:700;margin-bottom:0}@media(min-width: 992px){.box-01 .contact-sections section.section_2 p{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_2{text-align:center;padding:50px 0 20px}}.box-01 .contact-sections section.section_3{grid-area:s3;text-align:right;padding:0 50px}.box-01 .contact-sections section.section_3 h2{font-size:32px;font-weight:700;margin-bottom:60px}@media(min-width: 992px){.box-01 .contact-sections section.section_3 h2{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_3 h2{font-size:22px}.box-01 .contact-sections section.section_3 h2 br{display:none}}.box-01 .contact-sections section.section_3 p{color:#fff;font-size:20px;font-weight:700;margin-bottom:0;line-height:30px}@media(max-width: 991px){.box-01 .contact-sections section.section_3{text-align:center;margin-bottom:10px}.box-01 .contact-sections section.section_3 p{color:#000}}.box-01 .contact-sections section.section_4{grid-area:s4;padding:80px 50px;display:flex;flex-direction:row;align-items:center;gap:25px}.box-01 .contact-sections section.section_4 p{color:#a1a0a0;font-size:25px;font-weight:200;margin-bottom:0}.box-01 .contact-sections section.section_4 a{width:100%;max-width:50px}.box-01 .contact-sections section.section_4 a img{width:100%}@media(max-width: 991px){.box-01 .contact-sections section.section_4{flex-direction:column-reverse;align-items:center;text-align:center}}.box-01 .contact-sections section.section_5{grid-area:s5;padding:75px 50px 0}.box-01 .contact-sections section.section_5 h2{font-size:32px;font-weight:700;margin-bottom:75px;text-transform:uppercase}@media(max-width: 991px){.box-01 .contact-sections section.section_5 h2{margin-bottom:20px}}.box-01 .contact-sections section.section_5 p{font-size:12px;font-weight:300;margin-bottom:20px}@media(max-width: 991px){.box-01 .contact-sections section.section_5{text-align:center}}.box-01 .contact-sections section.section_5 #contact_form .agreement{display:flex;flex-direction:row;gap:40px}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]{background:#fff;border:1px solid #000}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::before{background:#000}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::after{background:#000}.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button{width:180px}.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button::before,.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button::after{right:40px}.box-01 .contact-sections section.section_6{grid-area:s6;padding:100px 50px 50px;display:flex;flex-direction:column;justify-content:center}.box-01 .contact-sections section.section_6 p{font-size:21px;font-weight:300;margin-bottom:0}.box-01 .contact-sections section.section_6 p span{display:inline-block;min-width:44px}@media(max-width: 991px){.box-01 .contact-sections section.section_6{text-align:center;padding:50px}}.box-01 .contact-sections section.section_7{grid-area:s7;padding:0 50px}.box-01 .contact-sections section.section_7 iframe{width:100%;height:535px}@media(max-width: 1199px){.box-01 .contact-sections{grid-template-columns:350px 1fr}}@media(max-width: 991px){.box-01 .contact-sections{grid-template-columns:1fr;grid-template-areas:"s0" "sw1" "s6" "s5" "s4" "s3" "s7";padding-top:50px}}.box-02{margin-bottom:35px}.box-02 .box-2-data{position:relative;padding:30px 150px;background:#f4f4f4;display:flex;flex-direction:row;align-items:center;gap:30px}.box-02 .box-2-data h2{color:#000;font-size:20px;font-weight:700;letter-spacing:0;margin-bottom:0}.box-02 .box-2-data ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;gap:15px}.box-02 .box-2-data ul li img{width:100%;max-width:24px;filter:brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(0%) hue-rotate(47deg) brightness(98%) contrast(101%)}.box-02 .box-2-data>img{position:absolute;top:0;right:0;bottom:0}/*# sourceMappingURL=contact.css.map */ \ No newline at end of file +@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-LightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-LightItalic.woff") format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ExtraLightItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraLightItalic.woff") format("woff");font-weight:200;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Medium.woff2") format("woff2"),url("/layout/fonts/URWForm-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-MediumItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Demi";src:url("/layout/fonts/URWForm-Demi.woff2") format("woff2"),url("/layout/fonts/URWForm-Demi.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Italic.woff2") format("woff2"),url("/layout/fonts/URWForm-Italic.woff") format("woff");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Light.woff2") format("woff2"),url("/layout/fonts/URWForm-Light.woff") format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-ThinItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ThinItalic.woff") format("woff");font-weight:100;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Bold.woff2") format("woff2"),url("/layout/fonts/URWForm-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-BoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-BoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Thin.woff2") format("woff2"),url("/layout/fonts/URWForm-Thin.woff") format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"URW Form";src:url("/layout/fonts/URWForm-Regular.woff2") format("woff2"),url("/layout/fonts/URWForm-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBoldItalic.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBoldItalic.woff") format("woff");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"URW Form Extra";src:url("/layout/fonts/URWForm-ExtraBold.woff2") format("woff2"),url("/layout/fonts/URWForm-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Light.otf") format("otf");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Regular.otf") format("otf");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Medium.otf") format("otf");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-SemiBold.otf") format("otf");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"New Order";src:url("/layout/fonts/NewOrder-Bold.otf") format("otf");font-weight:700;font-style:normal;font-display:swap}.box-01{margin-bottom:35px}.box-01 .contact-sections{display:grid;grid-template-columns:500px 1fr;grid-template-areas:"s0 s4" "sw1 s5" "sw1 s6" "sw1 s7"}.box-01 .contact-sections .sections-wrapper{grid-area:sw1}@media(min-width: 992px){.box-01 .contact-sections .sections_2_3{position:relative;padding-bottom:100px;background-color:#010101;background-image:url("/upload/filemanager/Pages/Contact/contact-bg.png")}.box-01 .contact-sections .sections_2_3::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(102, 102, 102, 0) 100%)}}.box-01 .contact-sections section{position:relative}.box-01 .contact-sections section.section_0{grid-area:s0}@media(min-width: 992px){.box-01 .contact-sections section.section_0{background-color:#010101}}.box-01 .contact-sections section.section_1{grid-area:s1;text-align:right;padding:75px 50px 75px}@media(max-width: 991px){.box-01 .contact-sections section.section_1{padding:75px 50px 30px}}@media(min-width: 992px){.box-01 .contact-sections section.section_1{background-color:#010101}}.box-01 .contact-sections section.section_1 h2{font-size:32px;font-weight:700;margin-bottom:75px}@media(min-width: 992px){.box-01 .contact-sections section.section_1 h2{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_1 h2{margin-bottom:20px}}.box-01 .contact-sections section.section_1 p{font-size:14px;font-weight:200}@media(min-width: 992px){.box-01 .contact-sections section.section_1 p{color:#fff}}.box-01 .contact-sections section.section_1 p strong{font-weight:700}.box-01 .contact-sections section.section_1 ul{padding:0;margin:0;list-style:none}.box-01 .contact-sections section.section_1 ul li:not(:last-child){margin-bottom:10px}.box-01 .contact-sections section.section_1 ul li a{font-size:18px}@media(min-width: 992px){.box-01 .contact-sections section.section_1 ul li a{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_1 ul li a{color:#010101}}@media(max-width: 991px){.box-01 .contact-sections section.section_1{text-align:center}}.box-01 .contact-sections section.section_2{grid-area:s2;text-align:right;display:flex;padding:0 50px 90px 50px;justify-content:flex-end;align-items:center;gap:20px}.box-01 .contact-sections section.section_2 img{max-width:40px}@media(max-width: 991px){.box-01 .contact-sections section.section_2 img{filter:invert(1)}}.box-01 .contact-sections section.section_2 p{font-size:15px;font-weight:700;margin-bottom:0}@media(min-width: 992px){.box-01 .contact-sections section.section_2 p{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_2{text-align:center;padding:50px 0 20px}}.box-01 .contact-sections section.section_3{grid-area:s3;text-align:right;padding:0 50px}.box-01 .contact-sections section.section_3 h2{font-size:32px;font-weight:700;margin-bottom:60px}@media(min-width: 992px){.box-01 .contact-sections section.section_3 h2{color:#fff}}@media(max-width: 991px){.box-01 .contact-sections section.section_3 h2{font-size:22px}.box-01 .contact-sections section.section_3 h2 br{display:none}}.box-01 .contact-sections section.section_3 p{color:#fff;font-size:20px;font-weight:700;margin-bottom:0;line-height:30px}@media(max-width: 991px){.box-01 .contact-sections section.section_3{text-align:center;margin-bottom:10px}.box-01 .contact-sections section.section_3 p{color:#000}}.box-01 .contact-sections section.section_4{grid-area:s4;padding:80px 50px;display:flex;flex-direction:row;align-items:center;gap:25px}.box-01 .contact-sections section.section_4 p{color:#a1a0a0;font-size:25px;font-weight:200;margin-bottom:0}.box-01 .contact-sections section.section_4 a{width:100%;max-width:50px}.box-01 .contact-sections section.section_4 a img{width:100%}@media(max-width: 991px){.box-01 .contact-sections section.section_4{flex-direction:column-reverse;align-items:center;text-align:center}}.box-01 .contact-sections section.section_5{grid-area:s5;padding:75px 50px 0}.box-01 .contact-sections section.section_5 h2{font-size:32px;font-weight:700;margin-bottom:75px;text-transform:uppercase}@media(max-width: 991px){.box-01 .contact-sections section.section_5 h2{margin-bottom:20px}}.box-01 .contact-sections section.section_5 p{font-size:12px;font-weight:300;margin-bottom:20px}@media(max-width: 991px){.box-01 .contact-sections section.section_5{text-align:center}}.box-01 .contact-sections section.section_5 #contact_form .agreement{display:flex;flex-direction:row;gap:40px}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]{background:#fff;border:1px solid #000}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::before{background:#000}.box-01 .contact-sections section.section_5 #contact_form .agreement .agreement-container .form_group_2 input[type=checkbox]::after{background:#000}.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button{width:180px}.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button::before,.box-01 .contact-sections section.section_5 #contact_form .agreement .buttons-container button::after{right:40px}.box-01 .contact-sections section.section_6{grid-area:s6;padding:45px 50px 50px;display:flex;flex-direction:column;justify-content:center}.box-01 .contact-sections section.section_6 p{font-size:21px;font-weight:300;margin-bottom:0}.box-01 .contact-sections section.section_6 p span{display:inline-block;min-width:44px}@media(max-width: 991px){.box-01 .contact-sections section.section_6{text-align:center;padding:50px}}.box-01 .contact-sections section.section_7{grid-area:s7;padding:0 50px}.box-01 .contact-sections section.section_7 iframe{width:100%;height:535px}@media(max-width: 1199px){.box-01 .contact-sections{grid-template-columns:350px 1fr}}@media(max-width: 991px){.box-01 .contact-sections{grid-template-columns:1fr;grid-template-areas:"s0" "sw1" "s6" "s5" "s4" "s3" "s7";padding-top:50px}}.box-02{margin-bottom:35px}.box-02 .box-2-data{position:relative;padding:30px 150px;background:#f4f4f4;display:flex;flex-direction:row;align-items:center;gap:30px}.box-02 .box-2-data h2{color:#000;font-size:20px;font-weight:700;letter-spacing:0;margin-bottom:0}.box-02 .box-2-data ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;gap:15px}.box-02 .box-2-data ul li img{width:100%;max-width:24px;filter:brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(0%) hue-rotate(47deg) brightness(98%) contrast(101%)}.box-02 .box-2-data>img{position:absolute;top:0;right:0;bottom:0}.contact_alert{margin-top:25px;border:1px solid #fff246;background:#505050;padding:15px;color:#fff;font-size:15px}/*# sourceMappingURL=contact.css.map */ \ No newline at end of file diff --git a/layout/style-css/contact.css.map b/layout/style-css/contact.css.map index 2e7f3dc..1ac4b70 100644 --- a/layout/style-css/contact.css.map +++ b/layout/style-css/contact.css.map @@ -1 +1 @@ -{"version":3,"sources":["..\\style-scss\\_variables.scss","..\\style-scss\\contact.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"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","file":"contact.css","sourcesContent":["//* Colors\r\n$cWhite: #ffffff;\r\n$cGray: #bababa;\r\n$cLightGray: #f6f6f6;\r\n$cCloud: #f0f0f0;\r\n$cSand: #e3e1de;\r\n$cSandDarker: #d9d9d9;\r\n$cBlack: #010101;\r\n\r\n$cTxtWhite: #ffffff;\r\n$cTxtCloud: #f0f0f0;\r\n$cTxtGray: #bababa;\r\n$cTxtGrayDarker: #a1a0a0;\r\n$cTxtBlack: #010101;\r\n\r\n$fontNewOrder: \"New Order\", sans-serif;\r\n$fontURWForm: \"URW Form\", sans-serif;\r\n\r\n//* Fonts\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-LightItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-LightItalic.woff\") format(\"woff\");\r\n\tfont-weight: 300;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-ExtraLightItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-ExtraLightItalic.woff\") format(\"woff\");\r\n\tfont-weight: 200;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Medium.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Medium.woff\") format(\"woff\");\r\n\tfont-weight: 500;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-MediumItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-MediumItalic.woff\") format(\"woff\");\r\n\tfont-weight: 500;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form Demi\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Demi.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Demi.woff\") format(\"woff\");\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Italic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Italic.woff\") format(\"woff\");\r\n\tfont-weight: normal;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Light.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Light.woff\") format(\"woff\");\r\n\tfont-weight: 300;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-ThinItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-ThinItalic.woff\") format(\"woff\");\r\n\tfont-weight: 100;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Bold.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Bold.woff\") format(\"woff\");\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-BoldItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-BoldItalic.woff\") format(\"woff\");\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Thin.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Thin.woff\") format(\"woff\");\r\n\tfont-weight: 100;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form\";\r\n\tsrc: url(\"/layout/fonts/URWForm-Regular.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-Regular.woff\") format(\"woff\");\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form Extra\";\r\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBoldItalic.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-ExtraBoldItalic.woff\") format(\"woff\");\r\n\tfont-weight: bold;\r\n\tfont-style: italic;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"URW Form Extra\";\r\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBold.woff2\") format(\"woff2\"),\r\n\t\turl(\"/layout/fonts/URWForm-ExtraBold.woff\") format(\"woff\");\r\n\tfont-weight: bold;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"New Order\";\r\n\tsrc: url(\"/layout/fonts/NewOrder-Light.otf\") format(\"otf\");\r\n\tfont-weight: 300;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: \"New Order\";\r\n\tsrc: url(\"/layout/fonts/NewOrder-Regular.otf\") format(\"otf\");\r\n\tfont-weight: 400;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: \"New Order\";\r\n\tsrc: url(\"/layout/fonts/NewOrder-Medium.otf\") format(\"otf\");\r\n\tfont-weight: 500;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n\r\n@font-face {\r\n\tfont-family: \"New Order\";\r\n\tsrc: url(\"/layout/fonts/NewOrder-SemiBold.otf\") format(\"otf\");\r\n\tfont-weight: 600;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n@font-face {\r\n\tfont-family: \"New Order\";\r\n\tsrc: url(\"/layout/fonts/NewOrder-Bold.otf\") format(\"otf\");\r\n\tfont-weight: 700;\r\n\tfont-style: normal;\r\n\tfont-display: swap;\r\n}\r\n","@import '_mixins';\r\n@import '_variables';\r\n\r\n.box-01 {\r\n margin-bottom: 35px;\r\n\r\n .contact-sections {\r\n display: grid;\r\n grid-template-columns: 500px 1fr;\r\n grid-template-areas:\r\n 's0 s4'\r\n 'sw1 s5'\r\n 'sw1 s6'\r\n 'sw1 s7';\r\n\r\n .sections-wrapper {\r\n grid-area: sw1;\r\n }\r\n\r\n .sections_2_3 {\r\n @include respond-above(md) {\r\n position: relative;\r\n padding-top: 260px;\r\n padding-bottom: 100px;\r\n background-color: #010101;\r\n background-image: url('/upload/filemanager/Pages/Contact/contact-bg.png');\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg,\r\n rgba(0, 0, 0, 1) 0%,\r\n rgba(102, 102, 102, 0) 100%);\r\n }\r\n }\r\n }\r\n\r\n section {\r\n position: relative;\r\n\r\n &.section_0 {\r\n grid-area: s0;\r\n\r\n @include respond-above(md) {\r\n background-color: $cBlack;\r\n }\r\n }\r\n\r\n &.section_1 {\r\n grid-area: s1;\r\n text-align: right;\r\n padding: 75px 50px 75px;\r\n\r\n @include respond-below(md) {\r\n padding: 75px 50px 30px;\r\n }\r\n\r\n @include respond-above(md) {\r\n background-color: $cBlack;\r\n }\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 75px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 14px;\r\n font-weight: 200;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n strong {\r\n font-weight: 700;\r\n }\r\n }\r\n\r\n ul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n\r\n li {\r\n &:not(:last-child) {\r\n margin-bottom: 10px;\r\n }\r\n\r\n a {\r\n font-size: 18px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n color: $cTxtBlack;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n }\r\n }\r\n\r\n &.section_2 {\r\n grid-area: s2;\r\n text-align: right;\r\n padding: 0 50px 90px 50px;\r\n\r\n // @include respond-above(md) {\r\n // \tbackground-color: $cBlack;\r\n // }\r\n\r\n img {\r\n margin-bottom: 20px;\r\n\r\n @include respond-below(md) {\r\n filter: invert(1);\r\n }\r\n }\r\n\r\n p {\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-bottom: 0;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n padding: 50px 0 20px;\r\n }\r\n }\r\n\r\n &.section_3 {\r\n grid-area: s3;\r\n text-align: right;\r\n padding: 0 50px;\r\n\r\n // @include respond-above(md) {\r\n // \tbackground-color: $cBlack;\r\n // }\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 60px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n font-size: 22px;\r\n\r\n br {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n p {\r\n color: #fff;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 0;\r\n line-height: 30px;\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n margin-bottom: 10px;\r\n\r\n p {\r\n color: #000;\r\n }\r\n }\r\n }\r\n\r\n &.section_4 {\r\n grid-area: s4;\r\n padding: 80px 50px;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 25px;\r\n\r\n p {\r\n color: $cTxtGrayDarker;\r\n font-size: 25px;\r\n font-weight: 200;\r\n margin-bottom: 0;\r\n }\r\n\r\n a {\r\n width: 100%;\r\n max-width: 50px;\r\n\r\n img {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n }\r\n\r\n &.section_5 {\r\n grid-area: s5;\r\n padding: 75px 50px 0;\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 75px;\r\n text-transform: uppercase;\r\n\r\n @include respond-below(md) {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 12px;\r\n font-weight: 300;\r\n margin-bottom: 20px;\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n }\r\n\r\n #contact_form {\r\n .agreement {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 40px;\r\n\r\n .agreement-container {\r\n .form_group_2 {\r\n input[type='checkbox'] {\r\n background: #fff;\r\n border: 1px solid #000000;\r\n\r\n &::before {\r\n background: #000;\r\n }\r\n\r\n &::after {\r\n background: #000;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .buttons-container {\r\n button {\r\n width: 180px;\r\n\r\n &::before,\r\n &::after {\r\n right: 40px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.section_6 {\r\n grid-area: s6;\r\n padding: 100px 50px 50px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n\r\n p {\r\n font-size: 21px;\r\n font-weight: 300;\r\n margin-bottom: 0;\r\n\r\n span {\r\n display: inline-block;\r\n min-width: 44px;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n padding: 50px;\r\n }\r\n }\r\n\r\n &.section_7 {\r\n grid-area: s7;\r\n padding: 0 50px;\r\n\r\n iframe {\r\n width: 100%;\r\n height: 535px;\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(lg) {\r\n grid-template-columns: 350px 1fr;\r\n }\r\n\r\n @include respond-below(md) {\r\n grid-template-columns: 1fr;\r\n grid-template-areas:\r\n 's0'\r\n 'sw1'\r\n // 's2'\r\n 's6'\r\n 's5'\r\n 's4'\r\n 's3'\r\n 's7';\r\n padding-top: 50px;\r\n }\r\n }\r\n}\r\n\r\n.box-02 {\r\n margin-bottom: 35px;\r\n\r\n .box-2-data {\r\n position: relative;\r\n padding: 30px 150px;\r\n background: #f4f4f4;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 30px;\r\n\r\n h2 {\r\n color: #000;\r\n font-size: 20px;\r\n font-weight: 700;\r\n letter-spacing: 0;\r\n margin-bottom: 0;\r\n }\r\n\r\n ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n li {\r\n img {\r\n width: 100%;\r\n max-width: 24px;\r\n filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(0%) hue-rotate(47deg) brightness(98%) contrast(101%);\r\n }\r\n }\r\n }\r\n\r\n >img {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n }\r\n }\r\n}","$breakpoints: (\r\n xs: 576px,\r\n sm: 768px,\r\n md: 992px,\r\n lg: 1200px\r\n);\r\n@mixin respond-above($breakpoint) {\r\n @if map-has-key($breakpoints, $breakpoint) {\r\n $breakpoint-value: map-get($breakpoints, $breakpoint);\r\n @media (min-width: $breakpoint-value) {\r\n @content;\r\n }\r\n } @else {\r\n @warn 'Invalid breakpoint: #{$breakpoint}.';\r\n }\r\n}\r\n@mixin respond-below($breakpoint) {\r\n @if map-has-key($breakpoints, $breakpoint) {\r\n $breakpoint-value: map-get($breakpoints, $breakpoint);\r\n @media (max-width: ($breakpoint-value - 1)) {\r\n @content;\r\n }\r\n } @else {\r\n @warn 'Invalid breakpoint: #{$breakpoint}.';\r\n }\r\n}\r\n@mixin respond-between($lower, $upper) {\r\n @if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\r\n $lower-breakpoint: map-get($breakpoints, $lower);\r\n $upper-breakpoint: map-get($breakpoints, $upper);\r\n @media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\r\n @content;\r\n }\r\n } @else {\r\n @if (map-has-key($breakpoints, $lower) == false) {\r\n @warn 'Your lower breakpoint was invalid: #{$lower}.';\r\n }\r\n @if (map-has-key($breakpoints, $upper) == false) {\r\n @warn 'Your upper breakpoint was invalid: #{$upper}.';\r\n }\r\n }\r\n}\r\n@mixin border-radius($px: 0) {\r\n -webkit-border-radius: $px;\r\n -moz-border-radius: $px;\r\n border-radius: $px;\r\n}\r\n@mixin box-shadow($value) {\r\n -webkit-box-shadow: $value;\r\n -moz-box-shadow: $value;\r\n box-shadow: $value;\r\n}\r\n@mixin transition($element: all, $time: .5s, $option: ease) {\r\n -webkit-transition: $element $time $option;\r\n transition: $element $time $option;\r\n}\r\n@mixin opacity($value) {\r\n $IEValue: $value*100;\r\n opacity: $value;\r\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=\"+$IEValue+\")\";\r\n filter: alpha(opacity=$IEValue);\r\n}\r\n@mixin flexbox() {\r\n display: -webkit-box;\r\n display: -moz-box;\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n}\r\n@mixin flex($values) {\r\n -webkit-box-flex: $values;\r\n -moz-box-flex: $values;\r\n -webkit-flex: $values;\r\n \t -ms-flex: $values;\r\n \t flex: $values;\r\n}\r\n@mixin flex-direction($direction) {\r\n -webkit-flex-direction: $direction;\r\n -moz-flex-direction: $direction;\r\n -ms-flex-direction: $direction;\r\n flex-direction: $direction;\r\n}\r\n@mixin flex-wrap($wrap) {\r\n -webkit-flex-wrap: $wrap;\r\n -moz-flex-wrap: $wrap;\r\n -ms-flex-wrap: $wrap;\r\n flex-wrap: $wrap;\r\n}\r\n@mixin flex-flow($flow) {\r\n -webkit-flex-flow: $flow;\r\n -moz-flex-flow: $flow;\r\n -ms-flex-flow: $flow;\r\n flex-flow: $flow;\r\n}\r\n@mixin order($val) {\r\n -webkit-box-ordinal-group: $val; \r\n -moz-box-ordinal-group: $val; \r\n \t -ms-flex-order: $val; \r\n \t -webkit-order: $val; \r\n \t\t order: $val;\r\n}\r\n@mixin flex-grow($grow) {\r\n -webkit-flex-grow: $grow;\r\n -moz-flex-grow: $grow;\r\n -ms-flex-grow: $grow;\r\n flex-grow: $grow;\r\n}\r\n@mixin flex-shrink($shrink) {\r\n -webkit-flex-shrink: $shrink;\r\n -moz-flex-shrink: $shrink;\r\n -ms-flex-shrink: $shrink;\r\n flex-shrink: $shrink;\r\n}\r\n@mixin flex-basis($width) {\r\n -webkit-flex-basis: $width;\r\n -moz-flex-basis: $width;\r\n -ms-flex-basis: $width;\r\n flex-basis: $width;\r\n}\r\n@mixin justify-content($justify) {\r\n -webkit-justify-content: $justify;\r\n -moz-justify-content: $justify;\r\n -ms-justify-content: $justify;\r\n justify-content: $justify;\r\n -ms-flex-pack: $justify;\r\n}\r\n@mixin align-content($align) {\r\n -webkit-align-content: $align;\r\n -moz-align-content: $align;\r\n -ms-align-content: $align;\r\n align-content: $align;\r\n}\r\n@mixin align-items($align) {\r\n -webkit-align-items: $align;\r\n -moz-align-items: $align;\r\n -ms-align-items: $align;\r\n align-items: $align;\r\n}\r\n@mixin align-self($align) {\r\n -webkit-align-self: $align;\r\n -moz-align-self: $align;\r\n -ms-align-self: $align;\r\n align-self: $align;\r\n}"]} \ No newline at end of file +{"version":3,"sources":["..\\style-scss\\_variables.scss","..\\style-scss\\contact.scss","..\\style-scss\\_mixins.scss"],"names":[],"mappings":"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","file":"contact.css","sourcesContent":["//* Colors\n$cWhite: #ffffff;\n$cGray: #bababa;\n$cLightGray: #f6f6f6;\n$cCloud: #f0f0f0;\n$cSand: #e3e1de;\n$cSandDarker: #d9d9d9;\n$cBlack: #010101;\n\n$cTxtWhite: #ffffff;\n$cTxtCloud: #f0f0f0;\n$cTxtGray: #bababa;\n$cTxtGrayDarker: #a1a0a0;\n$cTxtBlack: #010101;\n\n$fontNewOrder: \"New Order\", sans-serif;\n$fontURWForm: \"URW Form\", sans-serif;\n\n//* Fonts\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-LightItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-LightItalic.woff\") format(\"woff\");\n\tfont-weight: 300;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraLightItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraLightItalic.woff\") format(\"woff\");\n\tfont-weight: 200;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Medium.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Medium.woff\") format(\"woff\");\n\tfont-weight: 500;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-MediumItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-MediumItalic.woff\") format(\"woff\");\n\tfont-weight: 500;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Demi\";\n\tsrc: url(\"/layout/fonts/URWForm-Demi.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Demi.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Italic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Italic.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Light.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Light.woff\") format(\"woff\");\n\tfont-weight: 300;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-ThinItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ThinItalic.woff\") format(\"woff\");\n\tfont-weight: 100;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Bold.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Bold.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-BoldItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-BoldItalic.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Thin.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Thin.woff\") format(\"woff\");\n\tfont-weight: 100;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form\";\n\tsrc: url(\"/layout/fonts/URWForm-Regular.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-Regular.woff\") format(\"woff\");\n\tfont-weight: normal;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Extra\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBoldItalic.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraBoldItalic.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: italic;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"URW Form Extra\";\n\tsrc: url(\"/layout/fonts/URWForm-ExtraBold.woff2\") format(\"woff2\"),\n\t\turl(\"/layout/fonts/URWForm-ExtraBold.woff\") format(\"woff\");\n\tfont-weight: bold;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Light.otf\") format(\"otf\");\n\tfont-weight: 300;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Regular.otf\") format(\"otf\");\n\tfont-weight: 400;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Medium.otf\") format(\"otf\");\n\tfont-weight: 500;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-SemiBold.otf\") format(\"otf\");\n\tfont-weight: 600;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n@font-face {\n\tfont-family: \"New Order\";\n\tsrc: url(\"/layout/fonts/NewOrder-Bold.otf\") format(\"otf\");\n\tfont-weight: 700;\n\tfont-style: normal;\n\tfont-display: swap;\n}\n","@import '_mixins';\r\n@import '_variables';\r\n\r\n.box-01 {\r\n margin-bottom: 35px;\r\n\r\n .contact-sections {\r\n display: grid;\r\n grid-template-columns: 500px 1fr;\r\n grid-template-areas:\r\n 's0 s4'\r\n 'sw1 s5'\r\n 'sw1 s6'\r\n 'sw1 s7';\r\n\r\n .sections-wrapper {\r\n grid-area: sw1;\r\n }\r\n\r\n .sections_2_3 {\r\n @include respond-above(md) {\r\n position: relative;\r\n padding-bottom: 100px;\r\n background-color: #010101;\r\n background-image: url('/upload/filemanager/Pages/Contact/contact-bg.png');\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg,\r\n rgba(0, 0, 0, 1) 0%,\r\n rgba(102, 102, 102, 0) 100%);\r\n }\r\n }\r\n }\r\n\r\n section {\r\n position: relative;\r\n\r\n &.section_0 {\r\n grid-area: s0;\r\n\r\n @include respond-above(md) {\r\n background-color: $cBlack;\r\n }\r\n }\r\n\r\n &.section_1 {\r\n grid-area: s1;\r\n text-align: right;\r\n padding: 75px 50px 75px;\r\n\r\n @include respond-below(md) {\r\n padding: 75px 50px 30px;\r\n }\r\n\r\n @include respond-above(md) {\r\n background-color: $cBlack;\r\n }\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 75px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 14px;\r\n font-weight: 200;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n strong {\r\n font-weight: 700;\r\n }\r\n }\r\n\r\n ul {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n\r\n li {\r\n &:not(:last-child) {\r\n margin-bottom: 10px;\r\n }\r\n\r\n a {\r\n font-size: 18px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n color: $cTxtBlack;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n }\r\n }\r\n\r\n &.section_2 {\r\n grid-area: s2;\r\n text-align: right;\r\n display: flex;\r\n padding: 0 50px 90px 50px;\r\n justify-content: flex-end;\r\n align-items: center;\r\n gap: 20px;\r\n\r\n img {\r\n max-width: 40px;\r\n\r\n @include respond-below(md) {\r\n filter: invert(1);\r\n }\r\n }\r\n\r\n p {\r\n font-size: 15px;\r\n font-weight: 700;\r\n margin-bottom: 0;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n padding: 50px 0 20px;\r\n }\r\n }\r\n\r\n &.section_3 {\r\n grid-area: s3;\r\n text-align: right;\r\n padding: 0 50px;\r\n\r\n // @include respond-above(md) {\r\n // \tbackground-color: $cBlack;\r\n // }\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 60px;\r\n\r\n @include respond-above(md) {\r\n color: $cTxtWhite;\r\n }\r\n\r\n @include respond-below(md) {\r\n font-size: 22px;\r\n\r\n br {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n p {\r\n color: #fff;\r\n font-size: 20px;\r\n font-weight: 700;\r\n margin-bottom: 0;\r\n line-height: 30px;\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n margin-bottom: 10px;\r\n\r\n p {\r\n color: #000;\r\n }\r\n }\r\n }\r\n\r\n &.section_4 {\r\n grid-area: s4;\r\n padding: 80px 50px;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 25px;\r\n\r\n p {\r\n color: $cTxtGrayDarker;\r\n font-size: 25px;\r\n font-weight: 200;\r\n margin-bottom: 0;\r\n }\r\n\r\n a {\r\n width: 100%;\r\n max-width: 50px;\r\n\r\n img {\r\n width: 100%;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n flex-direction: column-reverse;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n }\r\n\r\n &.section_5 {\r\n grid-area: s5;\r\n padding: 75px 50px 0;\r\n\r\n h2 {\r\n font-size: 32px;\r\n font-weight: 700;\r\n margin-bottom: 75px;\r\n text-transform: uppercase;\r\n\r\n @include respond-below(md) {\r\n margin-bottom: 20px;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 12px;\r\n font-weight: 300;\r\n margin-bottom: 20px;\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n }\r\n\r\n #contact_form {\r\n .agreement {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 40px;\r\n\r\n .agreement-container {\r\n .form_group_2 {\r\n input[type='checkbox'] {\r\n background: #fff;\r\n border: 1px solid #000000;\r\n\r\n &::before {\r\n background: #000;\r\n }\r\n\r\n &::after {\r\n background: #000;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .buttons-container {\r\n button {\r\n width: 180px;\r\n\r\n &::before,\r\n &::after {\r\n right: 40px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.section_6 {\r\n grid-area: s6;\r\n padding: 45px 50px 50px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n\r\n p {\r\n font-size: 21px;\r\n font-weight: 300;\r\n margin-bottom: 0;\r\n\r\n span {\r\n display: inline-block;\r\n min-width: 44px;\r\n }\r\n }\r\n\r\n @include respond-below(md) {\r\n text-align: center;\r\n padding: 50px;\r\n }\r\n }\r\n\r\n &.section_7 {\r\n grid-area: s7;\r\n padding: 0 50px;\r\n\r\n iframe {\r\n width: 100%;\r\n height: 535px;\r\n }\r\n }\r\n }\r\n\r\n @include respond-below(lg) {\r\n grid-template-columns: 350px 1fr;\r\n }\r\n\r\n @include respond-below(md) {\r\n grid-template-columns: 1fr;\r\n grid-template-areas:\r\n 's0'\r\n 'sw1'\r\n // 's2'\r\n 's6'\r\n 's5'\r\n 's4'\r\n 's3'\r\n 's7';\r\n padding-top: 50px;\r\n }\r\n }\r\n}\r\n\r\n.box-02 {\r\n margin-bottom: 35px;\r\n\r\n .box-2-data {\r\n position: relative;\r\n padding: 30px 150px;\r\n background: #f4f4f4;\r\n\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 30px;\r\n\r\n h2 {\r\n color: #000;\r\n font-size: 20px;\r\n font-weight: 700;\r\n letter-spacing: 0;\r\n margin-bottom: 0;\r\n }\r\n\r\n ul {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 15px;\r\n\r\n li {\r\n img {\r\n width: 100%;\r\n max-width: 24px;\r\n filter: brightness(0) saturate(100%) invert(0%) sepia(98%) saturate(0%) hue-rotate(47deg) brightness(98%) contrast(101%);\r\n }\r\n }\r\n }\r\n\r\n >img {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n.contact_alert {\r\n margin-top: 25px;\r\n border: 1px solid #FFF246;\r\n background: #505050;\r\n padding: 15px;\r\n color: #FFF;\r\n font-size: 15px;\r\n}","$breakpoints: (\n xs: 576px,\n sm: 768px,\n md: 992px,\n lg: 1200px\n);\n@mixin respond-above($breakpoint) {\n @if map-has-key($breakpoints, $breakpoint) {\n $breakpoint-value: map-get($breakpoints, $breakpoint);\n @media (min-width: $breakpoint-value) {\n @content;\n }\n } @else {\n @warn 'Invalid breakpoint: #{$breakpoint}.';\n }\n}\n@mixin respond-below($breakpoint) {\n @if map-has-key($breakpoints, $breakpoint) {\n $breakpoint-value: map-get($breakpoints, $breakpoint);\n @media (max-width: ($breakpoint-value - 1)) {\n @content;\n }\n } @else {\n @warn 'Invalid breakpoint: #{$breakpoint}.';\n }\n}\n@mixin respond-between($lower, $upper) {\n @if map-has-key($breakpoints, $lower) and map-has-key($breakpoints, $upper) {\n $lower-breakpoint: map-get($breakpoints, $lower);\n $upper-breakpoint: map-get($breakpoints, $upper);\n @media (min-width: $lower-breakpoint) and (max-width: ($upper-breakpoint - 1)) {\n @content;\n }\n } @else {\n @if (map-has-key($breakpoints, $lower) == false) {\n @warn 'Your lower breakpoint was invalid: #{$lower}.';\n }\n @if (map-has-key($breakpoints, $upper) == false) {\n @warn 'Your upper breakpoint was invalid: #{$upper}.';\n }\n }\n}\n@mixin border-radius($px: 0) {\n -webkit-border-radius: $px;\n -moz-border-radius: $px;\n border-radius: $px;\n}\n@mixin box-shadow($value) {\n -webkit-box-shadow: $value;\n -moz-box-shadow: $value;\n box-shadow: $value;\n}\n@mixin transition($element: all, $time: .5s, $option: ease) {\n -webkit-transition: $element $time $option;\n transition: $element $time $option;\n}\n@mixin opacity($value) {\n $IEValue: $value*100;\n opacity: $value;\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=\"+$IEValue+\")\";\n filter: alpha(opacity=$IEValue);\n}\n@mixin flexbox() {\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n@mixin flex($values) {\n -webkit-box-flex: $values;\n -moz-box-flex: $values;\n -webkit-flex: $values;\n \t -ms-flex: $values;\n \t flex: $values;\n}\n@mixin flex-direction($direction) {\n -webkit-flex-direction: $direction;\n -moz-flex-direction: $direction;\n -ms-flex-direction: $direction;\n flex-direction: $direction;\n}\n@mixin flex-wrap($wrap) {\n -webkit-flex-wrap: $wrap;\n -moz-flex-wrap: $wrap;\n -ms-flex-wrap: $wrap;\n flex-wrap: $wrap;\n}\n@mixin flex-flow($flow) {\n -webkit-flex-flow: $flow;\n -moz-flex-flow: $flow;\n -ms-flex-flow: $flow;\n flex-flow: $flow;\n}\n@mixin order($val) {\n -webkit-box-ordinal-group: $val; \n -moz-box-ordinal-group: $val; \n \t -ms-flex-order: $val; \n \t -webkit-order: $val; \n \t\t order: $val;\n}\n@mixin flex-grow($grow) {\n -webkit-flex-grow: $grow;\n -moz-flex-grow: $grow;\n -ms-flex-grow: $grow;\n flex-grow: $grow;\n}\n@mixin flex-shrink($shrink) {\n -webkit-flex-shrink: $shrink;\n -moz-flex-shrink: $shrink;\n -ms-flex-shrink: $shrink;\n flex-shrink: $shrink;\n}\n@mixin flex-basis($width) {\n -webkit-flex-basis: $width;\n -moz-flex-basis: $width;\n -ms-flex-basis: $width;\n flex-basis: $width;\n}\n@mixin justify-content($justify) {\n -webkit-justify-content: $justify;\n -moz-justify-content: $justify;\n -ms-justify-content: $justify;\n justify-content: $justify;\n -ms-flex-pack: $justify;\n}\n@mixin align-content($align) {\n -webkit-align-content: $align;\n -moz-align-content: $align;\n -ms-align-content: $align;\n align-content: $align;\n}\n@mixin align-items($align) {\n -webkit-align-items: $align;\n -moz-align-items: $align;\n -ms-align-items: $align;\n align-items: $align;\n}\n@mixin align-self($align) {\n -webkit-align-self: $align;\n -moz-align-self: $align;\n -ms-align-self: $align;\n align-self: $align;\n}"]} \ No newline at end of file diff --git a/layout/style-scss/contact.scss b/layout/style-scss/contact.scss index 8fb126d..266571c 100644 --- a/layout/style-scss/contact.scss +++ b/layout/style-scss/contact.scss @@ -20,7 +20,6 @@ .sections_2_3 { @include respond-above(md) { position: relative; - padding-top: 260px; padding-bottom: 100px; background-color: #010101; background-image: url('/upload/filemanager/Pages/Contact/contact-bg.png'); @@ -119,14 +118,14 @@ &.section_2 { grid-area: s2; text-align: right; + display: flex; padding: 0 50px 90px 50px; - - // @include respond-above(md) { - // background-color: $cBlack; - // } + justify-content: flex-end; + align-items: center; + gap: 20px; img { - margin-bottom: 20px; + max-width: 40px; @include respond-below(md) { filter: invert(1); @@ -290,7 +289,7 @@ &.section_6 { grid-area: s6; - padding: 100px 50px 50px; + padding: 45px 50px 50px; display: flex; flex-direction: column; justify-content: center; @@ -389,4 +388,13 @@ bottom: 0; } } +} + +.contact_alert { + margin-top: 25px; + border: 1px solid #FFF246; + background: #505050; + padding: 15px; + color: #FFF; + font-size: 15px; } \ No newline at end of file diff --git a/templates_user/components/ContactMini.php b/templates_user/components/ContactMini.php index 80db104..4bc07c4 100644 --- a/templates_user/components/ContactMini.php +++ b/templates_user/components/ContactMini.php @@ -3,7 +3,7 @@

CONTACT B2B

-

AGATA RADOMSKA

+

Klaudia Mazurkiewicz

AREA SALES MANAGER

  • @@ -18,9 +18,6 @@
    -
  • - +48 882 399 733 -
  • enquiries@vidok.com
    • diff --git a/templates_user/contact_alert.php b/templates_user/contact_alert.php new file mode 100644 index 0000000..4214879 --- /dev/null +++ b/templates_user/contact_alert.php @@ -0,0 +1,4 @@ +
    + We hereby inform you that VIDOK Sp. z o.o. has ended its cooperation with Asten Manufacturing Inc. based in Calgary, and as of May 9, 2025, this entity is no longer our trading partner in Canada.

    + We encourage you to contact us directly to present our offer via email sales@vidok.com +
    \ No newline at end of file