🎵 Instituto Argentino de Música - Sitio Web Estático

📝 Descripción del Proyecto

Este es un trabajo práctico desarrollado para la materia Taller de Lenguaje y Marcado Web. El proyecto consiste en un sitio web estático para un instituto de música ficticio llamado "Instituto Argentino de Música".

🎯 Objetivo

Crear un sitio web completo utilizando únicamente HTML y CSS, demostrando el dominio de las tecnologías fundamentales del desarrollo web front-end.

🛠️ Tecnologías Utilizadas

• HTML5 - Estructura y contenido semántico de las páginas
• CSS3 - Estilos, diseño visual y efectos
  • Gradientes lineales
  • Transiciones y transformaciones
  • Flexbox para layouts
  • Media queries (diseño responsivo)
  • Variables de color personalizadas

📁 Estructura del Proyecto

static-web-musica/
│
├── index.html              # Página principal del sitio
├── cursoGuitarra.html      # Página del curso de guitarra
├── Formulario.html         # Formulario de consultas
├── README.md               # Este archivo
│
├── css/
│   ├── css.index.css       # Estilos de la página principal
│   ├── cursoGuitarra.css   # Estilos del curso de guitarra
│   └── formulario.css      # Estilos del formulario
│
├── imagenes/               # Imágenes del sitio
│   └── ...
│
├── audio/                  # Archivos de audio
│   └── HimnoArgGuitarra.unknown
│
└── video/                  # Archivos de video
    └── ...

📄 Páginas del Sitio

1. Página Principal (index.html)

• Presentación del instituto
• Sección "¿Quiénes somos?"
• Catálogo de cursos disponibles (Piano y Guitarra)
• Conciertos académicos con videos y audio
• Ubicación con mapa interactivo de Google Maps
• Información de contacto

2. Curso de Guitarra (cursoGuitarra.html)

• Descripción detallada del curso
• Información sobre el profesor (Abel Pintos)
• Alumno destacado (Chano)
• Lista de materiales necesarios
• Tabla de horarios disponibles
• Precio y botón de compra

3. Formulario de Consultas (Formulario.html)

• Formulario completo con:
  • Datos personales (nombre, apellido, email)
  • Selección de género
  • Zona de residencia
  • Tipo de consulta (checkboxes)
  • Campo de mensaje

🎨 Paleta de Colores

El sitio utiliza una paleta elegante y sofisticada:

Color	Código Hex	Uso
Azul Oscuro	#1a1a2e	Fondo principal
Azul Noche	#16213e	Gradientes de fondo
Dorado	#d4af37	Acentos, títulos, bordes
Dorado Claro	#f4d03f	Hover effects
Blanco Humo	#f5f5f5	Texto principal
Gris Claro	#e8e8e8	Texto secundario

✨ Características Destacadas

• ✅ Integración con Google Maps
• ✅ Videos de YouTube embebidos
• ✅ Reproductor de audio y video
• ✅ Formulario funcional con múltiples tipos de inputs
• ✅ Tipografías de Google Fonts (Playfair Display, Cormorant Garamond)

👨‍💻 Autor

Sebastián Castignani

---