| 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>  |