Difference between revisions of "Team:Uppsala/TEST"

Line 40: Line 40:
 
                 /* The image used */
 
                 /* The image used */
 
                 background-image: url("https://static.igem.org/mediawiki/2018/d/d6/T--Uppsala--Large.jpg");
 
                 background-image: url("https://static.igem.org/mediawiki/2018/d/d6/T--Uppsala--Large.jpg");
 
 
 
 
 
 
 
 
 
body {
 
  margin:0;
 
  padding:0;
 
  height:100%;
 
}
 
#container {
 
  min-height:100%;
 
  position:relative;
 
}
 
#header {
 
  background:#ff0;
 
  padding:10px;
 
}
 
#body {
 
  padding:10px;
 
  padding-bottom:60px;  /* Height of the footer */
 
}
 
#footer {
 
  position:absolute;
 
  bottom:0;
 
  width:100%;
 
  height:60px;  /* Height of the footer */
 
  background:#6cf;
 
}
 
 
 
  
  
Line 506: Line 471:
  
  
 +
<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>
  
  
<div id="footer"></div>
 
 
                 <!-- HERE ENDS THE PORTION WHERE YOU PUT IN YOUR CONTENT-->
 
                 <!-- HERE ENDS THE PORTION WHERE YOU PUT IN YOUR CONTENT-->
 
                 <div style="height:5em;"></div>
 
                 <div style="height:5em;"></div>

Revision as of 20:43, 3 December 2018