Barcelona - A Vibrant City

Welcome to the official source for all things Barcelona!

Date: 2023-10-27 Author: Bard

This article details everything you need to know about Barcelona. Explore the city's history, culture, and attractions.

Key Highlights:

Gaudi's Masterpieces
Barrio Gótico
Park Güell
La Rambla
Sagrada Familia

``` ```css /* style.css */ body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; background-color: #f8f8f8; color: #333; } header { background-color: #29819D; color: #FFF; padding: 20px; text-align: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } nav { background-color: #333; color: #FFF; padding: 10px; margin-bottom: 20px; border-bottom: 1px solid #eee; } nav a { color: #FFF; text-decoration: none; margin: 0 10px; } nav a:hover { color: #007BFF; } main { padding: 20px; max-width: 800px; margin: 20px auto; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 8px; } article { width: 60%; margin: 20px auto; padding: 20px; border: 1px solid #eee; border-radius: 8px; background-color: #f9f9f9; } article h1 { font-size: 2.5em; margin-bottom: 10px; } article p { font-size: 1.1em; line-height: 1.6; margin-bottom: 10px; } img { max-width: 300px; height: auto; border: 1px solid #eee; border-radius: 4px; margin-bottom: 20px; } aside { background-color: #f8f8f8; padding: 20px; border-left: 1px solid #eee; border-top: 1px solid #eee; margin-top: 20px; } footer { background-color: #333; color: #FFF; padding: 10px; text-align: center; font-size: 0.8em; border-top: 1px solid #eee; } /* Media query for smaller screens */ @media (max-width: 600px) { main { width: 100%; padding: 20px; } }