diff --git a/index.html b/index.html
new file mode 100644
index 0000000..8d48003
--- /dev/null
+++ b/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+
+<html lang="pt-br">
+    <head> 
+        <link rel="preconnect" href="https://fonts.googleapis.com"/>
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
+
+        <meta charset="UTF-8"/>
+        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+
+        <title>Shopping List</title>
+
+        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Roboto:wght@400;700&display=swap"
+        rel="stylesheet"/>
+        
+    </head>
+    <body>
+        <main>
+            <section class="shopping-container">
+                <h2 class="shopping-title">Shopping List</h2>
+
+                <form class="shopping-form">
+                    <div class="shopping-form-inputs">
+                        <div class="shopping-form-item-wrapper">
+                            <label class="shopping-form-label" for="item-name">Item name</label>
+                            <input class="shopping-form-item-input" id="item-name" name="item-name" type="text"/>
+                        </div>
+
+                        <div class="shopping-form-quatity-wrapper">
+                            <button class="shopping-form-quantity-button shopping-form-decrement-button" type="button"></button>
+                            <input type="text" name="item-quantity" value="1" disabled>
+                            <button class="shopping-form-quantity-button shopping-form-increment-button" type="button"></button>
+                        </div>
+                    </div>
+
+                    <button class="shopping-form-submit-button" type="submit">Add to list</button>
+                </form>
+            </section>
+        </main>
+    </body> 
+</html>
\ No newline at end of file
