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; border-bottom-left-radius:15px; border-bottom-right-radius:15px; border-top-left-radius:15px; border-top-right-radius:15px; width=100%;"> | + | <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:#fff;"> | + | <h1 style="border-bottom-color:#62B9E5;"> |
| <span style="color:#1C304A; | | <span style="color:#1C304A; |
− | display:inline;
| |
| 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; |
− | 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;"> |
− | padding-right:20px;
| |
− | text-align:center; | |
− | text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
| |
| <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;">
| + | <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; |
− | font-size:25px;
| + | padding-left:40px; padding-right:40px; |
− | font-weight:700;
| + | text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;"> |
− | padding-left:20px; | |
− | padding-right:20px;
| |
− | text-align:center; | |
− | text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
| |
| <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;"> |
− | padding-bottom:10px;
| + | <p> |
− | padding-top:10px;">
| + | <span style="background-color:#1C304A; |
− | <p><span class="btn btn-lg btn-primary" | |
− | style="background-color:#1C304A;
| |
| 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:18px; | + | 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; |
− | padding-bottom:10px;
| + | |
− | padding-left:16px;
| |
− | padding-right:16px;
| |
− | padding-top:10px;
| |
| 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; |
− | vertical-align:middle; | + | |
− | white-space:nowrap; | + | white-space:nowrap;"> |
− | width:150px;
| + | <strong>[[Learn more|<span style="color:#fff;">Learn more</span>]] |
− | -webkit-tap-hi">
| + | </strong> |
− | <strong>[[Learn more|<span style="color:#fff;">Learn more</span>]]
| + | </span> |
− | </strong></span></p>
| + | </span> |
| + | </p> |
| </div> | | </div> |