Difference between revisions of "User:Soli/header"

From wiki
Jump to navigation Jump to search
 
(6 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<multilang>
 
<multilang>
 
<!--
 
<!--
+
 
 
ENGLISH content starts here!
 
ENGLISH content starts here!
 
-- -->
 
-- -->
 
@en|
 
@en|
 
<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: 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! -->
+
<!--
<span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|500px|center|caption]]</span>
+
 
<h2 style="border-bottom-color:#62B9E5;">
+
Change HEADER IMAGE HERE!
<span 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 style="max-width:100%;">[[File:Accessible-together-transparent.png|frameless|500px|center|A group for of people with differing assistive needs.]]</div>
EDIT H2 header HERE! (H1 is inserted as the WIKI PAGE TITLE)
+
<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></span></h2></div>
+
<strong>OPSA: Office of Public Service Accessibility</strong></div>
 +
</h2>
 +
</div>
 
<div style="text-align:center; padding-bottom:10px;">
 
<div style="text-align:center; padding-bottom:10px;">
<h3 style="border-bottom-color:#fff;">
+
<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;">
<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;">
+
<!--
<!--  
+
 
EDIT H3 HEADER here!
+
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>The Accessibility Hub serves as a source for guidance, tools, tips, and best practices for
</strong></span></h3></div></div>
+
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 style="text-align:center; padding-bottom:10px; padding-top:10px;"><p>
 
<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)!  
+
Button STARTS HERE!
 +
EDIT button LABEL and LINK here (see link at end of this DIV)!
 
-- -->
 
-- -->
<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;"><strong>[[Learn more|<span style="color:#ffffff;">Learn more</span>]]</strong></span></span></p>
+
<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>
<!--  
+
<!--
  
  
Line 38: Line 51:
 
@fr|
 
@fr|
 
<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: 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! -->
+
<!--
<span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|500px|center|caption]]</span>
+
 
<h2 style="border-bottom-color:#62B9E5;">
+
Header image HERE!
<span 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 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)
 
EDIT H2 header HERE! (H1 is inserted as the WIKI PAGE TITLE)
 
-- -->
 
-- -->
<strong>FR: OPSA: Office of Public Service Accessibility</strong></span></h2></div>
+
<strong>FR - OPSA: Office of Public Service Accessibility</strong></div>
 +
</h2>
 +
</div>
 
<div style="text-align:center; padding-bottom:10px;">
 
<div style="text-align:center; padding-bottom:10px;">
 
<h3 style="border-bottom-color:#fff;">
 
<h3 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;">
+
<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 H3 HEADER here!
 
EDIT H3 HEADER here!
 
-- -->
 
-- -->
<strong>FR: 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>The Accessibility Hub serves as a source for guidance, tools, tips, and best practices for
</strong></span></h3></div></div>
+
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 style="text-align:center; padding-bottom:10px; padding-top:10px;"><p>
 
<div style="text-align:center; padding-bottom:10px; padding-top:10px;"><p>
<!--  
+
<!--
Button START HERE!  
+
Button START HERE!
EDIT button LABEL and LINK here (see link at end of this DIV)!  
+
EDIT button LABEL and LINK here (see link at end of this DIV)!
 
-- -->
 
-- -->
<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;"><strong>[[Learn more|<span style="color:#ffffff;">Savoir plus</span>]]</strong></span></span></p>
+
<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>
 
</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.