Line 1: |
Line 1: |
− | <div class="carousel-caption text left" | + | <!-- STRUCTURE AND INSTRUCTIONS: |
− | style="box-sizing:border-box;
| + | |
| + | Home (LOCKED) |
| + | | |
| + | -- Header (LOCKED) |
| + | | |
| + | -- Spotlight (LOCKED) |
| + | | |
| + | ---- Spotlight-1 |
| + | | |
| + | ---- Spotlight article 1 |
| + | | |
| + | ---- Spotlight-2 |
| + | | |
| + | ---- 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) <<< YOU ARE HERE - NOTHING TO DO! |
| + | --> |
| + | |
| + | <div class="col-lg-4" |
| + | style="background-color:rgb(62,129,210); |
| + | box-sizing:border-box; |
| + | color:rgb(255, 255, 255); |
| + | display:block; |
| + | float:left; |
| + | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; |
| + | font-size:14px; |
| + | line-height:20px; |
| + | overflow: hidden; |
| + | padding-bottom:20px; |
| + | padding-top:20px; |
| + | padding-left:15px; |
| + | padding-right:15px; |
| + | position:relative; |
| + | text-align:center; |
| + | text-size-adjust:100%; |
| + | width:33%; |
| + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> |
| + | <h3><strong> |
| + | <span style="box-sizing:border-box; |
| + | color:rgb(255, 255, 255); |
| + | display:inline; |
| + | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; |
| + | font-size:18px; |
| + | font-weight:700; |
| + | height:auto; |
| + | text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px; |
| + | line-height:19.8px; |
| + | text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px; |
| + | text-size-adjust:100%; |
| + | width:auto; |
| + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> |
| + | OPSA's Toolkit</span></strong></h3> |
| + | |
| + | <ul class="list-unstyled text-small" |
| + | style="box-sizing:border-box; |
| + | color:rgb(255, 255, 255); |
| display:block; | | display:block; |
− | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | + | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; |
| font-size:14px; | | font-size:14px; |
| line-height:20px; | | line-height:20px; |
− | position:relative; | + | list-style-image:none; |
| + | list-style-type:none; |
| + | padding-left:15px; |
| + | padding-right:15px; |
| text-align:center; | | text-align:center; |
| text-size-adjust:100%; | | text-size-adjust:100%; |
− | width:100%;
| |
| -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> | | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> |
− | <div style="background-color:rgb(62,129,210); | + | <li><strong>[[User:Soli|<span style="color:rgb(255, 255, 255);">HOME</span>]]</strong></li> |
− | background-size:cover;
| + | <li><strong>[[User:Soli|<span style="color:rgb(255, 255, 255);">HOME</span>]]</strong></li> |
− | box-sizing:border-box;
| + | <li><strong>[[User:Soli|<span style="color:rgb(255, 255, 255);">HOME</span>]]</strong></li> |
− | display:block; | + | </ul> |
− | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; | + | </div> |
− | font-size:14px; | + | <div class="col-lg-4" |
| + | style="background-color:rgb(62,129,210); |
| + | box-sizing:border-box; |
| + | display:block; |
| + | float:left; |
| + | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; |
| + | font-size:14px; |
| + | line-height:20px; |
| + | overflow: hidden; |
| + | padding-bottom:20px; |
| + | padding-top:20px; |
| + | padding-left:15px; |
| + | padding-right:15px; |
| + | position:relative; |
| + | text-align:center; |
| + | text-size-adjust:100%; |
| + | width:33%; |
| + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> |
| + | <h3><strong> |
| + | <span style="box-sizing:border-box; |
| + | color:rgb(255, 255, 255); |
| + | display:inline; |
| + | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; |
| + | font-size:18px; |
| + | font-weight:700; |
| height:auto; | | height:auto; |
− | line-height:20px; | + | line-height:19.8px; |
− | max-width:100%; | + | text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px; |
− | margin-bottom:20px;
| |
− | padding-bottom:20px;
| |
− | position:relative;
| |
| text-size-adjust:100%; | | text-size-adjust:100%; |
− | -webkit-tap-highlight-color:rgba(0, 0, 0, 0); | + | width:auto; |
− | width=100%;">
| + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> |
− | <span style="padding-bottom:20px;height:auto;max-width:100%;">[[File:Accessible-together-opsa-header-small.jpg|frameless|5500px|center|caption]]</span> | + | Changes in the OPSA</span></strong></h3> |
− | | + | <ul class="list-unstyled text-small" |
− | <div style="float: left; width:20%;">
| + | style="box-sizing:border-box; |
− | column 1
| + | color:rgb(255, 255, 255); |
− | </div>
| + | display:block; |
− | <div style="float: left; width:20%;">
| + | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; |
− | column 2
| + | font-size:14px; |
− | </div> | + | line-height:20px; |
− | <div style="float: left; width:20%;">
| + | list-style-image:none; |
− | column 3
| + | list-style-type:none; |
− | </div> | + | padding-left:15px; |
− | <div style="float: left; width:20%;"> | + | padding-right:15px; |
− | column 4 | + | text-align:center; |
− | </div>
| + | text-size-adjust:100%; |
− | <div style="float: left; width:20%;">
| + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> |
− | column 5
| + | <li><strong>[[User:Soli|<span style="color:rgb(255, 255, 255);">HOME</span>]]</strong></li> |
− | </div>
| + | <li><strong>[[User:Soli|<span style="color:rgb(255, 255, 255);">HOME</span>]]</strong></li> |
− | | + | <li><strong>[[User:Soli|<span style="color:rgb(255, 255, 255);">HOME</span>]]</strong></li> |
− | </div>
| + | </ul> |
| + | </div> |
| + | <div class="col-lg-4" |
| + | style="background-color:rgb(62,129,210); |
| + | box-sizing:border-box; |
| + | color:rgb(255, 255, 255); |
| + | display:block; |
| + | float:left; |
| + | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; |
| + | font-size:14px; |
| + | line-height:20px; |
| + | overflow: hidden; |
| + | padding-bottom:20px; |
| + | padding-top:20px; |
| + | padding-left:15px; |
| + | padding-right:15px; |
| + | position:relative; |
| + | text-align:center; |
| + | text-size-adjust:100%; |
| + | width:33%; |
| + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> |
| + | <h3><strong> |
| + | <span style="box-sizing:border-box; |
| + | color:rgb(255, 255, 255); |
| + | display:inline; |
| + | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; |
| + | font-size:18px; |
| + | font-weight:700; |
| + | height:auto; |
| + | line-height:19.8px; |
| + | text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px; |
| + | text-size-adjust:100%; |
| + | width:auto; |
| + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">OPSA Resources</span> |
| + | </strong></h3> |
| + | <ul class="list-unstyled text-small" |
| + | style="box-sizing:border-box; |
| + | color:rgb(255, 255, 255); |
| + | display:block; |
| + | font-family:Helvetica Neue, Helvetica, Arial, sans-serif; |
| + | font-size:14px; |
| + | line-height:20px; |
| + | list-style-image:none; |
| + | list-style-type:none; |
| + | padding-left:15px; |
| + | padding-right:15px; |
| + | text-align:center; |
| + | text-size-adjust:100%; |
| + | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"> |
| + | <li><strong>[[User:Soli|<span style="color:rgb(255, 255, 255);">HOME</span>]]</strong></li> |
| + | <li><strong>[[User:Soli|<span style="color:rgb(255, 255, 255);">HOME</span>]]</strong></li> |
| + | <li><strong>[[User:Soli|<span style="color:rgb(255, 255, 255);">HOME</span>]]</strong></li> |
| + | </ul> |
| </div> | | </div> |