Minimal Living 🌿

Una página web elegante y minimalista dedicada a promover el estilo de vida minimalista y ofrecer wallpapers inspiradores.

📋 Descripción

MinimalLiving es un sitio web que combina filosofía minimalista con recursos visuales. El proyecto presenta una interfaz limpia y moderna que refleja los principios del minimalismo, ofreciendo una experiencia de usuario tranquila y enfocada.

✨ Características

• Diseño Minimalista: Interfaz limpia con paleta de colores neutros
• Navegación Intuitiva: Menú simple y accesible
• Contenido Educativo: Guías y principios del minimalismo
• Wallpapers Temáticos: Colección de fondos minimalistas
• Responsive Design: Adaptable a diferentes dispositivos
• Efectos Hover: Interacciones suaves y elegantes

🎨 Paleta de Colores

• Fondo Principal: #f2f0e3 (Beige claro)
• Texto Principal: #2e2e2e (Gris oscuro)
• Acento: #f76f53 (Naranja coral)
• Sombras: #e6e4d7 (Beige suave)
• Bordes: #c0beb3 (Gris claro)

🚀 Tecnologías Utilizadas

• HTML5: Estructura semántica
• CSS3: Estilos y animaciones
• Google Fonts: Tipografía Georgia
• SVG Icons: Iconos vectoriales escalables

📁 Estructura del Proyecto

UMG-Laboratorio-3/
├── index.html
├── styles/
│   └── styles.css
├── images/
│   ├── Minimalist Beach.png
│   ├── MInimalist Birds.png
│   ├── Minimalist Cream.png
│   └── MInimalist Forest.png
└── README.md

🖥️ Instalación y Uso

1. Clona el repositorio:

   git clone https://github.com/OscarChitay/UMG-Laboratorio-3.git

2. Navega al directorio:

   cd UMG-Laboratorio-3

3. Abre el archivo index.html en tu navegador:

   • Doble click en index.html
   • O usa un servidor local como Live Server en VS Code

📱 Características del Diseño

Navegación

• Menú horizontal centrado
• Efectos hover con cambio de color y tamaño
• Transiciones suaves de 0.3s

Header

• Título principal con énfasis tipográfico
• Subtítulo descriptivo
• Icono de GitHub integrado

Contenido Principal

• Layout de dos columnas (sidebar + contenido)
• Tarjetas con sombras sutiles
• Tipografía jerárquica clara

Elementos Interactivos

• Botones con efectos hover
• Enlaces con transiciones
• Iconos escalables

🎯 Secciones del Sitio

1. Inicio: Presentación del concepto minimalista
2. Filosofía: Principios y beneficios del minimalismo
3. Guía: Pasos prácticos para adoptar el minimalismo
4. Contacto: Información de contacto y redes sociales

🔗 Enlaces

• GitHub: OscarChitay
• Proyecto: UMG-Laboratorio-3

👨‍💻 Autor

Oscar Chitay

• GitHub: @OscarChitay

📄 Licencia

Este proyecto está bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.

🤝 Contribuciones

Las contribuciones son bienvenidas. Para cambios importantes:

1. Fork el proyecto
2. Crea una rama para tu feature (git checkout -b feature/AmazingFeature)
3. Commit tus cambios (git commit -m 'Add some AmazingFeature')
4. Push a la rama (git push origin feature/AmazingFeature)
5. Abre un Pull Request

📝 Notas de Desarrollo

• Utiliza la tipografía Georgia para mantener la consistencia
• Respeta la paleta de colores establecida
• Mantén el diseño minimalista y limpio
• Optimiza las imágenes para web
• Asegúrate de que el sitio sea responsive

🔮 Funcionalidades Futuras

• Galería interactiva de wallpapers
• Sistema de descarga de imágenes
• Blog con artículos sobre minimalismo
• Modo oscuro/claro
• Formulario de contacto funcional
• Integración con redes sociales

---

© 2025 Minimal Living. Todos los derechos reservados.