| Line 1: |
Line 1: |
| − | <!DOCTYPE html>
| + | {{Template:Paul'Sandbox}} |
| − | <html lang="en">
| |
| − | <head>
| |
| − | <meta charset="UTF-8">
| |
| − | <title>Community of Official Languages</title>
| |
| − | <style>
| |
| − | body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
| |
| − | header { background: #004080; color: white; padding: 20px; text-align: center; }
| |
| − | nav { background: #e0e0e0; padding: 10px; text-align: center; }
| |
| − | nav a { margin: 0 15px; text-decoration: none; color: #004080; font-weight: bold; }
| |
| − | main { padding: 20px; }
| |
| − | .update { margin-bottom: 20px; }
| |
| − | .update h3 { margin-bottom: 5px; }
| |
| − | .update a { color: #004080; text-decoration: underline; }
| |
| − | </style>
| |
| − | </head>
| |
| − | <body>
| |
| | | | |
| − | <header>
| + | __NOTOC__ |
| − | <h1>Community of Official Languages</h1>
| + | {| width="100%" cellspacing="15" cellpadding="10" |
| − | </header>
| + | |- valign="top" |
| | + | | style="color: black; background-color: white; font-size:1.2em;" | |
| | | | |
| − | <nav> | + | <!-- What's New Section --> |
| − | <a href="#">Home</a>
| + | <h2 style="color: #3C646E; border-bottom: 2px solid #6BC2B1; padding-bottom: 5px;">What's New?</h2> |
| − | <a href="#">References</a>
| |
| − | <a href="#">Tools</a>
| |
| − | <a href="#">Events</a>
| |
| − | <a href="#">PROL Center</a>
| |
| − | <a href="#">Newsletter</a>
| |
| − | <a href="#">Contact Us</a>
| |
| − | </nav> | |
| | | | |
| − | <main> | + | <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin-top: 20px;"> |
| − | <section>
| |
| − | <h2>What's New?</h2>
| |
| | | | |
| − | <div class="update">
| + | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;"> |
| − | <h3>New Language Initiative</h3>
| + | [[File:News.png|60px|left|alt=News icon]] |
| − | <p>Learn about our latest project to support bilingualism.</p>
| + | '''The OL Connection – July 2025''' |
| − | <a href="#">Read more</a>
| + | <br>Latest edition of our newsletter. |
| − | </div>
| + | </div> |
| | | | |
| − | <div class="update">
| + | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;"> |
| − | <h3>April Newsletter Released</h3>
| + | [[File:Tool2.png|60px|left|alt=Tools icon]] |
| − | <p>Our monthly newsletter is now available online.</p>
| + | '''Section 36 FAQ''' |
| − | <a href="#">View newsletter</a>
| + | <br><span style="color: #3095B4;">**NEW**</span><br> |
| − | </div>
| + | Answers to key questions about the new bilingual supervision rights. |
| | + | </div> |
| | | | |
| − | <div class="update">
| + | <div style="flex: 1; min-width: 280px; background: #ffffff; border: 1px solid #ddd; border-radius: 8px; padding: 15px;"> |
| − | <h3>Updated Translation Tools</h3>
| + | [[File:Tool2.png|60px|left|alt=Tools icon]] |
| − | <p>Check out the new features in our language tools!</p>
| + | '''CBC Initiative Requirements''' |
| − | <a href="#">Learn more</a>
| + | <br><span style="color: #3095B4;">**NEW**</span><br> |
| − | </div>
| + | New language proficiency rules for bilingual supervisory roles. |
| − | </section>
| + | </div> |
| − | </main> | |
| | | | |
| − | </body> | + | </div> |
| − | </html>
| |