diff --git a/Practicas/Practicas HTML/Repaso 2/css/style.css b/Practicas/Practicas HTML/Repaso 2/css/style.css
new file mode 100644
index 0000000..861648a
--- /dev/null
+++ b/Practicas/Practicas HTML/Repaso 2/css/style.css	
@@ -0,0 +1,217 @@
+@charset "UTF-8";
+* {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  text-decoration: none;
+  border: none;
+  outline: none;
+}
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  background-image: url("../imagenes/fondo-vert.jpg");
+  background-size: cover;
+}
+
+#main_header {
+  width: 100%;
+  height: 120px;
+  background-image: url("../imagenes/teclado.jpg");
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-end;
+  position: sticky;
+  top: 0;
+  background-color: gray;
+  padding: 10px;
+  margin-bottom: 0.5em;
+  box-sizing: border-box;
+  box-shadow: 2px 2px 3px;
+}
+#main_header > img {
+  height: 100px;
+}
+
+.menu {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+.menu li {
+  float: left;
+  margin: 0 5px;
+  color: white;
+  cursor: pointer;
+}
+.menu li a {
+  color: white;
+  text-decoration: underline;
+  font-weight: bold;
+  text-shadow: 1px 1px 1px black;
+}
+
+#inicio,
+#equipo {
+  scroll-margin-top: 150px;
+}
+
+main {
+  background-color: rgba(0, 0, 0, 0.2);
+  width: 70%;
+  margin: auto;
+  padding: 2em;
+  color: white;
+  margin-top: 3em;
+  box-sizing: border-box;
+  text-align: center;
+}
+
+h1 {
+  font-size: 4em;
+  font-style: italic;
+  font-weight: lighter;
+  text-shadow: 1px 1px 2px black;
+}
+
+h2 {
+  font-size: 2em;
+  font-style: italic;
+  font-weight: lighter;
+  text-shadow: 1px 1px 2px black;
+}
+
+section {
+  margin-top: 2em;
+  display: flex;
+  flex-direction: column;
+  gap: 1em;
+  align-items: center;
+  text-shadow: 1px 1px 1px black;
+}
+section p {
+  text-align: left;
+}
+
+.equipo-content {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 2em;
+}
+
+.card {
+  max-width: 320px;
+  padding: 0.5em;
+  border: 3px solid rgb(21, 92, 190);
+  color: rgb(21, 92, 190);
+}
+.card > img {
+  margin-top: 1em;
+  width: 80%;
+}
+
+.card-details {
+  display: flex;
+  align-items: center;
+  gap: 0.2em;
+  background-color: rgba(0, 0, 0, 0.3);
+}
+.card-details img {
+  width: 38px;
+}
+.card-details p {
+  color: white;
+  font-size: 0.9em;
+}
+
+.card-details span {
+  color: rgb(21, 92, 190);
+  font-weight: bold;
+}
+
+footer {
+  width: 70%;
+  margin: auto;
+  background-image: url("../imagenes/teclado.jpg");
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1em;
+  padding: 1em;
+  box-sizing: border-box;
+}
+
+footer img {
+  width: 80%;
+  max-width: 200px;
+}
+footer p {
+  color: rgb(177, 152, 28);
+  margin-top: 1em;
+}
+.redes {
+  width: 100%;
+  display: flex;
+  justify-content: space-around;
+}
+.redes img {
+  width: 48px;
+  height: 48px;
+}
+
+.form_container {
+  padding: 0.5em;
+  box-sizing: border-box;
+  display: flex;
+  gap: 0.4em;
+  flex-direction: column;
+  width: 100%;
+  border: 3px solid blue;
+}
+
+.form_container .subform {
+  padding: 0.5em;
+  border: 3px solid blue;
+}
+
+
+
+
+/* Definiciones para el boton de subir pagina*/
+#subircaja {
+  position: fixed;
+  right: 10px;
+  bottom: 10px;
+}
+#subirimg {
+  width: 64px;
+  height: 64px;
+}
+/*********************************************/
+
+@media (max-width: 650px) {
+  .menu {
+    text-align: left;
+  }
+  .menu li {
+    list-style-type: square;
+    clear: left;
+  }
+  .menu a {
+    font-size: 1em;
+  }
+
+  main {
+    width: 90%;
+  }
+  .card {
+    width: 230px;
+  }
+  footer {
+    width: 90%;
+  }
+}
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/desarrollo.jpg b/Practicas/Practicas HTML/Repaso 2/imagenes/desarrollo.jpg
new file mode 100644
index 0000000..34c588e
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/desarrollo.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/diseño1.jpeg b/Practicas/Practicas HTML/Repaso 2/imagenes/diseño1.jpeg
new file mode 100644
index 0000000..786a1a8
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/diseño1.jpeg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/diseño2.jpeg b/Practicas/Practicas HTML/Repaso 2/imagenes/diseño2.jpeg
new file mode 100644
index 0000000..9959f28
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/diseño2.jpeg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/diseño3.jpeg b/Practicas/Practicas HTML/Repaso 2/imagenes/diseño3.jpeg
new file mode 100644
index 0000000..71029cb
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/diseño3.jpeg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/efectos.png b/Practicas/Practicas HTML/Repaso 2/imagenes/efectos.png
new file mode 100644
index 0000000..e1a6075
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/efectos.png differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/facebook.png b/Practicas/Practicas HTML/Repaso 2/imagenes/facebook.png
new file mode 100644
index 0000000..879deed
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/facebook.png differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/fondo-vert.jpg b/Practicas/Practicas HTML/Repaso 2/imagenes/fondo-vert.jpg
new file mode 100644
index 0000000..b147ed9
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/fondo-vert.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/fondo.jpg b/Practicas/Practicas HTML/Repaso 2/imagenes/fondo.jpg
new file mode 100644
index 0000000..35daea6
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/fondo.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/heart.png b/Practicas/Practicas HTML/Repaso 2/imagenes/heart.png
new file mode 100644
index 0000000..3e3db58
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/heart.png differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/icono_area.jpg b/Practicas/Practicas HTML/Repaso 2/imagenes/icono_area.jpg
new file mode 100644
index 0000000..25e90c5
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/icono_area.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/icono_arquitecto.jpg b/Practicas/Practicas HTML/Repaso 2/imagenes/icono_arquitecto.jpg
new file mode 100644
index 0000000..f9966fd
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/icono_arquitecto.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/icono_calendario.jpg b/Practicas/Practicas HTML/Repaso 2/imagenes/icono_calendario.jpg
new file mode 100644
index 0000000..0a7a9ad
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/icono_calendario.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/icono_fotografos.jpg b/Practicas/Practicas HTML/Repaso 2/imagenes/icono_fotografos.jpg
new file mode 100644
index 0000000..c77443a
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/icono_fotografos.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/logo.png b/Practicas/Practicas HTML/Repaso 2/imagenes/logo.png
new file mode 100644
index 0000000..8e92f82
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/logo.png differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/marketing1.jpeg b/Practicas/Practicas HTML/Repaso 2/imagenes/marketing1.jpeg
new file mode 100644
index 0000000..92b2d6b
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/marketing1.jpeg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/marketing2.jpeg b/Practicas/Practicas HTML/Repaso 2/imagenes/marketing2.jpeg
new file mode 100644
index 0000000..dcbfe4c
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/marketing2.jpeg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/marketing3.jpeg b/Practicas/Practicas HTML/Repaso 2/imagenes/marketing3.jpeg
new file mode 100644
index 0000000..c84be3e
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/marketing3.jpeg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/people1.jpg b/Practicas/Practicas HTML/Repaso 2/imagenes/people1.jpg
new file mode 100644
index 0000000..d6bc6e6
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/people1.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/people2.jpg b/Practicas/Practicas HTML/Repaso 2/imagenes/people2.jpg
new file mode 100644
index 0000000..effcf9d
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/people2.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/people3.jpg b/Practicas/Practicas HTML/Repaso 2/imagenes/people3.jpg
new file mode 100644
index 0000000..2038ac4
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/people3.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/programacion1.jpeg b/Practicas/Practicas HTML/Repaso 2/imagenes/programacion1.jpeg
new file mode 100644
index 0000000..f733486
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/programacion1.jpeg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/programacion2.jpeg b/Practicas/Practicas HTML/Repaso 2/imagenes/programacion2.jpeg
new file mode 100644
index 0000000..d768f5c
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/programacion2.jpeg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/programacion3.jpeg b/Practicas/Practicas HTML/Repaso 2/imagenes/programacion3.jpeg
new file mode 100644
index 0000000..e203d87
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/programacion3.jpeg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/responsive.png b/Practicas/Practicas HTML/Repaso 2/imagenes/responsive.png
new file mode 100644
index 0000000..e7e99f3
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/responsive.png differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/subir.png b/Practicas/Practicas HTML/Repaso 2/imagenes/subir.png
new file mode 100644
index 0000000..d70182c
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/subir.png differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/subir1.png b/Practicas/Practicas HTML/Repaso 2/imagenes/subir1.png
new file mode 100644
index 0000000..ce8b486
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/subir1.png differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/teclado.jpg b/Practicas/Practicas HTML/Repaso 2/imagenes/teclado.jpg
new file mode 100644
index 0000000..b97b429
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/teclado.jpg differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/twitter.png b/Practicas/Practicas HTML/Repaso 2/imagenes/twitter.png
new file mode 100644
index 0000000..93f535c
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/twitter.png differ
diff --git a/Practicas/Practicas HTML/Repaso 2/imagenes/youtube.png b/Practicas/Practicas HTML/Repaso 2/imagenes/youtube.png
new file mode 100644
index 0000000..d208b72
Binary files /dev/null and b/Practicas/Practicas HTML/Repaso 2/imagenes/youtube.png differ
diff --git a/Practicas/Practicas HTML/Repaso 2/index.html b/Practicas/Practicas HTML/Repaso 2/index.html
new file mode 100644
index 0000000..d19c327
--- /dev/null
+++ b/Practicas/Practicas HTML/Repaso 2/index.html	
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Repaso 2</title>
+    <link rel="stylesheet" href="./css/style.css">
+</head>
+
+<body>
+    <header id="main_header">
+        <img src="./imagenes/logo.png" alt="logotipo">
+        <nav>
+            <ul class="menu">
+                <li> <a href="#inicio">Inicio</a></li>
+                <li> <a href="#equipo">Equipo</a></li>
+                <li> <a href="#servicio">Servicio</a></li>
+                <li> <a href="#trabajos">Trabajos</a></li>
+                <li> <a href="#contacto">Contacto</a></li>
+            </ul>
+        </nav>
+    </header>
+
+
+    <main>
+        <section id="inicio">
+            <H1>AlexCG Design</H1>
+            <h2>Agencia de desarrollo web</h2>
+            <img src="./imagenes/desarrollo.jpg" width="90%" alt="Imagen de desarrollo">
+            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos tenetur illo id magnam ea inventore
+                recusandae ad facilis nisi quas, optio possimus similique, saepe dolor aliquid, eligendi quidem
+                obcaecati. Libero.</p>
+        </section>
+
+        <section id="equipo">
+            <h2>Equipo</h2>
+            <div class="equipo-content">
+                <div class="card">
+                    <p>Mary Salert</p>
+                    <img src="./imagenes/people1.jpg" alt="avatar mary">
+                    <div class="card-details">
+                        <img src="./imagenes/icono_arquitecto.jpg" alt="">
+                        <p><span>Ocupacion:</span> Diseñadora Web</p>
+                    </div>
+                    <div class="card-details">
+                        <img src="./imagenes/icono_area.jpg" alt="">
+                        <p><span>Area de trabajo:</span> Desarrollo de aplicaciones</p>
+                    </div>
+                    <div class="card-details">
+                        <img src="./imagenes/icono_calendario.jpg" alt="">
+                        <p><span>Año de incorporacion:</span> Diseñadora Web</p>
+                    </div>
+                </div>
+                <div class="card">
+                    <p>Mary Salert</p>
+                    <img src="./imagenes/people2.jpg" alt="avatar mary">
+                    <div class="card-details">
+                        <img src="./imagenes/icono_arquitecto.jpg" alt="">
+                        <p><span>Ocupacion:</span> Diseñadora Web</p>
+                    </div>
+                    <div class="card-details">
+                        <img src="./imagenes/icono_area.jpg" alt="">
+                        <p><span>Area de trabajo:</span> Desarrollo de aplicaciones</p>
+                    </div>
+                    <div class="card-details">
+                        <img src="./imagenes/icono_calendario.jpg" alt="">
+                        <p><span>Año de incorporacion:</span> Diseñadora Web</p>
+                    </div>
+                </div>
+                <div class="card">
+                    <p>Mary Salert</p>
+                    <img src="./imagenes/people3.jpg" alt="avatar mary">
+                    <div class="card-details">
+                        <img src="./imagenes/icono_arquitecto.jpg" alt="">
+                        <p><span>Ocupacion:</span> Diseñadora Web</p>
+                    </div>
+                    <div class="card-details">
+                        <img src="./imagenes/icono_area.jpg" alt="">
+                        <p><span>Area de trabajo:</span> Desarrollo de aplicaciones</p>
+                    </div>
+                    <div class="card-details">
+                        <img src="./imagenes/icono_calendario.jpg" alt="">
+                        <p><span>Año de incorporacion:</span> Diseñadora Web</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section id="contacto">
+            <h2>Contacta con nosotros</h2>
+
+            <form class="form_container" action="./gracias.html" method="get">
+                <fieldset>
+                    <label for="nombre">Nombre</label>
+                    <input type="text" name="nombre" id="nombre" required>
+                </fieldset>
+                <div class="subform">
+
+                </div>
+            </form>
+        </section>
+
+
+    </main>
+
+    <footer>
+        <img src="./imagenes/logo.png" alt="logo">
+        <div class="redes">
+            <a href=""><img src="./imagenes/twitter.png" alt="logo twitter"></a>
+            <a href=""><img src="./imagenes/facebook.png" alt="logo facebook"></a>
+            <a href=""><img src="./imagenes/youtube.png" alt="logo youtube"></a>
+        </div>
+        <p>La pasion e innovacion es lo que nos distingue del resto</p>
+    </footer>
+
+
+    <div id="subircaja">
+        <a href="#inicio">
+            <img id="subirimg" src="./imagenes/subir.png" alt="icono subir">
+        </a>
+    </div>
+</body>
+
+</html>
\ No newline at end of file