Difference between revisions of "User:Soli/header"

From wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
<div style="display:block; position:relative; text-align:center; width:100%;">
 
<div style="display:block; position:relative; text-align:center; width:100%;">
    <div style="background-color:#62B9E5; padding-bottom:10px; width=100%;">
+
<div style="background-color:#62B9E5; padding-bottom:10px; width=100%;">
        <span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|3000px|center|caption]]</span>
+
<!-- Header image HERE! -->
        <h1 style="border-bottom-color:#62B9E5;">
+
<span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|3000px|center|caption]]</span>
            <span style="color:#1C304A;
+
<h2 style="border-bottom-color:#62B9E5;">
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
+
<span style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:60px; font-weight:700; padding-left:20px; padding-right:20px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
                    font-size:60px; font-weight:700;
+
<!-- EDIT H2 header HERE! (H1 is inserted as the WIKI PAGE TITLE)
                    padding-left:20px; padding-right:20px;
+
-- -->
                    text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
+
<strong>OPSA: Office of Public Service Accessibility</strong></span></h2>
            <strong>OPSA: Office of Public Service Accessibility</strong></span></h1>
+
</div>
    </div>
+
<div style="text-align:center; padding-bottom:10px;">
    <div style="text-align:center; padding-bottom:10px;">
+
<h3 style="border-bottom-color:#fff;">
        <h2 style="border-bottom-color:#fff;">
+
<span 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;">
            <span style="color:#1C304A;
+
<!-- EDIT H3 HEADER here!
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px;
+
-- -->
                    padding-left:40px; padding-right:40px;
+
<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.
                    text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
+
</strong></span></h3></p>
            <strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best
+
</div>
                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>
 
</div>
 
<div style="text-align:center; padding-bottom:10px; padding-top:10px;">
 
<div style="text-align:center; padding-bottom:10px; padding-top:10px;">
    <p>
+
<p>
        <span style="background-color:#1C304A;
+
<!-- DO NOT EDIT. Button START HERE! Color is first CSS attribute. -->
                    border-bottom-color:rgb(255, 255, 255);
+
<span 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;">  
                    border-bottom-left-radius:6px;
+
<span style="color:#fff; display:inline-block; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:18px; text-align:center;">
                    border-bottom-right-radius:6px;
+
<!-- EDIT button LABEL and LINK here! Color is first CSS attribute.
                    border-bottom-style:solid;
+
-- -->
                    border-bottom-width:1px;
+
<strong>[[Learn more|<span style="color:#ffffff;">Learn more</span>]]
                    border-left-color:rgb(255, 255, 255);
+
</strong>
                    border-left-style:solid;
+
</span>
                    border-left-width:1px;
+
</span>
                    border-right-color:rgb(255, 255, 255);
+
</p>
                    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;">
 
            <span style="color:#fff;
 
                    display:inline-block;
 
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
                    font-size:18px;
 
                    text-align:center;
 
                    text-decoration-color:#3e81d2;
 
                    white-space:nowrap;">
 
            <strong>[[Learn more|<span style="color:#fff;">Learn more</span>]]
 
            </strong>
 
            </span>
 
        </span>
 
    </p>
 
 
</div>
 
</div>

Revision as of 10:45, 22 January 2020

caption

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.

Learn more