Difference between revisions of "User:Mike/footer"

From wiki
Jump to navigation Jump to search
 
(59 intermediate revisions by the same user not shown)
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="#!">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>

Latest revision as of 23:49, 19 January 2020