Difference between revisions of "Team:Uppsala/TEST"

Line 45: Line 45:
 
             }
 
             }
  
body {
 
    display: flex;
 
    min-height: 100vh;
 
    flex-direction: column;
 
  }
 
  
  main {
+
 
    flex: 1 0 auto;
+
html, body {
   }
+
  height: 100%;
 +
  margin: 0;
 +
}
 +
.wrapper {
 +
   min-height: 100%;
 +
 
 +
  /* Equal to height of footer */
 +
  /* But also accounting for potential margin-bottom of last child */
 +
  margin-bottom: -50px;
 +
}
 +
.footer,
 +
.push {
 +
  height: 50px;
 +
}
 +
 
  
 
         </style>
 
         </style>
Line 65: Line 74:
  
  
       
+
  <!--------FOOTER------>
 +
<div class="wrapper">
 +
 
 +
      content
 +
 
 +
    <div class="push"></div>
 +
  </div>
 +
  <footer class="footer"></footer>     
  
  
Line 477: Line 493:
  
  
 
 
 
 
<footer class="page-footer">
 
          <div class="container">
 
            <div class="row">
 
              <div class="col l6 s12">
 
                <h5 class="white-text">Footer Content</h5>
 
                <p class="grey-text text-lighten-4">You can use rows and columns here to organize your footer content.</p>
 
              </div>
 
              <div class="col l4 offset-l2 s12">
 
                <h5 class="white-text">Links</h5>
 
                <ul>
 
                  <li><a class="grey-text text-lighten-3" href="#!">Link 1</a></li>
 
                  <li><a class="grey-text text-lighten-3" href="#!">Link 2</a></li>
 
                  <li><a class="grey-text text-lighten-3" href="#!">Link 3</a></li>
 
                  <li><a class="grey-text text-lighten-3" href="#!">Link 4</a></li>
 
                </ul>
 
              </div>
 
            </div>
 
          </div>
 
          <div class="footer-copyright">
 
            <div class="container">
 
            © 2014 Copyright Text
 
            <a class="grey-text text-lighten-4 right" href="#!">More Links</a>
 
            </div>
 
          </div>
 
        </footer>
 
  
  

Revision as of 20:53, 3 December 2018





content