diff --git a/index.html b/index.html
index 6c88c4b..1aaff94 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,28 @@
-DevChallenge
-Home Features Contact
-Create amazing graphics
-Colaborate and create beautiful graphics with your team
-Start now
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <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="style.css">
+    <title>Amazing Graph</title>
+</head>
+<body>
+    <div class="container">
+        <navbar class="menu"><a href="#" class="logo">DevChallenge</a>
+            <ul class="lista">
+                <li><a href="#">Home</a></li>
+                <li><a href="#">Features</a></li>
+                <li><a href="#">Contact</a></li>
+            </ul>
+        </navbar>
+        <div class="title">
+            <h1>Create amazing graphics</h1>
+            <h2 class="texto">Colaborate and create beautiful graphics whith your team</h2>
+        </div>
+        <img src="assets/team.jpg" class="imagem">
+        <button class="button">Start</button>
+
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..8206fcc
--- /dev/null
+++ b/style.css
@@ -0,0 +1,43 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;1,100;1,300;1,400&display=swap');
+
+*{
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    color: #766F68;
+    text-decoration: none;
+    font-family: 'Roboto';
+}
+
+a:hover {
+    background: rgba(214, 122, 127, 0.5);
+}
+
+.logo {
+    font-size: 1.5rem;
+    font-weight: 600;
+    color: #D2872C;
+}
+
+.menu {
+    box-sizing: border-box;
+    height: 5rem;
+    padding: 2rem;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.lista {
+    display: flex;
+    list-style: none;
+    gap: .5rem;
+    font-size: 1.5rem;
+    font-weight: 400;
+}
+
+.menu a {
+    display: block;
+    padding: 2.5rem;
+}
\ No newline at end of file
