Difference between revisions of "User:Mike/footer"

From wiki
Jump to navigation Jump to search
 
(55 intermediate revisions by the same user not shown)
Line 28: Line 28:
 
  -->
 
  -->
 
<!-- Footer -->
 
<!-- Footer -->
<div 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>
     <div class="row">
+
     <div style="display:table-cell; width:30%; vertical-align:left; padding:10px;">
       <!-- Grid column -->
+
       <h3 style="color:#000; font-weight: bold; padding-bottom: 5px; text-transform: uppercase;">OPSA</h3>  
       <div class="col-md-6 mt-md-0 mt-3">
+
       <ul style="list-style: none; margin: 0;">
         <!-- Content -->
+
         <li>[[User:Mike/fishing/Accessibility_Statement | Accessibility Statement]]</li>
         <h5 class="text-uppercase">Footer Content</h5>
+
         <li>[[User:Mike | About us]]</li>
         <p>Here you can use rows and columns to organize your footer content.</p>
+
         <li>[[User:Mike/fishing/ | Contact Us]]</li>
       </div>
+
       </ul>
      <!-- Grid column -->
+
    </div>
      <hr class="clearfix w-100 d-md-none pb-3">
+
    <div style="display:table-cell; width:30%; vertical-align:left; padding:10px;">
       <!-- Grid column -->
+
       <h3 style="color:#000; font-weight: bold; padding-bottom: 5px; text-transform: uppercase;">Policy</h3>  
      <div class="col-md-3 mb-md-0 mb-3">
+
      <ul style="list-style: none; margin: 0;">
        <!-- Links -->
+
        <li>[[User:Mike/fishing | History]]</li>
        <h5 class="text-uppercase">Links</h5>
+
        <li>[[User:Mike/fishing | Legislation]]</li>
<ul class="list-unstyled">
+
        <li>[[User:Mike/fishing | Policy]]</li>
<li>
+
        <li>[[User:Mike/fishing | Resources]]</li>
<a href="#!">Link 1</a>
+
      </ul>
</li>
+
    </div>
<li>
+
    <div style="display:table-cell; width:30%; vertical-align:left; padding:10px;">
<a href="#!">Link 2</a>
+
      <h3 style="color:#000; font-weight: bold; padding-bottom: 5px; text-transform: uppercase;">Support</h3>  
</li>
+
      <ul style="list-style: none; margin: 0;">
<li>
+
        <li>[[User:Mike/fishing | Education]]</li>
<a href="#!">Link 3</a>
+
        <li>[[User:Mike/fishing/Tools | Tools]]</li>
</li>
+
      </ul>
<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>
 
<!-- Footer Links -->
 
<!-- Copyright -->
 
<div class="footer-copyright text-center py-3">© 2020 Copyright: <a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a></div>
 
<!-- Copyright -->
 
 
</div>
 
</div>
<!-- Footer -->
 

Latest revision as of 23:49, 19 January 2020