Difference between revisions of "Template:Freiburg/Footer"

 
(145 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
 
 
<html>
 
<html>
 
<style>
 
<style>
.footer-distributed{
 
background-color: red;
 
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 
box-sizing: border-box;
 
width: 100%;
 
text-align: center;
 
padding: 20px 20px;
 
margin-top: 20px;
 
}
 
  
.footer-distributed .footer-center p{
+
#verteilt1 {
        color: #52658F;
+
  justify-content: space-between;
font-size: 14px;
+
margin: 0;
+
 
}
 
}
=
 
/* Footer links */
 
  
.footer-distributed p.footer-links{
+
#navbar {
font-size:18px;
+
  background: #7c0303;
font-weight: bold;
+
  border-color: #7c0303;
color: #ffffff;
+
  box-shadow: -webkit-box-shadow: 0 12px 12px -6px #999;
margin: 0 0 10px;
+
    -moz-box-shadow: 0 12px 12px -6px #999;
padding: 0;
+
    box-shadow: 0 12px 12px -6px #999;
}
+
    position: absolute;
 +
    bottom: 0px;
 +
    width: 100%;
 +
    margin-top: 100px;
  
 
.footer-distributed p.footer-links a{
 
display:inline-block;
 
line-height: 1.8;
 
text-decoration: none;
 
color:  inherit;
 
 
}
 
}
 
+
#col-sm-1 {
.footer-distributed .footer-center{
+
  background-color: transparent!important;
float: right;
+
  padding: 10px 10px!important;
margin-top: 6px;
+
max-width: 400px;
+
 
}
 
}
  
  
 
.footer-distributed .footer-center a{
 
display: inline-block;
 
width: 50px;
 
height: 35px;
 
background-color:  #33383b;
 
border-radius: 2px;
 
 
font-size: 20px;
 
color: #52658F;
 
text-align: center;
 
line-height: 35px;
 
 
margin-left: 3px;
 
}
 
 
.sponsors {
 
            margin: 2.5px;
 
            width: 125px;
 
        }
 
 
 
@media (max-width: 600px) {
 
 
.footer-distributed .footer-center{
 
text-align: center;
 
}
 
 
.footer-distributed .footer-center{
 
float: none;
 
margin: 0 auto 20px;
 
}
 
 
.footer-distributed .footer-center p.footer-links{
 
line-height: 1.8;
 
}
 
}
 
</style
 
<footer class="footer-distributed">
 
 
<div class="footer-right">
 
                <a target="_blank" href="mailto:igem.imperial2016@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a> 
 
    <a target="_blank" href="https://www.facebook.com/2016imperialigem/"><i class="fa fa-facebook fa-2x"></i></a>
 
<a target="_blank" href="https://twitter.com/imperialigem"><i class="fa fa-twitter fa-2x"></i></a>
 
<a target="_blank" href="https://github.com/IC-iGEM-2016?tab=repositories"><i class="fa fa-github fa-2x fa-fw"></i></a>
 
 
</style>
 
</style>
 +
<br><br><br>
 +
<nav id="navbar" class="navbar navbar-default navbar-bottom verteilt1" style="margin-bottom: 0px">
 +
  <div class="navbar-footer">
 +
  <div class="row">
 +
    <div id="col-sm-1" class="col-sm-1"></div>
 +
    <div id="col-sm-1" class="col-sm-1"></div>
 +
    <div id="col-sm-1" class="col-sm-1"></div>
 +
    <div id="col-sm-1" class="col-sm-1"></div>
 +
    <div id="col-sm-1" class="col-sm-1"><div id="uni"><a target="_blank" href="http://www.uni-freiburg.de/"><img src="https://static.igem.org/mediawiki/2017/0/01/T--FREIBURG--footer_uni.png" style="height:60px"></a></div></div>
 +
    <div id="col-sm-1" class="col-sm-1"style="margin: 15px 10px 10px 10px"><div id="bioss"><a target="_blank" href="http://www.bioss.uni-freiburg.de/"><img src="https://static.igem.org/mediawiki/2017/b/b7/Logo-bioss.png" style="height:40px"></a></div></div>
 +
    <div id="col-sm-1" class="col-sm-1"><div id="facebook"><a target="_blank" href="https://www.facebook.com/igemfreiburg2017"><img src="https://static.igem.org/mediawiki/2017/9/9d/Facebook-logo.png" style="height:60px"></a></div> </div>
 +
    <div id="col-sm-1" class="col-sm-1" style="margin: 5.5px 10px 10px 10px"><div id="twitter"><a target="_blank" href="https://twitter.com/iGEMFreiburg"><img src="https://static.igem.org/mediawiki/2017/6/67/Twitter-logo.png" style="height:52px"></a></div></div>
 +
    <div id="col-sm-1" class="col-sm-1"></div>
 +
    <div id="col-sm-1" class="col-sm-1"></div>
 +
    <div id="col-sm-1" class="col-sm-1"></div>
 +
  </div>
 +
  </div>
 +
</nav>
  
</div>
 
 
 
<div class="footer-left">
 
 
<p class="footer-links">
 
<div id="email"><a href="mailto:sponsoring@igem-freiburg.com"><img src=""></a></div>
 
<div id="facebook"><a target="_blank" href="https://www.facebook.com/igemfreiburg2017"><img src="https://static.igem.org/mediawiki/2017/3/30/T--FREIBURG--facebook_footer.png"></a></div>
 
<div id="bioss"><a target="_blank" href="http://www.bioss.uni-freiburg.de/"><img src="https://static.igem.org/mediawiki/2017/d/de/T--FREIBURG--footer_bioss.png"></a></div>
 
<div id="uni"><a target="_blank" href="http://www.uni-freiburg.de/"><img src="https://static.igem.org/mediawiki/2017/0/01/T--FREIBURG--footer_uni.png"></a></div>
 
 
</p>
 
 
 
</div>
 
 
</footer>
 
  
  
 
</html>
 
</html>

Latest revision as of 09:00, 24 October 2017