diff --git a/ima/duck.jpg b/ima/duck.jpg
new file mode 100644
index 0000000..fde3e0f
Binary files /dev/null and b/ima/duck.jpg differ
diff --git a/index.html b/index.html
index 4812907..22e65e3 100644
--- a/index.html
+++ b/index.html
@@ -4,12 +4,28 @@
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="stylesheet" href="style.css">
     <title>Git Flow</title>
 </head>
 <body>
     <header>
-        <h1>Hello Wrldo !</h1>
+        <h1>Hello World !</h1>
     </header>
+    <main>
+        <section></section>
+        <section></section>
+        <section></section>
+    </main>
+
+    <footer>
+        <div class="redes">
+               <a href="#" class="fa fa-facebook"></a>
+               <a href="#" class="fa fa-twitter"></a>
+               <a href="#" class="fa fa-linkedin"></a>
+               <a href="#" class="fa fa-youtube"></a>
+               <a href="#" class="fa fa-instagram"></a>
+        </div>
+    </footer>
 </body>
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 0ddf5aa..342f16b 100644
--- a/style.css
+++ b/style.css
@@ -3,9 +3,65 @@
     margin: 0;
 }
 
+/* add some color to the body 🎨 */
 body {
-    height: 100vh;
-    display: flex;
+    width: 100%;
     justify-content: center;
     align-items: center;
-}
\ No newline at end of file
+    background-image: url(ima/duck.jpg);
+    
+}
+
+footer{
+    width: 100%;
+    height: 40%;
+    background-color: #000;
+    color: white;
+    border-radius: 10px;
+    text-align: center;
+}
+
+.redes{
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: auto;
+    margin-bottom: auto;
+}
+.fa {
+    padding: 20px;
+    font-size: 30px;
+    width: 3%;
+    text-align: center;
+    text-decoration: none;
+    margin: 5px 2px;
+    border-radius: 50%;
+  }
+  
+  .fa:hover {
+      opacity: 0.7;
+  }
+  
+  .fa-facebook {
+    background:rgba(16, 145, 204, 0.72);
+    color: white;
+  }
+  
+  .fa-twitter {
+    background:rgba(16, 145, 204, 0.72);
+    color: white;
+  }
+  
+  .fa-linkedin {
+    background:rgba(16, 145, 204, 0.72);
+    color: white;
+  }
+  
+  .fa-youtube {
+    background:rgba(16, 145, 204, 0.72);
+    color: white;
+  }
+  
+  .fa-instagram {
+    background:rgba(16, 145, 204, 0.72);
+    color: white;
+  }
\ No newline at end of file
