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..3eefc5ab 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,11 +2,25 @@
- Data Lovers
+ Data Lovers 1
+
-
-
+
+
+ 
Cultura-travels
+
+
+
+
+
+
+
+
+
+
diff --git a/src/main.js b/src/main.js
index 71c59f2d..734bbfc4 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,62 @@
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;
+
+const buttons = document.querySelectorAll('anside button');
+
+function getRandomColor() {
+ const letters = '0123456789ABCDEF';
+ let color = '#';
+ for (let i = 0; i < 6; i++) {
+ color += letters[Math.floor(Math.random() * 16)];
+ }
+ return color;
+}
+
+function changeButtonColor() {
+ buttons.forEach(button => {
+ const randomColor = getRandomColor();
+ button.style.backgroundColor = randomColor;
+ });
+}
+
+// Cambiar el color de los botones automáticamente cada 2 segundos
+setInterval(changeButtonColor, 2000);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/style.css b/src/style.css
index e69de29b..9b7e4662 100644
--- a/src/style.css
+++ b/src/style.css
@@ -0,0 +1,90 @@
+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;
+}
+
+anside {
+ padding: 100px; /* Espaciado interno en el aside */
+ display: flex-direction;
+ justify-content:space-between;
+ width: 250px;
+ height: 40px;
+
+}
+
+anside button { /* Estilos para los botones dentro de