diff --git a/assets/images/icon-facebook.png b/assets/images/icon-facebook.png new file mode 100644 index 0000000..170d82f Binary files /dev/null and b/assets/images/icon-facebook.png differ diff --git a/assets/images/icon-instagram.png b/assets/images/icon-instagram.png new file mode 100644 index 0000000..922af3c Binary files /dev/null and b/assets/images/icon-instagram.png differ diff --git a/assets/images/icon-youtube.png b/assets/images/icon-youtube.png new file mode 100644 index 0000000..79cbe29 Binary files /dev/null and b/assets/images/icon-youtube.png differ diff --git a/assets/styles/main.css b/assets/styles/main.css index 28e8f11..271b812 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -168,3 +168,32 @@ body{ width: 71%; } +.page-footer{ + display: flex; + flex-direction: column; + align-items: center; + padding: 38px 0; + background: #000000; +} + +.page-footer-conent{ + width: 21%; +} + +.footer-icons{ + display: flex; + list-style: none; + margin-bottom: 16px; + justify-content: center; +} + +.footer-icon{ + margin: 0 8px; +} + +.footer-text{ + font-size: 10px; + line-height: 12px; + text-transform: uppercase; + color: #BDBDBD; +} \ No newline at end of file diff --git a/index.html b/index.html index e32b368..2fc754c 100644 --- a/index.html +++ b/index.html @@ -39,7 +39,7 @@
- Top Image 1 + Imagem 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. @@ -48,7 +48,7 @@

- Top Image 2 + Imagem 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. @@ -57,7 +57,7 @@

- Top Image 3 + Imagem 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. @@ -84,7 +84,7 @@

- Bottom Image 1 + Imagem 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. @@ -92,7 +92,7 @@

- Bottom Image 2 + Imagem 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. @@ -100,7 +100,7 @@

- Bottom Image 3 + Imagem 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. @@ -108,7 +108,7 @@

- Bottom Image 4 + Imagem 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. @@ -133,6 +133,33 @@

+ +