diff --git a/index.html b/index.html
new file mode 100644
index 0000000..4c165bf
--- /dev/null
+++ b/index.html
@@ -0,0 +1,102 @@
+<!DOCTYPE html>
+<html lang="pt">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href=""><script src=""></script>
+    <title>Womakerscode</title>
+</head>
+
+<body>
+    <img src="images/logo.png" alt="Logo Womakers Code" width="100px">
+    <ul>
+    <li>Home</li>
+    <li>Serviços</li>
+    <li>Portfolio</li>
+    <li>Sobre Mim</li>
+    <li>Contato</li>
+    </ul>
+    
+    <div class="welcome">
+        <h1>Bem vind@</h1>
+        <h2>Curabitur Iaculis</h2>
+        <h5>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras consequat ultricies facilisis. Quisque varius tortor eget lacus tincidunt cursus. </h5>
+        <img src="images/slider01.png" id="slider01">
+    </div>
+    
+    <div class="servicos">
+        <h3>Serviços</h3>
+        <h4>Dulis molis placerat quaum, eget lacreet tellus tempor eu. Quisque dapibus in purus in dignissim</h4>
+        <div class="serv">
+        <img src="images/Service1.png">
+        <h4>Websites</h4>
+        <h5>Curabitur bibendum ligula at velit lacinia pretium. Pellentesque lorem.</h5>
+        </div>
+        <div class="serv">
+        <img src="images/Service2.png">
+        <h4>Templates</h4>
+        <h5>Suspendisse scelerisque iaculis euismod. Nulla facilisi. Duis turpis.</h5>
+        </div>
+        <div class="serv">
+        <img src="images/Service3.png">
+        <h4>Temas WordPress</h4>
+        <h5>Nulla id ultrices odio. Nulla imperdiet felis diam, id.</h5>
+        </div>
+    </div>
+    
+    <div class="meus-trabalhos">
+        <h4>Dulis molis placerat quaum, eget lacreet tellus tempor eu. Quisque dapibus in purus in dignissim</h4>
+        <ul>
+            <li>Tudo</li>
+            <li>Website</li>
+            <li>Template</li>
+            <li>Tema</li>
+        </ul>
+        <figure>
+        <img src="images/Portfolio01.png">
+        <figcaption>Thumbnail label
+            <span>Thumbnail caption</span>    
+        </figcaption>
+        </figure>
+        <figure>
+        <img src="images/Portfolio02.png">
+        <figcaption>Thumbnail label
+            <span>Thumbnail caption</span>    
+        </figcaption>
+        </figure>
+        <figure>
+        <img src="images/Portfolio03.png">
+        <figcaption>Thumbnail label
+            <span>Thumbnail caption</span>    
+        </figcaption>
+        </figure>
+        
+        
+    </div>
+    <div class="quem-eu">
+        <h3>Quem sou eu</h3>
+        <h4>Dulis molis placerat quaum, eget lacreet tellus tempor eu. Quisque dapibus in purus in dignissim</h4>
+        <figure>
+            <img src="images/photo.png">
+            <figcaption>Joana D'arc</figcaption>
+        </figure>
+        <h4>Sobre mim</h4>
+        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras consequat ultricies facilisis. Quisque varius tortor eget lacus tincidunt cursus. Sed et ante vel lorem venenatis bibendum. In feugiat orci ut orci cursus, nec tempor ipsum fermentum. Suspendisse elementum quam ut ullamcorper volutpat. Praesent ut malesuada turpis. Sed orci dolor, mollis congue tellus a, molestie venenatis mi. Curabitur vel elit libero. </p>
+        
+        <h4>Habilidade</h4>
+        <p>JavaScript</p>
+        <p>Html &amp; Css</p>
+        <p>jQuery</p>
+        <p>Wordpress</p>
+    </div>
+    
+    <div class="contato">
+        <h4>Dulis molis placerat quaum, eget lacreet tellus tempor eu. Quisque dapibus in purus in dignissim</h4>
+        <p id="mail">meuemail@mail.com</p>
+        <p id="phone">+55 21 987654-321</p>
+        <p>Mídias</p>
+    </div>
+    <footer>Women + Tech = &lt;/strong&gt; </footer>
+    </body>
+</html>
+
