Difference between revisions of "Template:Team:ETH Zurich/ETHZ footer"

 
(32 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
−
  <title>Footer Template</title>
 
−
  <!--<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
 
−
  <meta name="generator" content="PSPad editor, www.pspad.com">-->
 
  
−
  <style>
 
−
 
−
  /* mended css */
 
−
#footer {
 
−
    position: relative;
 
−
    overflow: hidden;
 
−
    text-align: left;
 
−
}
 
−
.wrap {
 
−
    position: relative;
 
−
    margin: 0 auto;
 
−
    padding: 20px;
 
−
    overflow: hidden;
 
−
    background: #3E3E3E;
 
−
  color: #fff;
 
−
    font:900 14px/26px 'Open Sans', sans-serif;
 
−
  text-transform: uppercase;
 
−
}
 
−
#footer h2 h3 a,
 
−
#footer h3 p {
 
−
    margin: 0;
 
−
  color: #fff;
 
−
    text-decoration: none;
 
−
}
 
−
.left {
 
−
    float: left;
 
−
    width: 25%;
 
−
}
 
−
.right {
 
−
    float: right;
 
−
    width: 25%;
 
−
}
 
−
.centered {
 
−
    overflow: hidden; /* claim the left over width between these 25% floats */
 
−
}
 
−
.social {
 
−
    float: right;
 
−
    width: 50%; /* of the squished parent width */
 
−
}
 
−
input {
 
−
    font-size: 100%;
 
−
}
 
−
 
−
.igem_2017_footer_wrapper {
 
−
    background-color: black;
 
−
    width: 100%;
 
−
    height: 20vh;
 
−
    position: fixed;
 
−
    bottom: 0;
 
−
    text-decoration: none;
 
−
    font-size: 9px;
 
−
    font-weight: bold;
 
−
    color: white;
 
−
}
 
−
 
−
img {height: 35px}
 
−
</style>
 
 
</head>
 
</head>
  
 
<body>
 
<body>
−
<div class="igem_2017_footer_wrapper">
+
<!--<div class="igem_2017_footer_wrapper">-->
 
<!--<h2>Our sponsors:</h2>
 
<!--<h2>Our sponsors:</h2>
 
<a class="sponsor" href="https://www.ethz.ch">
 
<a class="sponsor" href="https://www.ethz.ch">
Line 111: Line 51:
 
</a>-->
 
</a>-->
  
−
<!--<h2>Follow us:</h2>
 
 
<!-- We should add some thumbnail images and remove the text -->
 
<!-- We should add some thumbnail images and remove the text -->
 +
<!-- <h2>Follow us:</h2>
 
<a id="adress" href="https://www.bsse.ethz.ch/">Official site</a>
 
<a id="adress" href="https://www.bsse.ethz.ch/">Official site</a>
 
<a id="mail" href="mailto:igem@ethz.ch">E-mail</a>
 
<a id="mail" href="mailto:igem@ethz.ch">E-mail</a>
 
<a id="facebook" href="https://www.facebook.com/iGEM.ETH.Zurich">Facebook</a>
 
<a id="facebook" href="https://www.facebook.com/iGEM.ETH.Zurich">Facebook</a>
−
<a id="twitter" href="https://twitter.com/eth_igem">Twitter</a>
+
<a id="twitter" href="https://twitter.com/eth_igem">Twitter</a>-->
  
−
<h2>Meet us:</h2>
+
<!--<h2>Meet us:</h2>
 
<address>  
 
<address>  
 
iGEM Team (lab 2.28)<br/>
 
iGEM Team (lab 2.28)<br/>
Line 125: Line 65:
 
4058 Basel<br/>
 
4058 Basel<br/>
 
Switzerland
 
Switzerland
−
</address>
+
</address>-->
−
</div>-->
+
<!--</div>-->
  
 
<footer id="footer">
 
<footer id="footer">
Line 132: Line 72:
 
         <div class="left">
 
         <div class="left">
 
             <h2>Follow us:</h2>
 
             <h2>Follow us:</h2>
−
             <h3><a id="adress" href="https://www.bsse.ethz.ch/">Official site</a></h3>
+
             <h3>
−
             <h3><a id="mail" href="mailto:igem@ethz.ch">E-mail</a></h3>
+
            <a id="adress" href="https://www.bsse.ethz.ch/">Official site</a>
−
             <h3><a id="facebook" href="https://www.facebook.com/iGEM.ETH.Zurich">Facebook</a></h3>
+
             <a id="mail" href="mailto:igem@ethz.ch">E-mail</a>
−
             <h3><a id="twitter" href="https://twitter.com/eth_igem">Twitter</a></h3>
+
             <a id="facebook" href="https://www.facebook.com/iGEM.ETH.Zurich">Facebook</a>
 +
             <a id="twitter" href="https://twitter.com/eth_igem">Twitter</a>
 +
            </h3>
 
         </div>
 
         </div>
 
<!--<div class="clear"></div> REMOVED-->
 
<!--<div class="clear"></div> REMOVED-->
 
         <div class="right">
 
         <div class="right">
 
             <h2>Meet us:</h2>
 
             <h2>Meet us:</h2>
−
             <address>  
+
             <h3>  
 
             iGEM Team (Lab 2.28)<br/>
 
             iGEM Team (Lab 2.28)<br/>
 
             Department of Biosystems Science and Engineering (D-BSSE)<br/>
 
             Department of Biosystems Science and Engineering (D-BSSE)<br/>
Line 146: Line 88:
 
             4058 Basel<br/>
 
             4058 Basel<br/>
 
             Switzerland
 
             Switzerland
−
             </address>
+
             </h3>
 
         </div>
 
         </div>
 
<!--<div class="clear"></div> REMOVED-->
 
<!--<div class="clear"></div> REMOVED-->
−
         <!--<div class="centered">
+
         <div class="centered">
−
             <h3 class="social"><p>Get Social</p><!--ADDED--></h3>
+
              
−
            <h3><a id="adress" href="https://www.bsse.ethz.ch/">Official site</a></h3>
+
         </div>
−
            <h3><a href="http://xojaynee.tictail.com/how-to-shop">How To Shop</a></h3>
+
−
            <h3><a href="http://xojaynee.tictail.com/size-guide">Size Guide</a></h3>
+
−
            <h3><a href="http://xojaynee.tictail.com/delivery-information">Delivery Information</a></h3>
+
−
            <h3><a href="http://xojaynee.tictail.com/return-exchange">Return & Exchange</a></h3>
+
−
         </div>-->
+
 
     </div>
 
     </div>
 
</footer>
 
</footer>

Latest revision as of 15:42, 17 August 2017

Follow us:

Official site E-mail Facebook Twitter

Meet us:

iGEM Team (Lab 2.28)
Department of Biosystems Science and Engineering (D-BSSE)
Mattenstrasse 26
4058 Basel
Switzerland