diff --git a/src/Imagenes/Imagen principal.jpg b/src/Imagenes/Imagen principal.jpg
new file mode 100644
index 00000000..4523d8cb
Binary files /dev/null and b/src/Imagenes/Imagen principal.jpg differ
diff --git a/src/Imagenes/SALAR-DE-UYUNI-REVISTA-TIME.jpg b/src/Imagenes/SALAR-DE-UYUNI-REVISTA-TIME.jpg
new file mode 100644
index 00000000..37c56dd0
Binary files /dev/null and b/src/Imagenes/SALAR-DE-UYUNI-REVISTA-TIME.jpg differ
diff --git a/src/Imagenes/imagen 3.jpg b/src/Imagenes/imagen 3.jpg
new file mode 100644
index 00000000..b0203f5a
Binary files /dev/null and b/src/Imagenes/imagen 3.jpg differ
diff --git a/src/Imagenes/subdamerica.jpg b/src/Imagenes/subdamerica.jpg
new file mode 100644
index 00000000..5b55b4d3
Binary files /dev/null and b/src/Imagenes/subdamerica.jpg differ
diff --git a/src/data.js b/src/data.js
index 6291453d..a4d95d5a 100644
--- a/src/data.js
+++ b/src/data.js
@@ -7,3 +7,5 @@ export const example = () => {
export const anotherExample = () => {
return 'OMG';
};
+
+
diff --git a/src/index.html b/src/index.html
index 5aef81f0..d3aeeae3 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,11 +2,30 @@
- Data Lovers
+ Data Lovers 1
-
-
+
+
+ 
Cultura-travels
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
index 71c59f2d..13f9ae02 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,40 @@
import { example } from './data.js';
// import data from './data/lol/lol.js';
-import data from './data/pokemon/pokemon.js';
+import data from './data/countries/countries.js';
// import data from './data/rickandmorty/rickandmorty.js';
console.log(example, data);
+
+const root = document.getElementById('root');
+
+let contentRoot = '';
+for (let i= 0; i`;
+ }
+
+}
+root.innerHTML=contentRoot;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/style.css b/src/style.css
index e69de29b..ed68750c 100644
--- a/src/style.css
+++ b/src/style.css
@@ -0,0 +1,62 @@
+body{
+ background-image:url('Imagenes/SALAR-DE-UYUNI-REVISTA-TIME.jpg');
+
+}
+
+h1{
+ display: flex; /* visualizar contenido */
+ justify-content:center; /* se aplica a display: flex para que el texto quede centrado*/
+ padding: 10px;
+ background-color: #3ede2f;
+ color: #f5eeee; /*Color de letra*/
+ margin: 40px;
+ }
+
+#Subdamerica{
+ width: 60px;
+}
+
+#root{
+ margin: 30px;
+ width: 800px;
+}
+
+button{
+ display: flex-direction;
+ justify-content:center;
+ width: 250px;
+ height: 40px;
+ padding: 10px;
+ background-color: rgb(227, 233, 220);
+}
+
+footer {
+ text-align: center; /* Centra el contenido del pie de página */
+ background-color: #3ede2f ; /* Color de fondo del pie de página */
+ padding: 5px; /* Espaciado interno para el recuadro */
+ font-family: "arial", "helvetica", sans-serif; /* tipo de letra del pie de pagina */
+ color: #f5eeee;
+ margin: 40px;
+
+}
+
+footer p {
+ font-size: 15px; /* cambia tamaño del letra de pagina */
+}
+
+.Bandera{
+ margin: 10PX;
+ width: 200PX;
+ height: 130PX;
+ font-size: 15px;
+}
+
+
+
+
+
+
+
+
+
+