Line 28: |
Line 28: |
| --> | | --> |
| <!-- Footer --> | | <!-- Footer --> |
− | <footer class="page-footer font-small blue pt-4">
| + | <div style="display:table; table-layout:fixed; min-width:900px; width:100%; border-spacing:0; margin:0; background:#62B9E5; background: linear-gradient(84deg, rgba(98,185,229,1) 0%, rgba(172,220,243,1) 8%, rgba(98,185,229,1) 100%); font-family:Helvetica Neue, Helvetica, Arial, sans-serif;"> |
− | <!-- Footer Links -->
| + | <div style="display:table-cell; width:1%; vertical-align:left; padding:10px;"></div> |
− | <div class="container-fluid text-center text-md-left">
| + | <div style="display:table-cell; width:9%; vertical-align:left; padding:10px; background-color:#1C304A;"> |
− | <!-- Grid row -->
| |
− | <div class="row">
| |
− | <!-- Grid column -->
| |
− | <div class="col-md-6 mt-md-0 mt-3">
| |
− | <!-- Content -->
| |
− | <h5 class="text-uppercase">Footer Content</h5>
| |
− | <p>Here you can use rows and columns to organize your footer content.</p>
| |
− | </div>
| |
− | <!-- Grid column -->
| |
− | <hr class="clearfix w-100 d-md-none pb-3">
| |
− | <!-- Grid column -->
| |
− | <div class="col-md-3 mb-md-0 mb-3">
| |
− | <!-- Links -->
| |
− | <h5 class="text-uppercase">Links</h5>
| |
− | <ul class="list-unstyled">
| |
− | <li>
| |
− | <a href="#!">Link 1</a>
| |
− | </li>
| |
− | <li>
| |
− | <a href="#!">Link 2</a>
| |
− | </li>
| |
− | <li>
| |
− | <a href="#!">Link 3</a>
| |
− | </li>
| |
− | <li>
| |
− | <a href="#!">Link 4</a>
| |
− | </li>
| |
− | </ul>
| |
− | | |
− | </div>
| |
− | <!-- Grid column -->
| |
− | <!-- Grid column -->
| |
− | <div class="col-md-3 mb-md-0 mb-3">
| |
− | <!-- Links -->
| |
− | <h5 class="text-uppercase">Links</h5>
| |
− | <ul class="list-unstyled">
| |
− | <li>
| |
− | <a href="https://openconcept.ca/">Link 1</a>
| |
− | </li>
| |
− | <li>
| |
− | <a href="#!">Link 2</a>
| |
− | </li>
| |
− | <li>
| |
− | <a href="#!">Link 3</a>
| |
− | </li>
| |
− | <li>
| |
− | <a href="#!">Link 4</a>
| |
− | </li>
| |
− | </ul>
| |
− | </div>
| |
− | <!-- Grid column -->
| |
| </div> | | </div> |
− | <!-- Grid row --> | + | <div style="display:table-cell; width:30%; vertical-align:left; padding:10px;"> |
− | </div>
| + | <h3 style="color:#000; font-weight: bold; padding-bottom: 5px; text-transform: uppercase;">OPSA</h3> |
− | <!-- Footer Links -->
| + | <ul style="list-style: none; margin: 0;"> |
− | <!-- Copyright -->
| + | <li>[[User:Mike/fishing/Accessibility_Statement | Accessibility Statement]]</li> |
− | <div class="footer-copyright text-center py-3">© 2020 Copyright:
| + | <li>[[User:Mike | About us]]</li> |
− | <a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a>
| + | <li>[[User:Mike/fishing/ | Contact Us]]</li> |
− | </div>
| + | </ul> |
− | <!-- Copyright -->
| + | </div> |
− | </footer> | + | <div style="display:table-cell; width:30%; vertical-align:left; padding:10px;"> |
− | <!-- Footer --> | + | <h3 style="color:#000; font-weight: bold; padding-bottom: 5px; text-transform: uppercase;">Policy</h3> |
| + | <ul style="list-style: none; margin: 0;"> |
| + | <li>[[User:Mike/fishing | History]]</li> |
| + | <li>[[User:Mike/fishing | Legislation]]</li> |
| + | <li>[[User:Mike/fishing | Policy]]</li> |
| + | <li>[[User:Mike/fishing | Resources]]</li> |
| + | </ul> |
| + | </div> |
| + | <div style="display:table-cell; width:30%; vertical-align:left; padding:10px;"> |
| + | <h3 style="color:#000; font-weight: bold; padding-bottom: 5px; text-transform: uppercase;">Support</h3> |
| + | <ul style="list-style: none; margin: 0;"> |
| + | <li>[[User:Mike/fishing | Education]]</li> |
| + | <li>[[User:Mike/fishing/Tools | Tools]]</li> |
| + | </ul> |
| + | </div> |
| + | </div> |