Proyecto CH41 - Práctica 1: Sitio Estático para Cine Local

Este repositorio contiene el código fuente para la primera práctica del bootcamp de CH41. El objetivo de esta práctica es crear un sitio web estático utilizando HTML y CSS para un cine local.

Descripción

El proyecto consiste en desarrollar un sitio web informativo para un cine local. Este sitio incluirá información sobre las películas en cartelera, así como información relevante para los visitantes.

Características del Proyecto

1. Editor de Texto:

   • Utiliza un editor de texto simple como Sublime Text, Visual Studio Code, para escribir tu código HTML y CSS.

2. Navegador Web:

   • Necesitarás un navegador web como Google Chrome, Mozilla Firefox, para visualizar tu sitio y realizar pruebas, de preferencia por las herramientas para desarrollador con las que cuenta.

3. Contenido HTML:

   • Completa el cuerpo de tu página HTML con contenido básico como encabezados, párrafos, listas, enlaces, imágenes, formularios, videos, música, etc.

4. Estilos CSS:

   • Crea un archivo CSS separado para tus estilos y enlázalo en tu archivo HTML. Define estilos para tus elementos HTML para mejorar la apariencia y el diseño de tu sitio.

   Además de los conceptos vistos en clase deberás investigar y agregar lo siguiente:

   • box-sizing
   • outline
   • Posicionamiento
   • overflow
   • opacity
   • Valores de align-content
   • Valores de align-items
   • flex-shrink
   • flex-basis

5. Pruebas:

   • Abre tu archivo HTML en un navegador web para ver cómo se ve tu sitio. Realiza ajustes en tu código HTML y CSS según sea necesario para lograr el diseño deseado.

6. Optimización y Revisión:

   • Asegúrate de que tu código HTML y CSS estén bien estructurados y sean válidos. También comprueba que tu sitio se vea bien en diferentes tamaños de pantalla y navegadores. Puedes utilizar Flexbox o Grid de CSS.

Estructura del Proyecto

CH41-Practica1/
│
├── index.html             # Página principal
├── formulario.html        # Página dpara reservar entradas
├── alimentos.html         # Página de precios de alimentos
├── style.css              # Hoja de estilos de index.html
├── formstyle.css          # Hoja de estilos de formulario.html
├── alimentostyle.css      # Hoja de estilos de alimentos.html
├── README.md              # Archivo README con formato Markdown con la descripción del proyecto  
│
├── src/
│   └── img               # Carpeta que contiene imagenes necesarias para el proyecto
│
└── assets/
    ├── images/           # Carpeta para las imágenes
    └── icons/            # Carpeta para los íconos

## Cómo Empezar

Para obtener una copia local del proyecto, clona el repositorio utilizando el siguiente comando:

```bash
git clone git@github.com:BraulioIAC/CH41-P1-Cine-Responsive.git

Una vez clonado el repositorio, simplemente abre el archivo index.html en tu navegador web para ver el sitio en funcionamiento.

## Contribuciones
Las contribuciones son bienvenidas. Si deseas contribuir a este proyecto, por favor sigue los siguientes pasos:

1. Haz un fork del proyecto.
2. Crea una rama para tu característica (git checkout -b feature/nueva-caracteristica).
3. Realiza tus cambios y confirma tus commits (git commit -m 'Agrega nueva característica').
4. Empuja tu rama (git push origin feature/nueva-caracteristica).
5. Abre una solicitud de extracción (pull request).

## Licencia

Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para obtener más información.