Line 5: |
Line 5: |
| } | | } |
| }} | | }} |
− | <!-- Single-Column Layout --> | + | |
| + | <!-- Moderators Section --> |
| <div style="width:100%; background-color:#e6f2ff; padding:20px; box-sizing:border-box;"> | | <div style="width:100%; background-color:#e6f2ff; padding:20px; box-sizing:border-box;"> |
− | <div style="font-family:'Segoe UI', sans-serif; color:black; font-size:14px;">
| + | <div style="font-family:'Segoe UI', sans-serif; color:black; font-size:14px;"> |
− | <!-- Custom Heading -->
| |
− | <div style="font-size:24px; font-weight:normal; margin-bottom:10px;">
| |
− | <p> Moderators </p>
| |
− | </div>
| |
− | <!-- Stylized Line -->
| |
− | <div style="width:100%; height:3px; background-color:#ff9900; margin-bottom:20px;"></div>
| |
| | | |
− | <!-- Body Content -->
| + | <!-- Section Heading --> |
− | <p>
| + | <div style="font-size:24px; font-weight:normal; margin-bottom:10px;"> |
− | </p>
| + | <p> Moderators </p> |
| </div> | | </div> |
| + | <div style="width:100%; height:3px; background-color:#ff9900; margin-bottom:20px;"></div> |
| | | |
− | <!-- Subheading with specified styling --> | + | <!-- Moderator Entry 1 --> |
− | <div style="display:inline-block; font-family:'Segoe UI', sans-serif; font-size:20px; color:black; font-weight:bold; margin-bottom:1px; border-bottom:3px solid #003366;"> | + | <div style="display:flex; gap:20px; align-items:flex-start; margin-bottom:20px;"> |
| + | <!-- Image --> |
| + | <div> |
| + | [[File:Person icon.png|200px|alt=Icon of person]] |
| + | </div> |
| + | <!-- Text Column --> |
| + | <div style="flex-grow:1;"> |
| + | <div style="font-family:'Segoe UI', sans-serif; font-size:20px; color:black; font-weight:bold; border-bottom:3px solid #003366; margin-bottom:5px;"> |
| '''John Q. Public''' (he/him/il) | | '''John Q. Public''' (he/him/il) |
− | </div> | + | </div> |
− | <!-- Body text --> | + | <ul style="font-family:'Segoe UI', sans-serif; font-size:14px; color:black;"> |
− | <p style="font-family:'Segoe UI', sans-serif; font-size:14px; color:black;">
| + | <li>'''Role''': Manager</li> |
− | *'''Role''': Manager
| + | <li>'''Department''': Canadian Heritage</li> |
− | *'''Department''': Canadian Heritage
| + | <li>'''About''': Test test test test</li> |
− | *'''About''': Test test test test
| + | </ul> |
− | </p> | + | </div> |
− | <!-- Subheading with specified styling --> | + | </div> |
− | <div style="display:inline-block; font-family:'Segoe UI', sans-serif; font-size:20px; color:black; font-weight:bold; margin-bottom:1px; border-bottom:3px solid #003366;"> | + | |
| + | <!-- Moderator Entry 2 --> |
| + | <div style="display:flex; gap:20px; align-items:flex-start; margin-bottom:20px;"> |
| + | <div> |
| + | [[File:Person icon.png|200px|alt=Icon of person]] |
| + | </div> |
| + | <div style="flex-grow:1;"> |
| + | <div style="font-family:'Segoe UI', sans-serif; font-size:20px; color:black; font-weight:bold; border-bottom:3px solid #003366; margin-bottom:5px;"> |
| '''Carol Laplace''' (she/her/elle) | | '''Carol Laplace''' (she/her/elle) |
| + | </div> |
| + | <ul style="font-family:'Segoe UI', sans-serif; font-size:14px; color:black;"> |
| + | <li>'''Role''': Communications Officer</li> |
| + | <li>'''Department''': Canadian Nuclear Safety Commission</li> |
| + | <li>'''About''': Test test test test</li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | </div> |
| </div> | | </div> |
− | <!-- Body text -->
| + | |
− | <p style="font-family:'Segoe UI', sans-serif; font-size:14px; color:black;">
| + | <!-- Speakers Section --> |
− | *'''Role''': Communications Officer
| |
− | *'''Department''': Canadian Nuclear Safety Commission
| |
− | *'''About''': Test test test test
| |
− | </div>
| |
− | <!-- Single-Column Layout --> | |
| <div style="width:100%; background-color:#e6f2ff; padding:20px; box-sizing:border-box;"> | | <div style="width:100%; background-color:#e6f2ff; padding:20px; box-sizing:border-box;"> |
− | <div style="font-family:'Segoe UI', sans-serif; color:black; font-size:14px;">
| + | <div style="font-family:'Segoe UI', sans-serif; color:black; font-size:14px;"> |
− | <!-- Custom Heading -->
| |
− | <div style="font-size:24px; font-weight:normal; margin-bottom:10px;">
| |
− | <p> Speakers </p>
| |
− | </div>
| |
− | <!-- Stylized Line -->
| |
− | <div style="width:100%; height:3px; background-color:#ff9900; margin-bottom:20px;"></div>
| |
| | | |
− | <!-- Body Content -->
| + | <!-- Section Heading --> |
− | <p>
| + | <div style="font-size:24px; font-weight:normal; margin-bottom:10px;"> |
− | </p>
| + | <p> Speakers </p> |
| </div> | | </div> |
| + | <div style="width:100%; height:3px; background-color:#ff9900; margin-bottom:20px;"></div> |
| | | |
− | <!-- Subheading with specified styling --> | + | <!-- Speaker Entry 1 --> |
− | <div style="display:inline-block; font-family:'Segoe UI', sans-serif; font-size:20px; color:black; font-weight:bold; margin-bottom:1px; border-bottom:3px solid #003366;"> | + | <div style="display:flex; gap:20px; align-items:flex-start; margin-bottom:20px;"> |
| + | <div> |
| + | [[File:Person icon.png|200px|alt=Icon of person]] |
| + | </div> |
| + | <div style="flex-grow:1;"> |
| + | <div style="font-family:'Segoe UI', sans-serif; font-size:20px; color:black; font-weight:bold; border-bottom:3px solid #003366; margin-bottom:5px;"> |
| '''Jack Doe''' (he/him/il) | | '''Jack Doe''' (he/him/il) |
− | </div> | + | </div> |
− | <!-- Body text --> | + | <ul style="font-family:'Segoe UI', sans-serif; font-size:14px; color:black;"> |
− | <p style="font-family:'Segoe UI', sans-serif; font-size:14px; color:black;">
| + | <li>'''Role''': Senior Policy Analyst</li> |
− | *'''Role''': Senior Policy Analyst
| + | <li>'''Department''': Indigenous Services Canada</li> |
− | *'''Department''': Indigenous Services Canada
| + | <li>'''About''': Test test test test</li> |
− | *'''About''': Test test test test
| + | </ul> |
− | </p> | + | </div> |
− | <!-- Subheading with specified styling --> | + | </div> |
− | <div style="display:inline-block; font-family:'Segoe UI', sans-serif; font-size:20px; color:black; font-weight:bold; margin-bottom:1px; border-bottom:3px solid #003366;"> | + | |
| + | <!-- Speaker Entry 2 --> |
| + | <div style="display:flex; gap:20px; align-items:flex-start; margin-bottom:20px;"> |
| + | <div> |
| + | [[File:Person icon.png|200px|alt=Icon of person]] |
| + | </div> |
| + | <div style="flex-grow:1;"> |
| + | <div style="font-family:'Segoe UI', sans-serif; font-size:20px; color:black; font-weight:bold; border-bottom:3px solid #003366; margin-bottom:5px;"> |
| '''Amélie Dupont''' (she/her/elle) | | '''Amélie Dupont''' (she/her/elle) |
− | </div> | + | </div> |
− | <!-- Body text --> | + | <ul style="font-family:'Segoe UI', sans-serif; font-size:14px; color:black;"> |
− | <p style="font-family:'Segoe UI', sans-serif; font-size:14px; color:black;">
| + | <li>'''Role''': Registry Officer</li> |
− | *'''Role''': Registry Officer
| + | <li>'''Department''': Canadian Intellectual Property Office (CIPO)</li> |
− | *'''Department''': Canadian Intellectual Property Office (CIPO)
| + | <li>'''About''': Test test test test</li> |
− | *'''About''': Test test test test
| + | </ul> |
| + | </div> |
| + | </div> |
| + | |
| + | </div> |
| </div> | | </div> |