Line 27: |
Line 27: |
| -- Footer (LOCKED) <<< YOU ARE HERE - NOTHING TO DO! This footer includes a navigation submenu. | | -- Footer (LOCKED) <<< YOU ARE HERE - NOTHING TO DO! This footer includes a navigation submenu. |
| --> | | --> |
− | <div style="background-color:#62B9E5; width:100%;"> | + | <!-- Footer --> |
− | <div style="display:block; | + | <footer class="page-footer font-small blue pt-4"> |
− | float:left;
| + | |
− | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
| + | <!-- Footer Links --> |
− | font-size:14px;
| + | <div class="container-fluid text-center text-md-left"> |
− | overflow: hidden;
| + | |
− | padding-bottom:10px;
| + | <!-- Grid row --> |
− | position:relative;
| + | <div class="row"> |
− | text-align:center;
| + | |
− | text-size-adjust:100%;
| + | <!-- Grid column --> |
− | width:33%;
| + | <div class="col-md-6 mt-md-0 mt-3"> |
− | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
| + | |
− | <h3><span style="">
| + | <!-- Content --> |
− | <strong>OPSA's Toolkit</strong></span></h3>
| + | <h5 class="text-uppercase">Footer Content</h5> |
− | <ul style="box-sizing:border-box;
| + | <p>Here you can use rows and columns to organize your footer content.</p> |
− | color:rgb(255, 255, 255);
| + | |
− | display:block;
| + | </div> |
− | font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
| + | <!-- Grid column --> |
− | font-size:14px;
| + | |
− | line-height:20px;
| + | <hr class="clearfix w-100 d-md-none pb-3"> |
− | list-style-image:none;
| + | |
− | list-style-type:none;
| + | <!-- Grid column --> |
− | padding-left:15px;
| + | <div class="col-md-3 mb-md-0 mb-3"> |
− | padding-right:15px;
| + | |
− | text-align:left;
| + | <!-- Links --> |
− | text-size-adjust:100%;
| + | <h5 class="text-uppercase">Links</h5> |
− | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
| + | |
− | <!-- -- -- Change links HERE! --> | + | <ul class="list-unstyled"> |
− | <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li> | + | <li> |
− | <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
| + | <a href="#!">Link 1</a> |
− | <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
| + | </li> |
− | </ul>
| + | <li> |
− | </div> | + | <a href="#!">Link 2</a> |
− | <div style="box-sizing:border-box; | + | </li> |
− | display:block;
| + | <li> |
− | float:left;
| + | <a href="#!">Link 3</a> |
− | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
| + | </li> |
− | font-size:14px;
| + | <li> |
− | overflow: hidden;
| + | <a href="#!">Link 4</a> |
− | padding-bottom:10px;
| + | </li> |
− | position:relative;
| + | </ul> |
− | text-align:left;
| + | |
− | text-size-adjust:100%;
| + | </div> |
− | width:33%;
| + | <!-- Grid column --> |
− | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
| + | |
− | <h3><span style="color:#1C304A;">
| + | <!-- Grid column --> |
− | <strong>Changes in the OPSA</span></strong></h3>
| + | <div class="col-md-3 mb-md-0 mb-3"> |
− | <ul class="list-unstyled text-small"
| + | |
− | style="box-sizing:border-box;
| + | <!-- Links --> |
− | color:rgb(255, 255, 255);
| + | <h5 class="text-uppercase">Links</h5> |
− | display:block;
| + | |
− | font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
| + | <ul class="list-unstyled"> |
− | font-size:14px;
| + | <li> |
− | line-height:20px;
| + | <a href="#!">Link 1</a> |
− | list-style-image:none;
| + | </li> |
− | list-style-type:none;
| + | <li> |
− | padding-left:15px;
| + | <a href="#!">Link 2</a> |
− | padding-right:15px;
| + | </li> |
− | text-align:left;
| + | <li> |
− | text-size-adjust:100%;
| + | <a href="#!">Link 3</a> |
− | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
| + | </li> |
− | <!-- -- -- Change links HERE! -->
| + | <li> |
− | <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
| + | <a href="#!">Link 4</a> |
− | <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
| + | </li> |
− | <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
| + | </ul> |
− | </ul>
| + | |
− | </div> | + | </div> |
− | <div style="box-sizing:border-box; | + | <!-- Grid column --> |
− | display:block;
| + | |
− | float:left;
| + | </div> |
− | font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
| + | <!-- Grid row --> |
− | font-size:14px;
| + | |
− | overflow: hidden;
| + | </div> |
− | padding-bottom:10px;
| + | <!-- Footer Links --> |
− | position:relative;
| + | |
− | text-align:left;
| + | <!-- Copyright --> |
− | text-size-adjust:100%;
| + | <div class="footer-copyright text-center py-3">© 2020 Copyright: |
− | width:33%;
| + | <a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a> |
− | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
| + | </div> |
− | <h3><span style="color:#1C304A;"> | + | <!-- Copyright --> |
− | <strong>OPSA Resources</strong></span></h3>
| + | |
− | <ul class="list-unstyled text-small" | + | </footer> |
− | style="box-sizing:border-box;
| + | <!-- Footer --> |
− | 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:left;
| |
− | text-size-adjust:100%;
| |
− | -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
| |
− | <!-- -- -- Change links HERE! -->
| |
− | <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
| |
− | <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
| |
− | <li><strong>[[User:Soli|<span style="color:#1C304A;">HOME</span>]]</strong></li>
| |
− | </ul>
| |
− | </div> | |
− | </div> | |