This project is a responsive web application built using HTML, JavaScript, and Tailwind CSS, designed to display news, football matches, and statistics in an organized and interactive interface.
1. Home Page
The layout is structured using semantic HTML elements like <main> and <aside> for better organization
Main Section:
Displays categorized news (Politics, Economy, Entertainment, Sports).
Each category appears as a row with 3 related articles and a title.
Aside Section (Widgets):
Weather (temperature + icon)
Exchange rates (USD, SAR)
Live match results (teams, logos, score)
2. League Matches Page
Shows all matches (finished, live, upcoming).
Dynamically displays:
Final score (finished)
Live score (ongoing)
Date & time (upcoming)
Includes team names and logos.
3. League Table Page
Displays standings with full statistics:
rank, matches, wins, losses, goals, and points.
4. Statistics Page
Shows player stats:
goals, yellow/red cards, with player & team info.