Difference between revisions of "User:Soli/header"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
− | <div class="carousel-caption text left" | + | <div class="carousel-caption text left" |
− | + | style="box-sizing:border-box; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
display:block; | display:block; | ||
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | ||
font-size:14px; | font-size:14px; | ||
− | |||
line-height:20px; | line-height:20px; | ||
− | |||
− | |||
− | |||
position:relative; | position:relative; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
text-align:center; | text-align:center; | ||
− | |||
text-size-adjust:100%; | text-size-adjust:100%; | ||
− | width: | + | width:100%; |
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> | ||
− | + | <div style="background-color:#3e81d2; | |
− | + | background-size:cover; | |
− | |||
− | |||
− | |||
− | |||
box-sizing:border-box; | box-sizing:border-box; | ||
− | color: | + | display:block; |
+ | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | ||
+ | font-size:14px; | ||
+ | height:auto; | ||
+ | line-height:20px; | ||
+ | max-width:100%; | ||
+ | margin-bottom:20px; | ||
+ | padding-bottom:20px; | ||
+ | position:relative; | ||
+ | text-size-adjust:100%; | ||
+ | -webkit-tap-highlight-color:rgba(0, 0, 0, 0); | ||
+ | width=100%;"> | ||
+ | <span style="padding-bottom:20px;height:auto;max-width:100%;">[[File:Accessible-together.jpg|frameless|5500px|center|caption]]</span> | ||
+ | <h1><span style="box-sizing:border-box; | ||
+ | color:rgb(255, 255, 255); | ||
display:inline; | display:inline; | ||
− | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; | + | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; |
− | font-size: | + | font-size:63px; |
font-weight:700; | font-weight:700; | ||
height:auto; | height:auto; | ||
− | line-height: | + | line-height:70px; |
− | padding-left: | + | padding-left:20px; |
− | padding-right: | + | padding-right:20px; |
text-align:center; | text-align:center; | ||
+ | text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px; | ||
text-size-adjust:100%; | text-size-adjust:100%; | ||
width:auto; | width:auto; | ||
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> | ||
− | <strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best | + | <strong>Office of Public Service Accessibility (OPSA)</strong></span></h1> |
− | + | </div> | |
− | + | <div class="width" | |
− | </ | + | style="text-align:center; |
+ | padding-bottom:20px;"> | ||
+ | <p style="background-color:rgb(255, 255, 255); | ||
+ | box-sizing:border-box; | ||
+ | color:#3e81d2; | ||
+ | display:inline; | ||
+ | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; | ||
+ | font-size:21px; | ||
+ | font-weight:700; | ||
+ | height:auto; | ||
+ | line-height:30px; | ||
+ | padding-left:40px; | ||
+ | padding-right:40px; | ||
+ | text-align:center; | ||
+ | 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></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div style="text-align:center; | ||
+ | background-color:#3e81d2; | ||
+ | padding-bottom:10px; | ||
+ | padding-top:10px;"> | ||
+ | <p><span class="btn btn-lg btn-primary" | ||
+ | style=" | ||
+ | background-color:rgb(255, 255, 255); | ||
+ | background-image:none; | ||
+ | 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:rgb(255, 0, 255); | ||
+ | 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:rgb(255, 0, 255); | ||
+ | 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"> | ||
+ | [[Learn more]]</span></p> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− |