Main Page: Difference between revisions

From Citypedia Online
← Older editNewer edit →
VisualWikitext
No edit summary
No edit summary
Line 1: Line 1:
     <div style="text-align: center; padding: 20px; background-color: #f8f9fa; border-bottom: 3px solid #36c;">
     <div style="background: #1a1a1a; padding: 20px; font-family: 'Segoe UI', sans-serif; color: white;">
  <h1>Welcome to Citypedia</h1>
  <p>The ultimate guide to the world's greatest urban destinations.</p>
</div>


<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px;">
  <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="flex: 1; min-width: 250px; max-width: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-top: 5px solid #E63946;">
   <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-auto-rows: 150px; gap: 10px;">
    <div style="background: #E63946; color: white; padding: 15px; text-align: center; font-weight: bold; font-size: 1.2em;">
 
       [[London]]
    <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>
     <div style="padding: 15px; background: white;">
 
       '''Region:''' Europe <br>
     <div style="background: #D83B01; transition: transform 0.2s;">
      '''Population:''' 8.9M <br>
       [[Tokyo|<div style="width: 100%; height: 100%; padding: 15px; color: white; text-decoration: none;">
      ''Known for: History, Finance, Arts''
         <span style="font-weight: bold;">TOKYO</span>
      <div style="margin-top: 10px; text-align: center;">
       </div>]]
         [[File:Example_City_Icon.png|100px]]
       </div>
     </div>
     </div>
  </div>


  <div style="flex: 1; min-width: 250px; max-width: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-top: 5px solid #457B9D;">
    <div style="background: #008272;">
    <div style="background: #457B9D; color: white; padding: 15px; text-align: center; font-weight: bold; font-size: 1.2em;">
      [[Paris|<div style="width: 100%; height: 100%; padding: 15px; color: white; text-decoration: none;">
       [[Tokyo]]
        <span style="font-weight: bold;">PARIS</span>
       </div>]]
     </div>
     </div>
     <div style="padding: 15px; background: white;">
 
       '''Region:''' Asia <br>
     <div style="grid-column: span 2; background: #B4009E;">
      '''Population:''' 13.9M <br>
       [[New York City|<div style="width: 100%; height: 100%; padding: 15px; color: white; text-decoration: none;">
      ''Known for: Technology, Food, Culture''
        <span style="font-size: 1.5em; font-weight: bold;">NEW YORK</span>
      <div style="margin-top: 10px; text-align: center;">
         <br><span>The Big Apple</span>
         [[File:Example_City_Icon.png|100px]]
       </div>]]
       </div>
     </div>
     </div>
  </div>


  <div style="flex: 1; min-width: 250px; max-width: 300px; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); border-top: 5px solid #2A9D8F;">
    <div style="background: #744DA9;">
    <div style="background: #2A9D8F; color: white; padding: 15px; text-align: center; font-weight: bold; font-size: 1.2em;">
      [[Dubai|<div style="width: 100%; height: 100%; padding: 15px; color: white; text-decoration: none;">
       [[New York City]]
        <span style="font-weight: bold;">DUBAI</span>
       </div>]]
     </div>
     </div>
     <div style="padding: 15px; background: white;">
 
       '''Region:''' North America <br>
     <div style="background: #E81123;">
      '''Population:''' 8.4M <br>
       [[Singapore|<div style="width: 100%; height: 100%; padding: 15px; color: white; text-decoration: none;">
      ''Known for: Skyscrapers, Theatre, Media''
         <span style="font-weight: bold;">SINGAPORE</span>
      <div style="margin-top: 10px; text-align: center;">
       </div>]]
         [[File:Example_City_Icon.png|100px]]
       </div>
     </div>
     </div>
   </div>
   </div>
</div>
</div>

Revision as of 10:34, 30 December 2025

Retrieved from "https://citypedia.online/index.php?title=Main_Page&oldid=6"