4GeeksAcademy
diff --git a/‎.learn/assets/06-hero-section-and-three-boxes-result.png
58 KB b/‎.learn/assets/06-hero-section-and-three-boxes-result.png
58 KB
diff --git a/‎.learn/assets/06-jumbotron-and-three-boxes-result.png
-232 KB b/‎.learn/assets/06-jumbotron-and-three-boxes-result.png
-232 KB
diff --git a/‎exercises/06-Jumbotron-And-Three-Boxes/README.es.md renamed to ‎exercises/06-Hero-Section-And-Three-Boxes/README.es.md
+5-4 b/‎exercises/06-Jumbotron-And-Three-Boxes/README.es.md renamed to ‎exercises/06-Hero-Section-And-Three-Boxes/README.es.md
+5-4
diff --git a/‎exercises/06-Jumbotron-And-Three-Boxes/README.md renamed to ‎exercises/06-Hero-Section-And-Three-Boxes/README.md
+5-4 b/‎exercises/06-Jumbotron-And-Three-Boxes/README.md renamed to ‎exercises/06-Hero-Section-And-Three-Boxes/README.md
+5-4
diff --git a/‎exercises/06-Hero-Section-And-Three-Boxes/index.html
+16 b/‎exercises/06-Hero-Section-And-Three-Boxes/index.html
+16
diff --git a/‎exercises/06-Jumbotron-And-Three-Boxes/solution.hide.html renamed to ‎exercises/06-Hero-Section-And-Three-Boxes/solution.hide.html
+3-2 b/‎exercises/06-Jumbotron-And-Three-Boxes/solution.hide.html renamed to ‎exercises/06-Hero-Section-And-Three-Boxes/solution.hide.html
+3-2
diff --git a/‎exercises/06-Jumbotron-And-Three-Boxes/tests.js renamed to ‎exercises/06-Hero-Section-And-Three-Boxes/tests.js b/‎exercises/06-Jumbotron-And-Three-Boxes/tests.js renamed to ‎exercises/06-Hero-Section-And-Three-Boxes/tests.js
diff --git a/‎exercises/06-Jumbotron-And-Three-Boxes/index.html
-17 b/‎exercises/06-Jumbotron-And-Three-Boxes/index.html
-17
@@ -1,19 +1,20 @@
-# `06` Jumbotron And 3 Boxes
+# `06` Hero Section And 3 Boxes
 
 ## 📝 Instrucciones:
 
 1. Recrea este HTML exacto usando Bootstrap (no necesitas CSS en absoluto):
 
-![Example Image](../../.learn/assets/06-jumbotron-and-three-boxes-result.png?raw=true)
+![Example Image](../../.learn/assets/06-hero-section-and-three-boxes-result.png?raw=true)
 
 ## 💡 Pista:
 
-+ Usa 1 contenedor principal con 2 filas. La primera fila contiene un `<h1>`, un `<p>` y un `<button>`, y la segunda fila contiene 3 columnas.
+- Usa 1 contenedor principal con 2 filas. La primera fila contiene un `<h1>`, un `<p>` y un `<button>`, y la segunda fila contiene 3 columnas.
 
-+ En la segunda fila, cada columna contiene un `<h2>` un `<p>` y un `<button>`.
+- En la segunda fila, cada columna contiene un `<h2>` un `<p>` y un `<button>`.
 
 ## 🔎 Importante:
 
 Revisa la documentación:
+
 - https://getbootstrap.com/docs/5.0/layout/grid/
 - https://getbootstrap.com/docs/5.0/utilities/spacing/
@@ -1,19 +1,20 @@
-# `06` Jumbotron And 3 Boxes
+# `06` Hero Section And 3 Boxes
 
 ## 📝 Instructions:
 
 1. Recreate this exact HTML using Bootstrap (you don't need any CSS at all):
 
-![Example Image](../../.learn/assets/06-jumbotron-and-three-boxes-result.png?raw=true)
+![Example Image](../../.learn/assets/06-hero-section-and-three-boxes-result.png?raw=true)
 
 ## 💡 Hint:
 
-+ Use 1 main container with 2 rows. The first row contains an `<h1>`, a `<p>` and a `<button>`, and the second row contains 3 columns.
+- Use 1 main container with 2 rows. The first row contains an `<h1>`, a `<p>` and a `<button>`, and the second row contains 3 columns.
 
-+ In the second row each column contains an `<h2>` a `<p>` and a `<button>`.
+- In the second row each column contains an `<h2>` a `<p>` and a `<button>`.
 
 ## 🔎 Important:
 
 Check the docs:
+
 - https://getbootstrap.com/docs/5.0/layout/grid/
 - https://getbootstrap.com/docs/5.0/utilities/spacing/
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width" />
+	<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
+		integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous" />
+	<title>06 Hero Section And 3 Boxes</title>
+</head>
+
+<body>
+
+</body>
+
+</html>
@@ -9,15 +9,16 @@
 			integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
 			crossorigin="anonymous"
 		/>
-		<title>06 Jumbotron And 3 Boxes</title>
+		<title>06 Hero Section And 3 Boxes</title>
 	</head>
+
 	<body>
 		<div class="container-fluid">
 			<div class="row">
 				<div class="col-12 bg-light p-5">
 					<h1 class="display-5 fw-bold">Hello, world!</h1>
 					<p class="fs-5">
-						This is a template for a simple marketing or informational website. It includes a large callout called a jumbotron and three
+						This is a template for a simple marketing or informational website. It includes a large callout called a hero and three
 						supporting pieces of content. Use it as a starting point to create something more unique.
 					</p>
 					<button class="btn btn-primary" type="button">Learn more »</button>