Difference between revisions of "User:Mike/fishing/header"
Jump to navigation
Jump to search
(Created page with "This is the header") |
|||
| (12 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | <!-- 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> | ||
Latest revision as of 16:17, 19 January 2020
