Main Page: Difference between revisions
From Citypedia Online
No edit summary |
No edit summary |
||
| Line 8: | Line 8: | ||
<div style="background: #c82333; color: white; padding: 10px 20px; border-radius: 5px; font-weight: bold;">Register</div> | <div style="background: #c82333; color: white; padding: 10px 20px; border-radius: 5px; font-weight: bold;">Register</div> | ||
<div style="background: #218838; color: white; padding: 10px 20px; border-radius: 5px; font-weight: bold;">Contribute</div> | <div style="background: #218838; color: white; padding: 10px 20px; border-radius: 5px; font-weight: bold;">Contribute</div> | ||
</div> | |||
<div style="display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px; font-family: sans-serif;"> | |||
<div style="flex: 3 1 700px;"> | |||
<h2 style="color: #0056b3; border-bottom: 2px solid #0056b3; padding-bottom: 5px;">Portals</h2> | |||
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 20px; text-align: center; padding: 20px 0;"> | |||
<div>[[File:Solar_Icon.png|50px|link=Solar]]<br><span style="font-size: 0.9em; color: #555;">Solar</span></div> | |||
<div>[[File:Wind_Icon.png|50px|link=Wind]]<br><span style="font-size: 0.9em; color: #555;">Wind</span></div> | |||
<div>[[File:Hydro_Icon.png|50px|link=Hydro]]<br><span style="font-size: 0.9em; color: #555;">Hydro</span></div> | |||
<div>[[File:Bio_Icon.png|50px|link=Bio]]<br><span style="font-size: 0.9em; color: #555;">Bioenergy</span></div> | |||
</div> | |||
<h2 style="color: #0056b3; border-bottom: 2px solid #0056b3; padding-bottom: 5px; margin-top: 40px;">Latest Activities</h2> | |||
<div style="background: #fdfae9; border-left: 5px solid #d4af37; padding: 15px; border-radius: 5px; margin-bottom: 10px; display: flex; align-items: center;"> | |||
<div style="background: #ccc; border-radius: 50%; width: 40px; height: 40px; margin-right: 15px;"></div> | |||
<div> | |||
<strong>UserXYZ</strong> created the article: [[New Project Page]]<br> | |||
<small style="color: #888;">10:27, 30 December 2025</small> | |||
</div> | |||
</div> | |||
</div> | |||
<div style="flex: 1 1 250px;"> | |||
<div style="border-top: 3px solid #0056b3; background: #f8f9fa; padding: 15px; margin-bottom: 25px; text-align: center;"> | |||
<h4 style="margin-top: 0;">Newsletter</h4> | |||
<div style="background: #007bff; color: white; padding: 8px; border-radius: 3px; font-weight: bold; cursor: pointer;">Subscribe</div> | |||
</div> | |||
<div style="border-top: 3px solid #0056b3; margin-bottom: 25px;"> | |||
<h4 style="margin-bottom: 10px;">Events</h4> | |||
<div style="font-size: 0.9em; margin-bottom: 15px;"> | |||
<span style="color: #0056b3; font-weight: bold;">8 Jan 2026</span><br> | |||
[[Global Energy Forum]] | |||
</div> | |||
<div style="font-size: 0.9em;"> | |||
<span style="color: #0056b3; font-weight: bold;">24 Jan 2026</span><br> | |||
[[Clean Energy Day]] | |||
</div> | |||
</div> | |||
<div style="border-top: 3px solid #0056b3; padding-top: 10px;"> | |||
<h4 style="margin-bottom: 10px;">Connect with us</h4> | |||
<div style="display: flex; gap: 10px; justify-content: center; font-size: 1.5em;"> | |||
🔵 🟣 🟢 | |||
</div> | |||
</div> | |||
</div> | |||
</div> | </div> | ||
Revision as of 10:55, 30 December 2025
Be a Light.
Be Connected.
Be Connected.
Join our global knowledge platform.
Learn More
Register
Contribute
Newsletter
Subscribe
Connect with us
🔵 🟣 🟢
