Difference between revisions of "User:Soli/header"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
− | < | + | <div class="carousel-caption text left" |
− | + | style=" | |
+ | bottom:20px; | ||
box-sizing:border-box; | box-sizing:border-box; | ||
− | color:rgb( | + | color:rgb(255, 255, 255); |
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; | ||
+ | height:382.667px; | ||
line-height:20px; | line-height:20px; | ||
− | padding-top: | + | padding-bottom:30px; |
+ | padding-top:20px; | ||
+ | position:relative; | ||
+ | text-align:center; | ||
+ | text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px; | ||
text-size-adjust:100%; | text-size-adjust:100%; | ||
− | width: | + | width:100%; |
− | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);" | + | z-index:10; |
− | + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> | |
− | < | + | <div style="position: relative; top: 0px; left: 0px; z-index: 3; width=1024px;"> |
− | + | [[Image:various-people-crop.png|1024px]] | |
− | + | <h1><span style=" | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
box-sizing:border-box; | box-sizing:border-box; | ||
− | + | color:rgb(255, 255, 255); | |
− | display: | + | 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; | |
− | + | height:auto; | |
− | + | line-height:70px; | |
− | + | text-align:center; | |
− | + | text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px; | |
− | |||
− | |||
− | |||
text-size-adjust:100%; | text-size-adjust:100%; | ||
− | width: | + | width:auto; |
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> | ||
− | + | <strong>Office of Public Service Accessibility (OPSA)</strong></span></h1> | |
− | + | <div class="width"> | |
− | + | <p style=" | |
− | + | box-sizing:border-box; | |
− | + | color:rgb(255, 255, 255); | |
− | + | display:inline; | |
− | + | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; | |
− | + | font-size:21px; | |
− | + | font-weight:700; | |
− | + | height:auto; | |
− | + | line-height:30px; | |
− | + | text-align:center; | |
− | + | text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px; | |
− | + | text-size-adjust:100%; | |
+ | width:auto; | ||
+ | -webkit-tap-highlight-color:"> | ||
+ | <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> | ||
+ | <p><span class="btn btn-lg btn-primary" | ||
+ | style=" | ||
+ | background-color:rgb(51, 122, 183); | ||
+ | background-image:none; | ||
+ | border-bottom-color:rgb(46, 109, 164); | ||
+ | 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(46, 109, 164); | ||
+ | border-left-style:solid; | ||
+ | border-left-width:1px; | ||
+ | border-right-color:rgb(46, 109, 164); | ||
+ | border-right-style:solid; | ||
+ | border-right-width:1px; | ||
+ | border-top-color:rgb(46, 109, 164); | ||
+ | border-top-left-radius:6px; | ||
+ | border-top-right-radius:6px; | ||
+ | border-top-style:solid; | ||
+ | border-top-width:1px; | ||
box-sizing:border-box; | box-sizing:border-box; | ||
− | + | color:rgb(255, 255, 255); | |
− | display:block; | + | cursor:pointer; |
+ | display:inline-block; | ||
font-family:Helvetica Neue, Helvetica, Arial, sans-serif; | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; | ||
− | font-size: | + | font-size:18px; |
− | height: | + | font-weight:400; |
− | line-height: | + | height:45px; |
− | margin-left: | + | 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, 255, 255); | ||
+ | text-decoration-line:none; | ||
+ | text-decoration-style:solid; | ||
+ | text-shadow:none; | ||
text-size-adjust:100%; | 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> | ||
</div> | </div> | ||
− | |||
− | |||
</div> | </div> |