Important: The GCConnex decommission will not affect GCCollab or GCWiki. Thank you and happy collaborating!
Difference between revisions of "User:Soli/header"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
<div style="display:block; position:relative; text-align:center; width:100%;"> | <div style="display:block; position:relative; text-align:center; width:100%;"> | ||
− | <div style="background-color:#62B9E5; | + | <div style="background-color:#62B9E5; padding-bottom:10px; width=100%;"> |
<span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|3000px|center|caption]]</span> | <span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|3000px|center|caption]]</span> | ||
− | <h1 style="border-bottom-color:# | + | <h1 style="border-bottom-color:#62B9E5;"> |
<span style="color:#1C304A; | <span style="color:#1C304A; | ||
− | |||
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | ||
− | font-size:60px; | + | font-size:60px; font-weight:700; |
− | + | padding-left:20px; padding-right:20px; | |
− | padding-left:20px; | + | text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;"> |
− | |||
− | text-align:center; | ||
− | |||
<strong>OPSA: Office of Public Service Accessibility</strong></span></h1> | <strong>OPSA: Office of Public Service Accessibility</strong></span></h1> | ||
</div> | </div> | ||
<div style="text-align:center; padding-bottom:10px;"> | <div style="text-align:center; padding-bottom:10px;"> | ||
− | + | <h2 style="border-bottom-color:#fff;"> | |
<span style="color:#1C304A; | <span style="color:#1C304A; | ||
− | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | + | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px; |
− | + | padding-left:40px; padding-right:40px; | |
− | + | text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;"> | |
− | padding-left: | ||
− | |||
− | text-align:center; | ||
− | |||
<strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best | <strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best | ||
practices for departments and agencies. The hub will be developed over time with the | practices for departments and agencies. The hub will be developed over time with the | ||
Line 30: | Line 22: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div style="text-align:center; | + | <div style="text-align:center; padding-bottom:10px; padding-top:10px;"> |
− | + | <p> | |
− | + | <span style="background-color:#1C304A; | |
− | <p><span | ||
− | |||
border-bottom-color:rgb(255, 255, 255); | border-bottom-color:rgb(255, 255, 255); | ||
border-bottom-left-radius:6px; | border-bottom-left-radius:6px; | ||
Line 57: | Line 47: | ||
border-top-width:1px; | border-top-width:1px; | ||
box-sizing:border-box; | box-sizing:border-box; | ||
− | color:#fff; | + | height:45px; |
+ | line-height:24px; | ||
+ | padding-bottom:10px; | ||
+ | padding-left:16px; | ||
+ | padding-right:16px; | ||
+ | padding-top:10px; | ||
+ | vertical-align:middle; | ||
+ | width:150px;"> | ||
+ | <span style="color:#fff; | ||
cursor:pointer; | cursor:pointer; | ||
display:inline-block; | display:inline-block; | ||
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | ||
− | font-size: | + | font-size:20px; |
font-weight:400; | font-weight:400; | ||
height:45px; | height:45px; | ||
line-height:24px; | line-height:24px; | ||
margin-bottom:0px; | margin-bottom:0px; | ||
− | + | ||
− | |||
− | |||
− | |||
text-align:center; | text-align:center; | ||
text-decoration-color:#3e81d2; | text-decoration-color:#3e81d2; | ||
Line 78: | Line 73: | ||
touch-action:manipulation; | touch-action:manipulation; | ||
user-select:none; | user-select:none; | ||
− | + | ||
− | white-space:nowrap; | + | white-space:nowrap;"> |
− | + | <strong>[[Learn more|<span style="color:#fff;">Learn more</span>]] | |
− | + | </strong> | |
− | + | </span> | |
− | + | </span> | |
+ | </p> | ||
</div> | </div> |