🚜 Canal Solo Fértil Website

Overview 🌐

The Canal Solo Fértil Website showcases the brand and provides comprehensive information including its programming schedule, live streaming, and contact details. Built with modern web technologies, it offers a fully responsive design for desktop and mobile users.

Features ✨

• Responsive Design 📱💻: Optimized for all devices.
• Live Video Streaming 🎥: Powered by HLS.js.
• Dynamic Schedule Grid 📆: Fetches program data from a JSON file.
• Interactive Menu 🍔: Seamless desktop and mobile navigation.
• Contact Section 📞: Displays details along with an embedded Google Map.

Technologies 🔧

• HTML5
• CSS3
• JavaScript (HLS.js)
• JSON

Project Structure 🗂️

/home/user/Documents/Canal-Solo-Fertil-Website
├── css/
│   ├── global.css      # Global styles
│   ├── index.css       # Homepage styles
│   ├── programacao.css # Programming page styles
│   ├── sobre.css       # About page styles
│   └── contato.css     # Contact page styles
├── data/
│   └── program.json
├── js/
│   └── scripts.js
├── src/
│   └── img/
│       ├── background.jpg
│       ├── icon.png
│       ├── logo.png
│       └── turnkeytv.jpg
├── index.html
├── sobre.html
├── programacao.html
├── contato.html
└── README.md

Setup Instructions 🚀

1. Clone the Repository:
   git clone <repository-url>
2. Run an HTTP Server:
   Use a tool like Live Server or Python’s http.server to serve the site locally.
3. Open in Browser:
   Access index.html in your web browser. The schedule grid will automatically load data from data/program.json.

Usage 🖱️

• Navigation: Use the header menu or tap the hamburger icon on mobile for navigation.
• Live Streaming: The video player automatically loads and streams the HLS content.
• Contact: Visit the Contact page for detailed contact information and an embedded map.

License 📄

This project is for educational and demonstration purposes.