4GeeksAcademy · Silvia014 · Jul 23, 2026 · Jul 23, 2026 · Jul 23, 2026 · Jul 23, 2026
diff --git a/.DS_Store b/.DS_Store
diff --git a/.learn/config.json b/.learn/config.json
@@ -0,0 +1,9 @@
+{
+  "config": {
+    "editor": {
+      "agent": "vscode"
+    },
+    "autoPlay": true
+  },
+  "currentExercise": null
+}
diff --git a/Attached Element Context from Integrated b/Attached Element Context from Integrated
@@ -0,0 +1,81 @@
+Attached Element Context from Integrated Browser
+
+Element: h1.mb-12.text-center
+
+URL: file:///Users/aibo/html-hello-multiplayer/indexformulario.html
+
+HTML Path: main.container-page.py-16 > h1.mb-12.text-center
+
+Outer HTML:
+```html
+<h1 class="mb-12 text-center">
+            Checkout
+        </h1>
+```
+
+Dimensions:
+- top: 145px
+- left: 70px
+- width: 1200px
+- height: 108px
+
+CSS:
+```css
+*, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    border: 0 solid; }
+h1, h2, h3, h4, h5, h6 { font-size: inherit;
+    font-weight: inherit; }
+h1 { font-family: var(--font-serif);
+    font-size: var(--text-4xl);
+    line-height: var(--tw-leading, var(--text-4xl--line-height));
+    --tw-font-weight: var(--font-weight-medium);
+    font-weight: var(--font-weight-medium);
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide); }
+ { font-size: var(--text-6xl);
+      line-height: var(--tw-leading, var(--text-6xl--line-height)); }
+.mb-12 { margin-bottom: calc(var(--spacing) * 12); }
+.text-center { text-align: center; }
+
+/* Inherited */
+body { font-family: var(--font-sans); color: var(--color-text) }
+html, :host { line-height: 1.5; tab-size: 4; font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal) }
+
+/* Resolved values */
+margin: 0px 0px 48px;
+padding: 0px;
+border: 0px solid rgb(245, 245, 245);
+box-sizing: border-box;
+color: rgb(245, 245, 245);
+display: block;
+font-family: "Playfair Display", Georgia, serif;
+font-feature-settings: normal;
+font-size: 60px;
+font-weight: 500;
+height: 60px;
+letter-spacing: 1.5px;
+line-height: 60px;
+margin-block-end: 48px /*UA*/;
+margin-block-start: 0px /*UA*/;
+margin-inline-end: 0px /*UA*/;
+margin-inline-start: 0px /*UA*/;
+tab-size: 4;
+text-align: center;
+unicode-bidi: isolate /*UA*/;
+width: 1200px;
+
+/* CSS variables */
+--spacing: 0.25rem;
+--tracking-wide: 0.025em;
+--font-sans: "Inter", Arial, sans-serif;
+--text-4xl: 2.25rem;
+--color-text: #F5F5F5;
+--text-6xl: 3.75rem;
+--default-font-family: "Inter", Arial, sans-serif;
+--font-weight-medium: 500;
+--font-serif: "Playfair Display", Georgia, serif;
+--text-6xl--line-height: 1;
+--text-4xl--line-height: calc(2.5 / 2.25);
+```
diff --git a/Hero picture Summer Season 2026 Onyx men and women.png b/Hero picture Summer Season 2026 Onyx men and women.png
diff --git a/Logo Onyx marca ropa.png b/Logo Onyx marca ropa.png
diff --git a/NS Women Summer dress.png b/NS Women Summer dress.png
diff --git a/NS Womens Sun Hat BG good.png b/NS Womens Sun Hat BG good.png
diff --git a/NS mens premium trousers.png b/NS mens premium trousers.png
diff --git a/NS mens premium tshirt.png b/NS mens premium tshirt.png
diff --git a/ONYX sin fondo.png b/ONYX sin fondo.png
diff --git a/ONYX_sin_fondo_en_blanco-removebg-preview.png b/ONYX_sin_fondo_en_blanco-removebg-preview.png
diff --git a/README.cn.md b/README.cn.md
@@ -2,20 +2,20 @@
 
 [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io#https://github.com/4GeeksAcademy/html-hello.git)
 
-为使用 [gitpod.io](gitpod.io) 代码编辑器 4Geeks Academy 学生提供的最基础的样板。
+The most basic boilerplate for 4Geeks Academy students using the [gitpod.io](gitpod.io) code editor.
 
 [![How to open html/css preview of my project in gitpod](https://github.com/4GeeksAcademy/Templates-Boilerplates/blob/master/assets/hello-html-intro.png?raw=true)](https://youtu.be/dfbDCMu_p-0)
 
-## 接下来怎么做？
+## What to do next?
 
-创建一个具有 [基本 HTML 页面结构](http://content.breatheco.de/lesson/what-is-html-learn-html#page-structure) 的 `index.html` 文件并通过使用以下命令，实时预览 Web 服务器提供的 HTML 页面：
+Create an `index.html` file with the [basic HTML page structure](http://content.breatheco.de/lesson/what-is-html-learn-html#page-structure) and preview it live using a web server with the following command:
 
 ```sh
 $ pip3 install flask && python3 server.py
 ```
 
-- 您可以根据需要创建任意数量的 HTML 文件
-- 您还可以使用放置在 `<head></head>` 标签之间的 `<link>` 标签创建 CSS 文件并将它们导入您的网站，如下所示：
+- You can create as many HTML files as you need.
+- You can also create CSS files and import them into your website using a `<link>` tag placed between the `<head></head>` tags, like this:
 
 ```html
 <head>
@@ -25,7 +25,7 @@ $ pip3 install flask && python3 server.py
 </head>
 ```
 
-- 如果你想使用 Tailwind CSS，也可以选择在同一个 `<head>` 中通过官方的 Tailwind CSS v4 CDN 引入：
+- If you want to use Tailwind CSS, you can optionally include it in the same `<head>` through the official Tailwind CSS v4 CDN:
 
 ```html
 <head>

diff --git a/README.es.md b/README.es.md
@@ -1,19 +1,19 @@
 # HTML Hello
 
-El boilerplate más básico para cualquier estudiante de 4Geeks Academy, empieza tu primer sitio web desde cero.
+The most basic boilerplate for any 4Geeks Academy student, start your very first website from scratch.
 
-> Tienes un video tutorial sobre [cómo usar esta plantilla para crear tu primer sitio web aquí](https://youtu.be/dfbDCMu_p-0).
+> There is a video tutorial on [how to use this template to create your very first website here](https://youtu.be/dfbDCMu_p-0).
 
-## ¿Qué hacer a continuación?
+## What to do next?
 
-Crea un archivo `index.html` con [la estructura básica de HTML](https://4geeks.com/es/lesson/what-is-html-learn-html-es#estructura-de-pgina) y ve el resultado en vivo corriendo un servidor web utilizando el siguiente comando:
+Create an `index.html` file with the [basic HTML structure](http://4geeks.com/lesson/what-is-html-learn-html#page-structure) and see it live by running a web-server using the following command:
 
 ```bash
 $ pip3 install flask && python3 server.py
 ```
 
-- Puedes crear tantos archivos HTML cómo desees.
-- También puedes crear archivos CSS e importarlos en tu página web utilizando una etiqueta `<link>` ubicándola entre las etiquetas `<head></head>`, de la siguiente manera:
+- You can create as many HTML files as you want.
+- You can also create CSS files and import them into your website using a `<link>` tag placed between the `<head></head>` tags, like this:
 
 ```html
 <head>
@@ -23,7 +23,7 @@ $ pip3 install flask && python3 server.py
 </head>
 ```
 
-- Si deseas usar Tailwind CSS, agrégalo de forma opcional mediante el CDN oficial de Tailwind CSS v4 dentro del mismo `<head>`:
+- If you want to use Tailwind CSS, add it optionally via the official Tailwind CSS v4 CDN inside the same `<head>`:
 
 ```html
 <head>
@@ -35,10 +35,8 @@ $ pip3 install flask && python3 server.py
 ```
 
 
-## Agradecimientos
+### Contributors
 
-Esta y otras plantillas son utilizadas para [aprender a programar](https://4geeksacademy.com/es/aprender-a-programar/aprender-a-programar-desde-cero) por parte de los alumnos de 4Geeks Academy [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp). 
+This template was built as part of the [Full Stack Developer course](https://4geeksacademy.com/us/coding-bootcamps/part-time-full-stack-developer) at [4Geeks Academy Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) by [Alejandro Sanchez](https://twitter.com/alesanchezr) and [many other contributors](https://github.com/4GeeksAcademy/html-hello/graphs/contributors).
 
-Realizado por [Alejandro Sánchez](https://twitter.com/alesanchezr) y muchos otros contribuyentes. 
-
-Conoce más sobre nuestros [Cursos de Programación](https://4geeksacademy.com/es/curso-de-programacion-desde-cero/?lang=es) para convertirte en [Full Stack Developer](https://4geeksacademy.com/es/desarrollador-full-stack/desarrollador-full-stack), o nuestro [Data Science Bootcamp](https://4geeksacademy.com/es/coding-bootcamps/curso-datascience-machine-learning).
+You can find other templates and resources like this at the [school's GitHub page](https://github.com/4geeksacademy/).
diff --git a/Top Sales leather sandals.jpg b/Top Sales leather sandals.jpg
diff --git a/Top Sales woman red dress.jpg b/Top Sales woman red dress.jpg
diff --git a/Top sales men tshirt lino.jpg b/Top sales men tshirt lino.jpg
diff --git a/Tope Sales rafia bag.jpg b/Tope Sales rafia bag.jpg
diff --git a/assets/NS mens premium trousers.png b/assets/NS mens premium trousers.png
diff --git a/assets/NS mens premium tshirt.png b/assets/NS mens premium tshirt.png
diff --git a/assets/NS women summer dress.png b/assets/NS women summer dress.png
diff --git a/assets/NS womens Sun Hat BG good.png b/assets/NS womens Sun Hat BG good.png
diff --git a/assets/Top Sales leather sandals.jpg b/assets/Top Sales leather sandals.jpg
diff --git a/assets/Top Sales men shirt lino.jpg b/assets/Top Sales men shirt lino.jpg
diff --git a/assets/Top Sales rafia bag.jpg b/assets/Top Sales rafia bag.jpg
diff --git a/assets/Top Sales woman red dress.jpg b/assets/Top Sales woman red dress.jpg
diff --git a/assets/optimized/hero-summer-2026-1280.webp b/assets/optimized/hero-summer-2026-1280.webp
diff --git a/assets/optimized/hero-summer-2026-640.webp b/assets/optimized/hero-summer-2026-640.webp
diff --git a/assets/optimized/hero-summer-2026-960.webp b/assets/optimized/hero-summer-2026-960.webp
diff --git a/assets/optimized/new-arrival-dress-240.webp b/assets/optimized/new-arrival-dress-240.webp
diff --git a/assets/optimized/new-arrival-dress-400.webp b/assets/optimized/new-arrival-dress-400.webp
diff --git a/assets/optimized/new-arrival-hat-240.webp b/assets/optimized/new-arrival-hat-240.webp
diff --git a/assets/optimized/new-arrival-hat-400.webp b/assets/optimized/new-arrival-hat-400.webp
diff --git a/assets/optimized/new-arrival-linen-shirt-240.webp b/assets/optimized/new-arrival-linen-shirt-240.webp
diff --git a/assets/optimized/new-arrival-linen-shirt-400.webp b/assets/optimized/new-arrival-linen-shirt-400.webp
diff --git a/assets/optimized/new-arrival-trousers-240.webp b/assets/optimized/new-arrival-trousers-240.webp
diff --git a/assets/optimized/new-arrival-trousers-400.webp b/assets/optimized/new-arrival-trousers-400.webp
diff --git a/assets/optimized/onyx-logo-120.webp b/assets/optimized/onyx-logo-120.webp
diff --git a/assets/optimized/top-seller-men-shirt-240.webp b/assets/optimized/top-seller-men-shirt-240.webp
diff --git a/assets/optimized/top-seller-men-shirt-400.webp b/assets/optimized/top-seller-men-shirt-400.webp
diff --git a/assets/optimized/top-seller-rafia-bag-240.webp b/assets/optimized/top-seller-rafia-bag-240.webp
diff --git a/assets/optimized/top-seller-rafia-bag-400.webp b/assets/optimized/top-seller-rafia-bag-400.webp
diff --git a/assets/optimized/top-seller-red-dress-240.webp b/assets/optimized/top-seller-red-dress-240.webp
diff --git a/assets/optimized/top-seller-red-dress-400.webp b/assets/optimized/top-seller-red-dress-400.webp
diff --git a/assets/optimized/top-seller-sandals-240.webp b/assets/optimized/top-seller-sandals-240.webp
diff --git a/assets/optimized/top-seller-sandals-400.webp b/assets/optimized/top-seller-sandals-400.webp