Changes

51 bytes added ,  00:49, 20 January 2020
no edit summary
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>
374

edits