Difference between revisions of "User:Soli/header"

From wiki
Jump to navigation Jump to search
 
(101 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
OPEN
+
__NOTOC__
−
<div style="position: relative; top: 0px; left: 0px; z-index: 3; width=1024px;">
+
<multilang>
−
    [[Image:various-people-crop.png|1024px]]
+
<!--
 +
 
 +
ENGLISH content starts here!
 +
-- -->
 +
@en|
 +
<div style="display:block; position:relative; text-align:center; width:100%;">
 +
<div style="background: linear-gradient(90deg, rgba(28,48,74,0.1) 0%, rgba(98, 185, 229,1) 50%, rgba(28,48,74,0.1) 100%); padding-bottom:10px; padding-top:10px; width=100%;">
 +
<!--
 +
 
 +
Change HEADER IMAGE HERE!
 +
-->
 +
<div style="max-width:100%;">[[File:Accessible-together-transparent.png|frameless|500px|center|A group for of people with differing assistive needs.]]</div>
 +
<h2 style="border-bottom:0px;">
 +
<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:35px; font-weight:700; padding-left:20px; padding-right:20px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
 +
<!--
 +
 
 +
EDIT H2 HEADER HERE! (H1 is inserted as the WIKI PAGE TITLE)
 +
-- -->
 +
<strong>OPSA: Office of Public Service Accessibility</strong></div>
 +
</h2>
 +
</div>
 +
<div style="text-align:center; padding-bottom:10px;">
 +
<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px; padding-left:40px; padding-right:40px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
 +
<!--
 +
 
 +
EDIT HEADER CAPTION here!
 +
-- -->
 +
<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></div>
 +
</h3>
 +
</div>
 
</div>
 
</div>
−
<div style="background-image:url('/images/thumb/2/2e/Various-people-crop.png/1024px-Various-people-crop.png'); width=1024px;">
+
<div style="text-align:center; padding-bottom:10px; padding-top:10px;"><p>
−
    &nbsp;
+
<!--
 +
 
 +
Button STARTS HERE!
 +
EDIT button LABEL and LINK here (see link at end of this DIV)!
 +
-- -->
 +
<div 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-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; line-height:24px; padding-bottom:10px; padding-left:16px; padding-right:16px; padding-top:10px; vertical-align:middle;"><strong>[[Learn more|<span
 +
style="color:#ffffff;">Learn more about OPSA</span>]]</strong></div></div></p>
 
</div>
 
</div>
−
<div style="background-image:url('https://wiki.gccollab.ca/images/7/73/Various_people.png'); width=1024px;">&nbsp;</div>
+
<!--
−
CLOSE
+
 
 +
 
 +
FRENCH content starts here!
 +
-- -->
 +
@fr|
 +
<div style="display:block; position:relative; text-align:center; width:100%;">
 +
<div style="background: linear-gradient(90deg, rgba(28,48,74,0.1) 0%, rgba(98, 185, 229,1) 50%, rgba(28,48,74,0.1) 100%); padding-bottom:10px; padding-top:10px; width=100%;">
 +
<!--
 +
 
 +
Header image HERE!
 +
-->
 +
<div style="max-width:100%;">[[File:Accessible-together-transparent.png|frameless|500px|center|A group for of people with differing assistive needs.]]</div>
 +
<h2 style="border-bottom:0px;">
 +
<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:35px; font-weight:700; padding-left:20px; padding-right:20px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
 +
<!--
  
−
<!--div class="super-body"
+
EDIT H2 header HERE! (H1 is inserted as the WIKI PAGE TITLE)
−
        style="
+
-- -->
−
            box-sizing:border-box;
+
<strong>FR - OPSA: Office of Public Service Accessibility</strong></div>
−
            color:rgb(51, 51, 51);
+
</h2>
−
            display:block;
+
</div>
−
            font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
+
<div style="text-align:center; padding-bottom:10px;">
−
            font-size:14px;
+
<h3 style="border-bottom-color:#fff;">
−
            line-height:20px;
+
<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px; padding-left:40px; padding-right:40px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
−
            padding-top:220px;
+
<!--
−
            text-size-adjust:100%;
 
−
            width:1454.67px;
 
−
            -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"-->
 
  
−
<!--div class="jumbotron"
+
EDIT H3 HEADER here!
−
      style="
+
-- -->
−
        background-image:url('https://wiki.gccollab.ca/images/7/73/Various_people.png');
+
<strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best practices for
−
        background-color:rgb(238, 238, 238);
+
departments and agencies. The hub will be developed over time with the engagement of persons
−
        background-image:none;
+
with disabilities and other public servants.
−
        background-repeat-x:;
+
</strong></div>
−
        background-repeat-y:;
+
</h3>
−
        background-size:cover;
 
