diff --git a/assets/Styles/main.css b/assets/Styles/main.css index e35abae..36bc704 100644 --- a/assets/Styles/main.css +++ b/assets/Styles/main.css @@ -125,6 +125,31 @@ body{ text-align: center; } +.page-footer{ + display: flex; + flex-direction: column; + align-items: center; + padding: 38px 0; + background: #000000; +} + +.footer-icons{ + display: flex; + list-style: none; + margin-bottom: 16px; +} + +.footer-icon{ + margin: 0 8px; +} + +.footer-text{ + font-size: 10px; + line-height: 12px; + text-transform: uppercase; + color: #BDBDBD; +} + @media screen and (max-width: 414px) { .main-banner-desktop, .middle-banner-desktop { @@ -159,34 +184,42 @@ body{ font-size: 14px; } -} + .bottom-infocard{ + display: flex; + align-items: center; + justify-content: center; + padding: 142px 0 180px; + } -.bottom-infocard{ - display: flex; - align-items: center; - justify-content: center; - padding: 142px 0 180px; -} + .bottom-infocard-image{ + margin-right: 40px; + } -.bottom-infocard-image{ - margin-right: 40px; -} + .bottom-infocard-text{ + max-width: 550px; + } -.bottom-infocard-text{ - max-width: 550px; -} + .bottom-infocard-title{ + margin-bottom: 18px; + font-weight: 600; + font-size: 32px; + line-height: 1; -.bottom-infocard-title{ - margin-bottom: 18px; - font-weight: 600; - font-size: 32px; - line-height: 1; - -} + } -.bottom-infocard-description{ - font-size: 16px; - line-height: 24px; + .bottom-infocard-description{ + font-size: 16px; + line-height: 24px; + } + + .page-footer{ + padding-bottom: 26px; + } + + .footer-text{ + max-width: 280px; + text-align: center; + } } @media screen and (max-width: 992px) { diff --git a/assets/images/facebook-icon.png b/assets/images/facebook-icon.png new file mode 100644 index 0000000..170d82f Binary files /dev/null and b/assets/images/facebook-icon.png differ diff --git a/assets/images/instagram-icon.png b/assets/images/instagram-icon.png new file mode 100644 index 0000000..922af3c Binary files /dev/null and b/assets/images/instagram-icon.png differ diff --git a/assets/images/youtube-icon.png b/assets/images/youtube-icon.png new file mode 100644 index 0000000..79cbe29 Binary files /dev/null and b/assets/images/youtube-icon.png differ diff --git a/index.html b/index.html index 4518c5c..909577b 100644 --- a/index.html +++ b/index.html @@ -132,5 +132,31 @@ + + \ No newline at end of file