diff --git a/valitovgaziz/html/index.html b/valitovgaziz/html/index.html index 2e0b223..04dc4fd 100644 --- a/valitovgaziz/html/index.html +++ b/valitovgaziz/html/index.html @@ -450,7 +450,6 @@ diff --git a/valitovgaziz/html/style.css b/valitovgaziz/html/style.css index baca6c4..6d8c5c1 100644 --- a/valitovgaziz/html/style.css +++ b/valitovgaziz/html/style.css @@ -4,6 +4,7 @@ @import url("./style/social_link.css"); @import url("./style/hero_section.css"); @import url("./style/yalarba_investmen.css"); +@import url("./style/footer.css"); :root { --primary: #2c3e50; @@ -44,6 +45,7 @@ h3 { h1 { margin-bottom: 0.5rem; } + .contact-info { display: flex; justify-content: center; @@ -113,48 +115,7 @@ h1 { .project-link:hover { text-decoration: underline; } -footer { - text-align: center; - padding: 1em 0 0 0; - color: var(--dark); - font-size: 0.9rem; - border-radius: 1rem; - display: flex; - flex-direction: column; -} -.footer-links { - padding: 1em; - display: flex; - flex-wrap: wrap; - flex-direction: row; - justify-content: space-around; -} - -.footer-box { - width: fit-content; - height: fit-content; -} - -.footer-link { - padding: 0.3rem; - border-radius: 0.3em; - border: 1px solid white; -} - -.footer-link:hover { - border: 1px solid; - cursor: pointer; - -webkit-box-shadow: 2px 2px 8px 0px rgba(32, 187, 108, 0.43); - -moz-box-shadow: 2px 2px 8px 0px rgba(32, 187, 108, 0.43); - box-shadow: 2px 2px 8px 0px rgba(32, 187, 108, 0.43); -} - -.footer-end-text { - margin: 0; - position: relative; - bottom: 0; -} /* Адаптация для мелких экранов */ @media (max-width: 768px) { diff --git a/valitovgaziz/html/style/footer.css b/valitovgaziz/html/style/footer.css new file mode 100644 index 0000000..5d8687b --- /dev/null +++ b/valitovgaziz/html/style/footer.css @@ -0,0 +1,34 @@ +footer { + text-align: center; + padding: 1em 0 0 0; + color: var(--dark); + font-size: 0.9rem; + border-radius: 1rem; + display: flex; + flex-direction: column; +} + +.footer-links { + padding: 1em; + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: space-around; +} + +.footer-box { + width: fit-content; + height: fit-content; +} + +.footer-link { + padding: 1rem; + border-radius: 0.3em; +} + + +.footer-end-text { + margin: 0 0 3rem 0; + position: relative; + bottom: 0; +} \ No newline at end of file diff --git a/valitovgaziz/html/style/social_link.css b/valitovgaziz/html/style/social_link.css index c6a6927..d94386d 100644 --- a/valitovgaziz/html/style/social_link.css +++ b/valitovgaziz/html/style/social_link.css @@ -16,6 +16,10 @@ justify-content: center; } +.social_link img { + background-color: #ffffff00; +} + .social_links_block h4 { width: fit-content; }