# Chytré info (Smart Info)

A website for a company specializing in information verification and providing reliable news.

## 📃 Project Description

**Chytré info** is a fictional website of a Czech company that focuses on:
- Fact-checkng and information verification
- Providing quality and reliable articles
- Fighting disinformation


## 🚀 Features

- **Responsive design** - optimized for all devices
- **Dynamic article loading** - articles are loaded using JS from specific JSON file
- **Animations** - smooth CSS animations for better user expierence

## 📂 Project Structure

```
├── index.html              # Main page
├── about.html              # About us page
├── article.html            # Article template
├── assets/
│   ├── css/
│   │   ├── style.css       # Main styles
│   │   ├── responsive.css  # Responsive styles
│   │   ├── animations.css  # CSS animations
│   │   ├── about.css       # About page styles
│   │   ├── article.css     # Article styles
│   │   └── reset.css       # CSS reset
│   ├── js/
│   │   ├── hamburger.js    # Hamburger menu functionality
│   │   ├── articleList.js  # Article list loading
│   │   └── articleLoader.js # Individual article loading
│   └── img/                # Images
├── data/
│   └── articles.json       # Article data
└── 1-hlavni/              # Alternative main page version
```

## ⚒️ Technologies

- **HTML5** - semantic markup
- **CSS3** - modern styles with CSS Grid and Flexbox
- **Vanilla JavaScript** - no external libraries
- **Font Awesome** - Icons
- **JSON** - article data storage

## 🎨 Design

- **Color palette:**
    - Primary: #fba047 (orange)
    - Secondary: #ffffff (white)
    - Background: #f8f8f8 (light gray)
    - Text: #565e65 (dark gray)

- **Typography:** Open Sans
- **Animations:** Fade-in effects for better UX

## 💨 Running the project

1. Clone or download the repository
2. Open `index.html` in your browser
3. That's it!