diff --git a/index.html b/index.html
new file mode 100644
index 0000000..87108a3
--- /dev/null
+++ b/index.html
@@ -0,0 +1,111 @@
+<!DOCTYPE <!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+
+    <title>Womarkerscode</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
+    <script src="main.js"></script>
+</head>
+<body>
+    <!--cabeçalho -->
+    <header background ="black">
+        <img src="images/logo.png" width="140" height="50">
+        <a href="home.html">HOME</a>
+        <a href="servicos.html">SERVIÇOS</a>
+        <a href="portfolio.html">PORTFÓLIO</a>
+        <a href="sobre.html">SOBRE MIM</a>
+        <a href="contato.html">CONTATO</a>            
+    </header>  
+
+  <!--seção bem vindo-->
+     <section class="bemvindo" style="background-image:url(images/Slider.png)">
+         <div>
+         <img src="images/icon.ico"> 
+         <h1>Bem vind@</h1>
+         <h2> Lorem ipsum dolor sit amet.</h2>
+        </div>
+     </section>
+
+<!--seção serviços-->
+     <section>
+         <h1>Serviços</h1>
+         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet felis id nisl ultricies porttitor efficitur et quam.</p>
+         
+            <img src="images/Service1.png"alt="Serviços" width="320" height="320">
+            <figcaption>
+                <p>Serviços</p>
+                <p>Lorem ipsum dolor sit amet</p>
+            </figcaption>
+      
+                
+           <img src="images/Service2.png" alt="Templates" width="320" height="320">
+            <figcaption>
+                <p>Templates</p>
+                <p>Lorem ipsum dolor sit amet</p>
+            </figcaption>
+        
+
+            <img src="images/Service3.png" alt="Templates" width="320" height="320">
+            <figcaption>
+                <p>Temas Wordpress</p>
+                <p>Lorem ipsum dolor sit amet</p>
+            </figcaption>
+
+         </section>
+      
+
+ <!--seção meus trabalhos-->
+ <section>
+
+    <h1>Meus trabalhos</h1>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet felis id nisl ultricies porttitor efficitur et quam.</p>
+    
+    <img src="images/Portfolio01.png" width="320" height="320">
+
+    <img src="images/Portfolio02.png" width="320" height="320">
+
+    <img src="images/Portfolio03.png" width="320" height="320">
+
+ </section>  
+ 
+ <!--seção quem sou eu-->
+<section>
+    <h1>Quem sou eu</h1>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet felis id nisl ultricies porttitor efficitur et quam.</p>
+   
+    <img src="images/photo.png" width="500" height="500">
+    <figcaption>
+        <p>Joana D'arc</p>
+    </figcaption>
+
+    <h3>Sobre mim</h3>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet felis id nisl ultricies porttitor efficitur et quam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet felis id nisl ultricies porttitor efficitur et quam.</p>
+
+    <h3>Habilidades</h3>
+    <p>Java Script</p>
+    <p> HTML & CSS</p>
+    <p>jQuery</p>
+    <p>Wordpress</p>
+    
+</section>
+
+<!--seção contato-->
+<section>
+    <h1>Contato</h1>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sit amet felis id nisl ultricies porttitor efficitur et quam.</p>
+    <p>meuemail@mail.com</p>
+    <p>+55 21 987654-321</p>
+
+    <h2>Mídias</h2>
+
+  
+</section>
+
+  <!--rodapé-->
+    <footer>
+        <p>Women + Tech= &lt; &frasl;strong &gt;</p>
+    </footer>
+</body>
+</html>
\ No newline at end of file
