| Line 1: | Line 1: | 
| − | <!-- | + | <!-- STRUCTURE AND INSTRUCTIONS: | 
| − | Home (LOCKED) <<< YOU ARE HERE - NOTHING TO DO! | + |   | 
|  | + | Home (LOCKED) | 
|  |   | |  |   | | 
| − |   -- Header (LOCKED) | + |   -- Header (LOCKED) <<< YOU ARE HERE - NOTHING TO DO! | 
|  |   | |  |   | | 
|  |   -- Spotlight (LOCKED) |  |   -- Spotlight (LOCKED) | 
| Line 26: | Line 27: | 
|  |   -- Footer (LOCKED) |  |   -- Footer (LOCKED) | 
|  |   --> |  |   --> | 
| − | <!-- -- --OPTIONAL TOC --> | + | <div class="carousel-caption text left" | 
| − | __NOTOC__
 | + |      style="box-sizing:border-box; | 
| − | {{:User:Soli/header}}
 | + |                 display:block; | 
| − | {{:User:Soli/spotlight-1}}
 | + |                 position:relative; | 
| − | {{:User:Soli/main-1}}
 | + |                 text-align:center; | 
| − | {{:User:Soli/footer}}
 | + |                 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> | 
|  | + |     </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> |