diff --git a/README.md b/README.md
index 49e6b70..429556f 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
+Primeiro desafio do treinamento da M3 Academy, uma landing page usando apenas HTML e CSS, com responsividade para todos os tipos de dispositivos.
+
# challenge-landing-page
-
-
## Getting started
To make it easy for you to get started with GitLab, here's a list of recommended next steps.
diff --git a/assets/images/facebook.svg b/assets/images/facebook.svg
new file mode 100644
index 0000000..061ff85
--- /dev/null
+++ b/assets/images/facebook.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/images/instagram.svg b/assets/images/instagram.svg
new file mode 100644
index 0000000..2126204
--- /dev/null
+++ b/assets/images/instagram.svg
@@ -0,0 +1,5 @@
+
diff --git a/assets/images/youtube.svg b/assets/images/youtube.svg
new file mode 100644
index 0000000..de6f9a7
--- /dev/null
+++ b/assets/images/youtube.svg
@@ -0,0 +1,3 @@
+
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 5b9a61c..54b3e30 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -185,6 +185,7 @@ body {
.article-figure{
text-align: center;
margin-top: 50px;
+ margin-bottom: 116px;
width: 70.83%;
}
@@ -196,6 +197,39 @@ body {
width: 100%;
}
+.footer{
+ background: #000;
+ color: #fff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+}
+
+.footer-content{
+ width: 20.67%;
+ margin-bottom: 38px;
+ margin-top: 38px;
+}
+
+.social-medias{
+ display: flex;
+ flex-direction: row;
+ gap: 20px;
+ justify-content: center;
+}
+
+.footer-text{
+ margin-top: 16px;
+}
+
+.footer-copyright{
+ font-size: 10px;
+ line-height: 12px;
+ text-transform: uppercase;
+ color: #BDBDBD;
+}
+
/*4k*/
@media screen and (min-width: 2500px) {
.top-infocard-subtitle{
@@ -233,7 +267,11 @@ body {
font-size: 32px;
line-height: 48px;
}
-
+
+ .footer-copyright{
+ font-size: 20px;
+ line-height: 24px;
+ }
}
/*MOBILE* */
diff --git a/index.html b/index.html
index 265ddb0..32c7247 100644
--- a/index.html
+++ b/index.html
@@ -22,10 +22,11 @@
-
-
-
+
+
+
+
@@ -45,53 +46,53 @@
-
+
-
+
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.
-
+
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. 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. 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. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
+ 
+ 
- 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+