374
edits
Changes
User:Mike/fishing/header (view source)
Revision as of 16:55, 19 January 2020
, 16:55, 19 January 2020no edit summary
[[User:Mike| Home]]: This is the header
<!-- STRUCTURE AND INSTRUCTIONS:
Home (LOCKED)
|
-- Header (LOCKED) <<< YOU ARE HERE - NOTHING TO DO!
|
-- Spotlight (LOCKED)
|
---- Spotlight article 1
|
---- Spotlight article 2
|
-- Main (LOCKED)
|
---- Main-a
|
---- Main-a-article
|
---- Main-b
|
---- Main-b-article
|
---- Main-c and so on...
|
---- Main-c-article and so on...
|
-- Footer (LOCKED)
-->
<div class="carousel-caption text left"
style="box-sizing:border-box;
display:block;
position:relative;
text-align:center;
text-size-adjust:100%;
width:100%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
<div style="background-color:#62B9E5;
background-size:cover;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;
box-sizing:border-box;
display:block;
max-width:100%;
position:relative;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
width=100%;">
<span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|3000px|center|caption]]</span>
<h1 style="border-bottom-color:#fff;">
<span style="box-sizing:border-box;
color:#1C304A;
display:inline;
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;
text-size-adjust:100%;
width:auto;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
<strong>OPSA: Office of Public Service Accessibility</strong></span></h1>
</div>
<div class="width"
style="text-align:center;
padding-bottom:10px;">
<h2 style="border-bottom-color:#fff;">
<span style="box-sizing:border-box;
color:#1C304A;
display:inline;
font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:25px;
font-weight:700;
padding-left:20px;
padding-right:20px;
text-align:center;
text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;
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></span></h2></p>
</div>
</div>
<div style="text-align:center;
padding-bottom:10px;
padding-top:10px;">
<p><span class="btn btn-lg btn-primary"
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-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:#fff;
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:#3e81d2;
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">
<strong>[[Learn more|<span style="color:#fff;">Learn more</span>]]
</strong></span></p>
</div>