Difference between revisions of "User:Soli/header"

From wiki
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;
+
        style="box-sizing:border-box;
            display:block;
 
            font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
            font-size:14px;
 
            line-height:20px;
 
            position:relative;
 
            text-align:center;
 
            text-size-adjust:100%;
 
            width:100%;
 
            -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
    <div style="background-color:#3e81d2;
 
                background-size:cover;
 
                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;
                height:auto;
 
 
                 line-height:20px;
 
                 line-height:20px;
                max-width:100%;
 
                margin-bottom:20px;
 
                padding-bottom:20px;
 
 
                 position:relative;
 
                 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="border-bottom-color:#3e81d2
 
                box-sizing:border-box;
 
                color:rgb(255, 255, 255);
 
                display:inline;
 
                font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
                font-size:63px;
 
                font-weight:700;
 
                height:auto;
 
                line-height:70px;
 
                padding-left:20px;
 
                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:100%;
 
                 -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 style="background-color:#3e81d2;
    </div>
+
                    background-size:cover;
    <div class="width"
 
        style="text-align:center;
 
            padding-bottom:20px;">
 
        <p style="background-color:rgb(255, 255, 255);
 
 
                     box-sizing:border-box;
 
                     box-sizing:border-box;
                     color:#3e81d2;
+
                    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:21px;
+
                     font-size:63px;
 
                     font-weight:700;
 
                     font-weight:700;
 
                     height:auto;
 
                     height:auto;
                     line-height:30px;
+
                     line-height:70px;
                     padding-left:40px;
+
                     padding-left:20px;
                     padding-right:40px;
+
                     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>
                practices for departments and agencies. The hub will be developed over time with the
+
        </div>
                engagement of persons with disabilities and other public servants.
+
        <div class="width"
             </strong></p>
+
            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>
</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, 0, 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, 0, 255);
 
                    border-left-style:solid;
 
                    border-left-width:1px;
 
                    border-right-color:rgb(255, 0, 255);
 
                    border-right-style:solid;
 
                    border-right-width:1px;
 
                    border-top-color:rgb(255, 0, 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>
 

Revision as of 10:57, 16 January 2020

Learn more