Line 1: |
Line 1: |
− | <!-- Hide page title --> | + | <!DOCTYPE html> |
− | {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} | + | <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> |
| | | |
− | <!-- Page Header --> | + | <header> |
− | {| width="100%" cellpadding="10" cellspacing="10"
| + | <h1>Community of Official Languages</h1> |
− | |- valign="top"
| + | </header> |
− | | style="color: #3C646E; background-color: white; font-size:1.5em;" |
| |
− | <span style="font-size: 2em;">Community of Official Languages</span> | |
− | |}
| |
| | | |
− | <!-- Banner Image --> | + | <nav> |
− | <div class="banner"> | + | <a href="#">Home</a> |
− | <div class="container"> | + | <a href="#">References</a> |
− | [[File:GCollab group pg header 1140x338px.png|link=|class=banner|alt=Community banner]]
| + | <a href="#">Tools</a> |
− | </div> | + | <a href="#">Events</a> |
− | </div> | + | <a href="#">PROL Center</a> |
| + | <a href="#">Newsletter</a> |
| + | <a href="#">Contact Us</a> |
| + | </nav> |
| | | |
− | <!-- Navigation Menu --> | + | <main> |
− | <div class="nav">
| + | <section> |
− | <ul> | + | <h2>What's New?</h2> |
− | <li>[[Community_of_Official_Languages|Home]]</li>
| |
− | <li>[[Community_of_Official_Languages/References|References]]</li>
| |
− | <li>[[Community_of_Official_Languages/Tools|Tools]]</li>
| |
− | <li>[[Community_of_Official_Languages/Events|Events]]</li> | |
− | <li>[[Community_of_Official_Languages/PROL_Corner|PROL Corner]]</li>
| |
− | <li>[[Community_of_Official_Languages/Newsletter|Newsletter]]</li>
| |
− | <li>[[Community_of_Official_Languages/Contact|Contact us]]</li>
| |
− | </ul>
| |
− | </div> | |
| | | |
− | <!-- Language Switch --> | + | <div class="update"> |
− | <div style="text-align: right;">[[:en:Communauté des langues officielles|'''FRANÇAIS''']]</div> | + | <h3>New Language Initiative</h3> |
| + | <p>Learn about our latest project to support bilingualism.</p> |
| + | <a href="#">Read more</a> |
| + | </div> |
| | | |
− | __NOTOC__
| + | <div class="update"> |
| + | <h3>April Newsletter Released</h3> |
| + | <p>Our monthly newsletter is now available online.</p> |
| + | <a href="#">View newsletter</a> |
| + | </div> |
| + | |
| + | <div class="update"> |
| + | <h3>Updated Translation Tools</h3> |
| + | <p>Check out the new features in our language tools!</p> |
| + | <a href="#">Learn more</a> |
| + | </div> |
| + | </section> |
| + | </main> |
| + | |
| + | </body> |
| + | </html> |