Line 1: |
Line 1: |
− | <nowiki>[[User:Mike | Home]]</nowiki>: This is the header | + | <!-- STRUCTURE AND INSTRUCTIONS: |
| + | |
| + | Home (LOCKED) |
| + | | |
| + | -- Header (LOCKED) <<< YOU ARE HERE - NOTHING TO DO! |
| + | | |
| + | -- Spotlight (LOCKED) |
| + | | |
| + | ---- Spotlight article 1 |
| + | | |
| + | ---- Spotlight article 2 |
| + | | |
| + | -- Main (LOCKED) |
| + | | |
| + | ---- Main-a |
| + | | |
| + | ---- Main-a-article |
| + | | |
| + | ---- Main-b |
| + | | |
| + | ---- Main-b-article |
| + | | |
| + | ---- Main-c and so on... |
| + | | |
| + | ---- Main-c-article and so on... |
| + | | |
| + | -- Footer (LOCKED) |
| + | --> |
| + | <div style="display:block; position:relative; text-size-adjust:100%; width:100%; display:table; background-color:#62B9E5; background: linear-gradient(84deg, rgba(98,185,229,1) 0%, rgba(172,220,243,1) 8%, rgba(98,185,229,1) 100%);"> |
| + | <div style="width=90%; display:table-cell;"> |
| + | <span style="max-width:100%;">[[File:Together-transparent.png|frameless|3000px|center|caption]]</span> |
| + | <h1 style="color:#1C304A; |
| + | display:inline; |
| + | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; |
| + | font-size:40px; |
| + | font-weight:700; |
| + | padding-left:20px; |
| + | padding-right:20px; |
| + | text-align:center; |
| + | text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px; |
| + | text-size-adjust:100%; |
| + | width:auto;"> |
| + | Office of Public Service Accessibility (OPSA)</h1> |
| + | </div> |
| + | <div style="display:table-cell; width:9%; vertical-align:left; padding:10px; background-color:#1C304A;"></div> |
| + | <div style="display:table-cell; width:1%; vertical-align:left; padding:10px; background-color:transparent;"></div> |
| + | </div> |
| + | <div class="width" |
| + | style="text-align:center; |
| + | padding-bottom:10px;"> |
| + | <h2 style="border-bottom-color:#fff;"> |
| + | <span style="box-sizing:border-box; |
| + | color:#1C304A; |
| + | display:inline; |
| + | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; |
| + | font-size:25px; |
| + | font-weight:700; |
| + | padding-left:20px; |
| + | padding-right:20px; |
| + | text-align:center; |
| + | text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px; |
| + | text-size-adjust:100%; |
| + | width:auto; |
| + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> |
| + | <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 |
| + | engagement of persons with disabilities and other public servants. |
| + | </strong></span></h2></p> |
| + | </div> |
| + | <div style="text-align:center; |
| + | padding-bottom:10px; |
| + | padding-top:10px;"> |
| + | <p><span class="btn btn-lg btn-primary" |
| + | style="background-color:#1C304A; |
| + | border-bottom-color:rgb(255, 255, 255); |
| + | border-bottom-left-radius:6px; |
| + | border-bottom-right-radius:6px; |
| + | border-bottom-style:solid; |
| + | border-bottom-width:1px; |
| + | border-image-outset:0px; |
| + | border-image-repeat:stretch; |
| + | border-image-slice:100%; |
| + | border-image-source:none; |
| + | border-image-width:1; |
| + | border-left-color:rgb(255, 255, 255); |
| + | border-left-style:solid; |
| + | border-left-width:1px; |
| + | border-right-color:rgb(255, 255, 255); |
| + | border-right-style:solid; |
| + | border-right-width:1px; |
| + | border-top-color:rgb(255, 255, 255); |
| + | border-top-left-radius:6px; |
| + | border-top-right-radius:6px; |
| + | border-top-style:solid; |
| + | border-top-width:1px; |
| + | box-sizing:border-box; |
| + | color:#fff; |
| + | cursor:pointer; |
| + | display:inline-block; |
| + | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; |
| + | font-size:18px; |
| + | font-weight:400; |
| + | height:45px; |
| + | line-height:24px; |
| + | margin-bottom:0px; |
| + | padding-bottom:10px; |
| + | padding-left:16px; |
| + | padding-right:16px; |
| + | padding-top:10px; |
| + | text-align:center; |
| + | text-decoration-color:#3e81d2; |
| + | text-decoration-line:none; |
| + | text-decoration-style:solid; |
| + | text-shadow:none; |
| + | text-size-adjust:100%; |
| + | touch-action:manipulation; |
| + | user-select:none; |
| + | vertical-align:middle; |
| + | white-space:nowrap; |
| + | width:150px; |
| + | -webkit-tap-hi"> |
| + | <strong>[[Learn more|<span style="color:#fff;">Learn more</span>]] |
| + | </strong></span></p> |
| + | </div> |