Difference between revisions of "Team:Uppsala/TEST"

 
(60 intermediate revisions by the same user not shown)
Line 44: Line 44:
 
                  
 
                  
 
             }
 
             }
 +
 +
 +
 +
 +
 +
 +
 +
* {
 +
  margin: 0;
 +
}
 +
html, body {
 +
  height: 100%;
 +
}
 +
.page-wrap {
 +
  min-height: 100%;
 +
  /* equal to footer height */
 +
  margin-bottom: -142px;
 +
}
 +
.page-wrap:after {
 +
  content: "";
 +
  display: block;
 +
}
 +
.site-footer, .page-wrap:after {
 +
  height: 142px;
 +
}
 +
.site-footer {
 +
    background-color: #989698;
 +
}
 +
 +
 +
.row {
 +
  display: flex;
 +
}
 +
 +
.column {
 +
  flex: 20%;
 +
  padding: 5px;
 +
}
 +
 +
.container {
 +
    background-color: #989698;
 +
}
 +
 +
 +
.img {
 +
    position: relative;
 +
    float: left;
 +
    width:  100px;
 +
    height: 100px;
 +
    background-position: 50% 50%;
 +
    background-repeat:  no-repeat;
 +
    background-size:    cover;
 +
}
 +
 +
 +
@media (max-width: 600px) {
 +
    nav, article {
 +
        width: 100%;
 +
        height: auto;
 +
    }
 +
}
 +
  
  
Line 57: Line 119:
  
  
       
 
  
  
Line 465: Line 526:
 
                       </div>
 
                       </div>
 
                 </div>
 
                 </div>
 +
  
  
Line 480: Line 542:
  
  
<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>
  
  
 +
  <!--------FOOTER------>
 +
 +
 +
 +
 +
<footer class="site-footer">
 +
 +
<footer>
 +
  <div class="wrap">
 +
    <div class="sidebar">
 +
 +
</div>
 +
    <div class="content">
 +
 +
<h1>Sponsors</h1>
 +
 +
 +
<div class="container">
 +
 +
 +
 +
 +
 +
<div class="row">
 +
  <div class="column">
 +
 +
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/7/73/T--Uppsala--logo-Uppsala.png');"></div>
 +
  </div>
 +
  <div class="column">
 +
 +
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/5/51/T--Uppsala--logo-IDT.png');"></div>
 +
  </div>
 +
  <div class="column">
 +
 +
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/2/24/T--Uppsala--logo-E-Lab.svg');"></div>
 +
  </div>
 +
<div class="column">
 +
 +
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/3/34/T--Uppsala--kaban_transp.png');"></div>
 +
  </div>
 +
<div class="column">
 +
 +
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/c/cc/T--Uppsala--logo_merck.png');"></div>
 +
  </div>
 +
</div>
 +
<div class="row">
 +
<div class="column">
 +
 +
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/7/77/T--Uppsala--logo-Naturvetarna.png');"></div>
 +
  </div>
 +
<div class="column">
 +
 +
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/1/16/T--Uppsala--logo-Nanotech-Biosite.png');"></div>
 +
  </div>
 +
<div class="column">
 +
 +
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/f/f4/T--Uppsala--logo-New-England.png');"></div>
 +
  </div>
 +
<div class="column">
 +
 +
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/d/d7/T--Uppsala--logo-Oatly.jpg');"></div>
 +
  </div>
 +
<div class="column">
 +
 +
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/e/ea/T--Uppsala--logo-Lindvalls.png');"></div>
 +
  </div>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</div>
 +
  </div>
 +
</footer>
 +
   
 +
 +
 +
</footer>
  
        </div>
 
  
 
          
 
          
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 23:13, 3 December 2018





Sponsors

class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/7/73/T--Uppsala--logo-Uppsala.png');">
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/5/51/T--Uppsala--logo-IDT.png');">
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/2/24/T--Uppsala--logo-E-Lab.svg');">
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/3/34/T--Uppsala--kaban_transp.png');">
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/c/cc/T--Uppsala--logo_merck.png');">
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/7/77/T--Uppsala--logo-Naturvetarna.png');">
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/1/16/T--Uppsala--logo-Nanotech-Biosite.png');">
class="img" style="background-image:url('https://static.igem.org/mediawiki/2018/f/f4/T--Uppsala--logo-New-England.png');">