Spaces:
Running
Running
| <html> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width" /> | |
| <title>Discover Stockholm</title> | |
| <link rel="stylesheet" href="style.css" /> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="navbar"> | |
| <h1>Stockholm</h1> | |
| <nav> | |
| <ul> | |
| <li><a href="index.html">Home</a></li> | |
| <li><a href="attractions.html">Attractions</a></li> | |
| <li><a href="culture.html">Culture</a></li> | |
| <li><a href="contact.html">Contact</a></li> | |
| </ul> | |
| </nav> | |
| </div> | |
| <div class="hero"> | |
| <img src="http://static.photos/cityscape/1024x576/10" alt="Stockholm cityscape"> | |
| <h2>The Venice of the North</h2> | |
| </div> | |
| </header> | |
| <main> | |
| <section class="intro"> | |
| <h3>Welcome to Stockholm</h3> | |
| <p>Stockholm, Sweden's capital, is built on 14 islands connected by 57 bridges. The beautiful city is surrounded by water and green spaces, with a stunning archipelago just a short boat ride away.</p> | |
| <p>With its mix of historic charm and modern innovation, Stockholm offers visitors world-class museums, fine dining, and a vibrant cultural scene.</p> | |
| </section> | |
| <section class="highlights"> | |
| <div class="highlight-card"> | |
| <i class="fas fa-archway"></i> | |
| <h4>Old Town</h4> | |
| <p>Explore Gamla Stan's medieval alleyways and colorful buildings dating back to the 13th century.</p> | |
| </div> | |
| <div class="highlight-card"> | |
| <i class="fas fa-ship"></i> | |
| <h4>Archipelago</h4> | |
| <p>Discover over 30,000 islands in one of the world's most beautiful archipelagos.</p> | |
| </div> | |
| <div class="highlight-card"> | |
| <i class="fas fa-crown"></i> | |
| <h4>Royal Palace</h4> | |
| <p>Visit one of Europe's largest palaces still in use by a royal family.</p> | |
| </div> | |
| </section> | |
| </main> | |
| <footer> | |
| <p>© 2023 Discover Stockholm</p> | |
| <div class="social"> | |
| <a href="#"><i class="fab fa-facebook"></i></a> | |
| <a href="#"><i class="fab fa-instagram"></i></a> | |
| <a href="#"><i class="fab fa-twitter"></i></a> | |
| </div> | |
| </footer> | |
| </body> | |
| </html> | |