Important: The GCConnex decommission will not affect GCCollab or GCWiki. Thank you and happy collaborating!

Difference between revisions of "Paul's sandbox"

From wiki
Jump to navigation Jump to search
(Created page with "<!-- Hide page title --> {{DISPLAYTITLE:<span style="position: absolute; clip: rect(1px, 1px, 1px, 1px);">{{FULLPAGENAME}}</span>}} <!-- Page Header --> {| width="100%" cellp...")
 
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>

Revision as of 13:40, 17 July 2025

<!DOCTYPE html> <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>

Community of Official Languages

</header>

<nav>

 <a href="#">Home</a>
 <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>

 <section>

What's New?

New Language Initiative

Learn about our latest project to support bilingualism.

     <a href="#">Read more</a>

April Newsletter Released

Our monthly newsletter is now available online.

     <a href="#">View newsletter</a>

Updated Translation Tools

Check out the new features in our language tools!

     <a href="#">Learn more</a>
 </section>

</main>

</body> </html>