diff --git a/index.html b/index.html
index e69de29..db67944 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>Mi Ejercicio</title>
+        <meta charset="UTF-8">
+        <link rel="stylesheet" href="src/main.css">
+    </head>
+    <body>
+        <h1 id="img">Titulo </h1>
+        <br/>
+        <h2>Hola soy titulo 2</h2>
+        <h2 class="fondoh2">Hola Soy h2</h2>
+        <h3>Hola soy titulo 3</h3>
+        <h3>Hola soy un h3</h3>
+        <p class="red">Soy un pequeño parrafo que cabia de color a rojo</p>
+        <p class="red"> Soy otro pequeño parrafo para cambiar de color rojo</p>
+    </body>
+</html>
\ No newline at end of file
diff --git a/src/main.css b/src/main.css
new file mode 100644
index 0000000..951c14d
--- /dev/null
+++ b/src/main.css
@@ -0,0 +1,23 @@
+.red{
+  color: red;  
+  border-style: dotted;
+}
+h3{
+    color: red;
+    padding: 30px;
+    margin-left: 100px;
+    
+}
+.fondoh2{
+    background-color: rgb(0, 255, 251);
+    line-height: 100px;
+    width: 50em;
+}
+#img{
+    height: 200px;
+    width:  200px;
+    background-image: url("https://i.pinimg.com/564x/a8/2a/38/a82a38c66ea602122507e8fa5df91c72.jpg");
+}
+h1{
+    color: yellow;
+}
