diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..73a4380 --- /dev/null +++ b/.gitignore @@ -0,0 +1,20 @@ +# Archivos del sistema +.DS_Store +Thumbs.db + +# Configuración de editores +.vscode/ +.idea/ + +# Logs +*.log + +# Archivos temporales +*.tmp +*.temp + +# Archivos de entorno +.env + +# Cache +.cache/ \ No newline at end of file diff --git a/pagina.html b/pagina.html new file mode 100644 index 0000000..6796b8a --- /dev/null +++ b/pagina.html @@ -0,0 +1,43 @@ + + + + + + Mis Preferencias + + + +
+

Mis preferencias personales

+
+ +
+
+

Deportes favoritos

+ +
+ +
+

Comidas favoritas

+ +
+ +
+

Pasatiempos favoritos

+ +
+
+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..5f519f5 --- /dev/null +++ b/style.css @@ -0,0 +1,49 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + background-color: #f4f6f8; + color: #333; +} + +header { + background-color: #2c3e50; + color: white; + padding: 20px; + text-align: center; +} + +.container { + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + padding: 20px; +} + +.card { + background-color: rgb(243, 165, 165); + border-radius: 10px; + padding: 20px; + width: 300px; + box-shadow: 0 4px 8px rgba(0,0,0,0.1); +} + +h2 { + margin-top: 0; + color: #2c3e50; +} + +ul { + padding-left: 20px; +} + +li { + margin-bottom: 8px; +} + +@media (max-width: 600px) { + .card { + width: 100%; + } +} +