From bdde3eeb540dac005dd87c2c9a65bdee02637f80 Mon Sep 17 00:00:00 2001 From: adlevin Date: Mon, 29 Sep 2025 17:22:50 +0300 Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5?= =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D1=81=D1=82=D0=B8=D0=BB=D0=B5=D0=B9=20?= =?UTF-8?q?=D0=B8=20=D1=81=D1=82=D1=80=D1=83=D0=BA=D1=82=D1=83=D1=80=D1=8B?= =?UTF-8?q?=20=D0=BA=D0=BE=D0=BD=D1=82=D0=B0=D0=BA=D1=82=D0=BD=D0=BE=D0=B9?= =?UTF-8?q?=20=D0=B8=D0=BD=D1=84=D0=BE=D1=80=D0=BC=D0=B0=D1=86=D0=B8=D0=B8?= =?UTF-8?q?:=20=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D1=8B=20?= =?UTF-8?q?=D0=BD=D0=BE=D0=B2=D1=8B=D0=B5=20=D1=8D=D0=BB=D0=B5=D0=BC=D0=B5?= =?UTF-8?q?=D0=BD=D1=82=D1=8B=20=D0=B4=D0=BB=D1=8F=20=D0=BE=D1=82=D0=BE?= =?UTF-8?q?=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D1=8F=20=D1=82=D0=B5?= =?UTF-8?q?=D0=BB=D0=B5=D1=84=D0=BE=D0=BD=D0=BE=D0=B2=20=D0=B8=20=D1=80?= =?UTF-8?q?=D0=B0=D0=B1=D0=BE=D1=87=D0=B5=D0=B3=D0=BE=20=D0=B2=D1=80=D0=B5?= =?UTF-8?q?=D0=BC=D0=B5=D0=BD=D0=B8,=20=D1=83=D0=BB=D1=83=D1=87=D1=88?= =?UTF-8?q?=D0=B5=D0=BD=D0=BE=20=D0=BE=D1=84=D0=BE=D1=80=D0=BC=D0=BB=D0=B5?= =?UTF-8?q?=D0=BD=D0=B8=D0=B5=20=D0=B1=D1=80=D0=B5=D0=BD=D0=B4=D0=B0.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main.css | 89 +++++++++++++++++++++++++++++++++++++++++++++ index.html | 15 +++++++- 2 files changed, 102 insertions(+), 2 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index 040eca0..f9308b3 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -154,10 +154,24 @@ a:hover { width: auto; } +.brand-info { + display: flex; + flex-direction: column; +} + .brand-text { font-size: 1.5rem; font-weight: 700; color: var(--primary-color); + line-height: 1; +} + +.brand-subtitle { + font-size: 0.8rem; + font-weight: 400; + color: var(--text-light); + margin-top: 2px; + line-height: 1; } .navbar-menu { @@ -205,6 +219,40 @@ a:hover { font-weight: 500; } +.header-contact-info { + display: flex; + align-items: center; + gap: 12px; +} + +.phone-numbers { + display: flex; + flex-direction: column; + gap: 1px; +} + +.phone-number { + font-weight: 600; + font-size: 0.9rem; + line-height: 1.2; + color: var(--primary-color); + text-decoration: none; + transition: var(--transition); +} + +.phone-number:hover { + color: var(--primary-dark); + text-decoration: underline; +} + +.work-hours { + font-size: 0.75rem; + color: var(--text-light); + font-weight: 400; + white-space: nowrap; + margin-top: 2px; +} + .mobile-menu-toggle { display: none; flex-direction: column; @@ -692,6 +740,11 @@ a:hover { margin-top: 3rem; } +.contact .contact-info { + display: flex; + flex-direction: column; +} + .contact-item { display: flex; gap: 1rem; @@ -822,6 +875,42 @@ a:hover { } /* Responsive Design */ +@media (max-width: 1024px) { + .phone-number { + font-size: 0.85rem; + } + + .work-hours { + font-size: 0.7rem; + } +} + +@media (max-width: 900px) { + .header-contact-info { + flex-direction: column; + gap: 4px; + } + + .phone-numbers { + flex-direction: row; + gap: 0; + } + + .phone-number { + font-size: 0.8rem; + } + + .phone-number:not(:last-child)::after { + content: ", "; + margin-right: 4px; + color: var(--text-light); + } + + .work-hours { + margin-top: 0; + } +} + @media (max-width: 768px) { .container { padding: 0 15px; diff --git a/index.html b/index.html index 62b29f9..5e7dcc8 100644 --- a/index.html +++ b/index.html @@ -53,7 +53,10 @@