Difference between revisions of "Paul's sandbox"

 
(29 intermediate revisions by the same user not shown)
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>
 

Latest revision as of 09:48, 29 August 2025


Community of Official Languages