−
        box-sizing:border-box;
 
−
        color:rgb(51, 51, 51);
 
−
        display:block;
 
−
        font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
−
        font-size:14px;
 
−
        height:475px;
 
−
        line-height:20px;
 
−
        margin-bottom:30px;
 
−
        padding-bottom:48px;
 
−
        padding-top:80px;
 
−
        position:relative;
 
−
        text-size-adjust:100%;
 
−
        width:1454.67px;
 
−
        -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"-->
 
−
<div class="container"
 
−
    style="
 
−
                background-attachment:scroll;
 
−
                background-clip:border-box;
 
−
                background-color:rgba(0, 0, 0, 0.6);
 
−
                background-image:none;
 
−
                background-origin:padding-box;
 
−
                background-position-x:0%;
 
−
                background-position-y:0%;
 
−
                background-repeat-x:;
 
−
                background-repeat-y:;
 
−
                background-size:auto;
 
−
                box-sizing:border-box;
 
−
                color:rgb(241, 241, 241);
 
−
                display:block;
 
−
                font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
−
                font-size:14px;
 
−
                height:475px;
 
−
                line-height:20px;
 
−
                margin-left:0px;
 
−
                margin-right:0px;
 
−
                max-width:100%;
 
−
                padding-left:15px;
 
−
                padding-right:15px;
 
−
                position:absolute;
 
−
                text-size-adjust:100%;
 
−
                width:1454.67px;
 
−
                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
−
    <div class="carousel-item active"
 
−
        style="
 
−
                box-sizing:border-box;
 
−
                color:rgb(241, 241, 241);
 
−
                display:block;
 
−
                font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
−
                font-size:14px;
 
−
                height:0px;
 
−
                line-height:20px;
 
−
                text-size-adjust:100%;
 
−
                width:1424.67px;
 
−
                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
−
        <div class="container"
 
−
            style="
 
−
                    box-sizing:border-box;
 
−
                    color:rgb(241, 241, 241);
 
−
                    display:block;
 
−
                    font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
−
                    font-size:14px;
 
−
                    height:0px;
 
−
                    line-height:20px;
 
−
                    margin-left:126.667px;
 
−
                    margin-right:126.667px;
 
−
                    max-width:100%;
 
−
                    padding-left:15px;
 
−
                    padding-right:15px;
 
−
                    text-size-adjust:100%;
 
−
                    width:1170px;
 
−
                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)">
 
−
            <div class="carousel-caption text left"
 
−
                style="
 
−
                        bottom:20px;
 
−
                        box-sizing:border-box;
 
−
                        color:rgb(255, 255, 255);
 
−
                        display:block;
 
−
                        font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
−
                        font-size:14px;
 
−
                        height:382.667px;
 
−
                        left:290.667px;
 
−
                        line-height:20px;
 
−
                        padding-bottom:30px;
 
−
                        padding-top:20px;
 
−
                        position:absolute;
 
−
                        right:290.667px;
 
−
                        text-align:center;
 
−
                        text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px;
 
−
                        text-size-adjust:100%;
 
−
                        width:872px;
 
−
                        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;
 
−
                            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:69.3px;
 
−
                            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>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;
 
−
                                color:rgb(255, 255, 255);
 
−
                                cursor:pointer;
 
−
                                display:inline-block;
 
−
                                font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
−
                                font-size:18px;
 
−
                                font-weight:400;
 
−
                                height:45.3333px;
 
−
                                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%;
 
−
                                touch-action:manipulation;
 
−
                                user-select:none;
 
−
                                vertical-align:middle;
 
−
                                white-space:nowrap;
 
−
                                width:126.052px;
 
−
                                -webkit-tap-hi">
 
−
                                [[Learn more]]</span></p>
 
−
                    </div>
 
−
                </div>
 
−
            </div>
 
−
        </div>
 
−
    </div>
 
 
</div>
 
</div>
 
</div>
 
</div>
 +
<div style="text-align:center; padding-bottom:10px; padding-top:10px;"><p>
 +
<!--
 +
Button START HERE!
 +
EDIT button LABEL and LINK here (see link at end of this DIV)!
 +
-- -->
 +
<div 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-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; line-height:24px; padding-bottom:10px; padding-left:16px; padding-right:16px; padding-top:10px; vertical-align:middle;"><strong>[[Learn more|<span
 +
style="color:#ffffff;">Savior plus</span>]]</strong></div></div></p>
 
</div>
 
</div>
 +
 +
</multilang>

Latest revision as of 18:47, 23 January 2020

A group for of people with differing assistive needs.

OPSA: Office of Public Service Accessibility

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.


Retrieved from "https://wiki.gccollab.ca/index.php?title=User:Soli/header&oldid=16526"