diff --git a/3-semantic-html/index.html b/3-semantic-html/index.html
new file mode 100644
index 0000000..40c6bf9
--- /dev/null
+++ b/3-semantic-html/index.html
@@ -0,0 +1,30 @@
+
+<!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">
+    <title>Html Semantico</title>
+</head>
+<body>
+    <header>
+        <div>h1</div>
+          <nav>Navegación</nav>
+        </header>
+        
+        <main>
+        <div>article</div>
+        <div>section</div>
+        </main>
+        
+        <aside>
+        <div>content</div>
+        </aside>
+        
+        <footer>
+        <div>footer</div>
+        <nav>Navegación</nav>
+        </footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/3-semantic-html/index.md b/3-semantic-html/index.md
index afc257f..01279cc 100644
--- a/3-semantic-html/index.md
+++ b/3-semantic-html/index.md
@@ -150,3 +150,5 @@ Let's see more examples: [Semantic structure](https://www.internetingishard.com/
 * [Semantic structure](https://www.internetingishard.com/html-and-css/semantic-html/)
 * [Why use semantic HTML](https://www.lifewire.com/why-use-semantic-html-3468271)
 * [Element list](https://developer.mozilla.org/es/docs/HTML/HTML5/HTML5_lista_elementos)
+
+
