diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx index d4d453f..bf46a7b 100644 --- a/src/components/footer/Footer.tsx +++ b/src/components/footer/Footer.tsx @@ -4,6 +4,9 @@ import { Link } from 'react-router-dom'; import phone from '../../assets/icons/phone.svg'; import mail from '../../assets/icons/mail.svg'; import location from '../../assets/icons/location.svg'; +import { ReactComponent as Instagram } from '../../assets/icons/insta-black.svg'; +import { ReactComponent as Facebook } from '../../assets/icons/fb-black.svg'; +import { ReactComponent as TikTok } from '../../assets/icons/tiktok-black.svg'; const Footer = () => { return ( @@ -74,6 +77,28 @@ const Footer = () => { 115184, Ашхабад, Битарап шаелы, 25 (Центр телерадиовещания Туркменистана) + +
+
+ +
+

hhm@inst.com

+
+ +
+
+ +
+

hhm@face.com

+
+ +
+
+ +
+

@hhm

+
+

Реклама на ТВ и радио: (993) 12 78-13-99

diff --git a/src/styles/_footer.scss b/src/styles/_footer.scss index 1248a45..e8979d8 100644 --- a/src/styles/_footer.scss +++ b/src/styles/_footer.scss @@ -41,15 +41,26 @@ gap: 2.4rem; align-items: center; - &:nth-child(3) { - align-items: flex-start; - } + // &:nth-child(3) { + // align-items: flex-start; + // } &:nth-child(4), - &:nth-child(5) { + &:nth-child(5), + &:nth-child(6) { + display: none; + } + &:nth-child(7), + &:nth-child(8) { padding-left: 4.8rem; } } +.footer-info-item-icon { + svg { + fill: $white; + } +} + .footer-info-item-title { font-size: 1.8rem; color: $white; @@ -69,6 +80,15 @@ } } +@media (max-width: 850px) { + .footer-info-item { + &:nth-child(4), + &:nth-child(5), + &:nth-child(6) { + display: flex; + } + } +} @media (max-width: 700px) { .footer-nav-list { grid-template-columns: repeat(2, auto);