diff --git a/assets/fxemoji_threenetworkedcomputers.svg b/assets/fxemoji_threenetworkedcomputers.svg
new file mode 100644
index 0000000..aa8344a
--- /dev/null
+++ b/assets/fxemoji_threenetworkedcomputers.svg
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/index.html b/index.html
index 81e44a2..fa4465a 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,13 @@
+
+
+
Desafio-1
@@ -18,5 +21,20 @@
+
+
+
+ LOREM IPSUM
+
+
+ DOLOR SIT AMET
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
index 0e2e164..5441cd8 100644
--- a/style.css
+++ b/style.css
@@ -4,6 +4,10 @@
box-sizing: border-box;
}
+body{
+ font-family: 'Inter', sans-serif;
+}
+
/* header com logo */
header{
@@ -26,6 +30,39 @@ header{
object-fit: cover;
}
+/* info section */
+
+.info-section{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 73px 0 80px;
+}
+
+.info-section h2{
+ text-align: center;
+ font-weight: 400;
+ font-size: 32px;
+ line-height: 39px;
+}
+
+.info-section h1{
+ text-align: center;
+ font-weight: 500;
+ font-size: 48px;
+ line-height: 58px;
+}
+
+.info-section p{
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 24px;
+ max-width: 766px;
+ padding: 28px 0 73px;
+}
+
+
/* Banner pincipal mobile */
@media screen and (max-width:768px) {