Difference between revisions of "User:Mike/footer"

From wiki
Jump to navigation Jump to search
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>
 

Revision as of 12:42, 18 January 2020

<footer class="page-footer font-small blue pt-4">

Footer Content

Here you can use rows and columns to organize your footer content.

Links
  • <a href="#!">Link 1</a>
  • <a href="#!">Link 2</a>
  • <a href="#!">Link 3</a>
  • <a href="#!">Link 4</a>
Links
  • <a href="#!">Link 1</a>
  • <a href="#!">Link 2</a>
  • <a href="#!">Link 3</a>
  • <a href="#!">Link 4</a>
© 2020 Copyright: 
   <a href="https://mdbootstrap.com/education/bootstrap/"> MDBootstrap.com</a>

</footer>

Retrieved from "https://wiki.gccollab.ca/index.php?title=User:Mike/footer&oldid=15920"