|
|
| Line 1: |
Line 1: |
| <div style="background: #1a1a1a; padding: 20px; font-family: 'Segoe UI', sans-serif; color: white;"> | | <div style="background: #1a1a1a; padding: 20px; font-family: 'Segoe UI', sans-serif; color: white;"> |
|
| |
| <div style="margin-bottom: 30px; border-left: 10px solid #00A4EF; padding-left: 20px;">
| |
| <h1 style="color: white; border: none; font-size: 3em; margin: 0;">CITYPEDIA</h1>
| |
| <p style="font-size: 1.2em; color: #ccc;">Explore the Urban World</p>
| |
| </div>
| |
|
| |
| <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-auto-rows: 150px; gap: 10px;">
| |
|
| |
| <div style="grid-column: span 2; grid-row: span 2; background: #0078D7; position: relative;">
| |
| [[London|<div style="width: 100%; height: 100%; padding: 20px; color: white; text-decoration: none;">
| |
| <span style="font-size: 2em; font-weight: bold; display: block;">LONDON</span>
| |
| <span style="position: absolute; bottom: 10px; left: 15px;">United Kingdom</span>
| |
| </div>]]
| |
| </div>
| |
|
| |
| <div style="background: #D83B01; transition: transform 0.2s;">
| |
| [[Tokyo|<div style="width: 100%; height: 100%; padding: 15px; color: white; text-decoration: none;">
| |
| <span style="font-weight: bold;">TOKYO</span>
| |
| </div>]]
| |
| </div>
| |
|
| |
| <div style="background: #008272;">
| |
| [[Paris|<div style="width: 100%; height: 100%; padding: 15px; color: white; text-decoration: none;">
| |
| <span style="font-weight: bold;">PARIS</span>
| |
| </div>]]
| |
| </div>
| |
|
| |
| <div style="grid-column: span 2; background: #B4009E;">
| |
| [[New York City|<div style="width: 100%; height: 100%; padding: 15px; color: white; text-decoration: none;">
| |
| <span style="font-size: 1.5em; font-weight: bold;">NEW YORK</span>
| |
| <br><span>The Big Apple</span>
| |
| </div>]]
| |
| </div>
| |
|
| |
| <div style="background: #744DA9;">
| |
| [[Dubai|<div style="width: 100%; height: 100%; padding: 15px; color: white; text-decoration: none;">
| |
| <span style="font-weight: bold;">DUBAI</span>
| |
| </div>]]
| |
| </div>
| |
|
| |
| <div style="background: #E81123;">
| |
| [[Singapore|<div style="width: 100%; height: 100%; padding: 15px; color: white; text-decoration: none;">
| |
| <span style="font-weight: bold;">SINGAPORE</span>
| |
| </div>]]
| |
| </div>
| |
|
| |
| </div>
| |
| </div>
| |
| <div style="background: #1a1a1a; padding: 20px; font-family: 'Segoe UI', sans-serif; color: white;">
| |
|
| |
|
| <div style="margin-bottom: 30px; border-left: 10px solid #00A4EF; padding-left: 20px;"> | | <div style="margin-bottom: 30px; border-left: 10px solid #00A4EF; padding-left: 20px;"> |
