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

Line 1: Line 1:
 +
<html>
 +
<head>
 +
  <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>
  
−
<html lang="en"><head><meta charset="utf-8">
+
  /* mended css */
−
<title>SP xojaynee: Four Footer Columns</title>
+
−
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
+
−
<meta name="generator" content="PSPad editor, www.pspad.com">
+
−
<style media="screen">
+
−
.centered{background-color:tan}
+
−
.social{background-color:red}
+
−
 
+
−
/* mended css */
+
 
#footer {
 
#footer {
 
     position: relative;
 
     position: relative;
Line 25: Line 24:
 
   text-transform: uppercase;
 
   text-transform: uppercase;
 
}
 
}
−
#footer h3 a,
+
#footer h2 h3 a,
 
#footer h3 p {
 
#footer h3 p {
 
     margin: 0;
 
     margin: 0;
Line 49: Line 48:
 
     font-size: 100%;
 
     font-size: 100%;
 
}
 
}
−
.subscribe_button {
+
 
−
    margin: 0;
+
.igem_2017_footer_wrapper {
−
    padding: 14px 0;
+
     background-color: black;  
−
    min-width: 200px;
+
     width: 100%;
−
    color: #fff;
+
     height: 20vh;
−
     background-color: #2f2e2a;
+
     position: fixed;
−
     font:900 14px/19px 'Open Sans', sans-serif;
+
     bottom: 0;
−
     text-align: center;
+
     text-decoration: none;
−
     text-transform: uppercase;
+
     font-size: 9px;  
−
     cursor: pointer;
+
     font-weight: bold;  
−
     -webkit-transition: background-color 0.2s ease-in-out;
+
     color: white;  
−
     -moz-transition: background-color 0.2s ease-in-out;
+
−
     -ms-transition: background-color 0.2s ease-in-out;
+
−
     -o-transition: background-color 0.2s ease-in-out;
+
−
    transition: background-color 0.2s ease-in-out;
+
 
}
 
}
 +
 +
img {height: 35px}
 
</style>
 
</style>
 
</head>
 
</head>
 +
 
<body>
 
<body>
 +
<div class="igem_2017_footer_wrapper">
 +
<!--<h2>Our sponsors:</h2>
 +
<a class="sponsor" href="https://www.ethz.ch">
 +
    <img
 +
    alt="ETH Zurich"
 +
    src="https://2017.igem.org/wiki/images/5/5d/T--ETH_Zurich--ETHZ_logo.png"
 +
    >
 +
</a>
 +
<a class="sponsor" href="https://www.bsse.ethz.ch/">
 +
    <img
 +
    alt="Department of Biosystems Science and Engineering"
 +
    src="https://2017.igem.org/wiki/images/e/e2/T--ETH_Zurich--DBSSE_logo.png"
 +
    >
 +
</a>
 +
<a class="sponsor" href="https://www.geneious.com/">
 +
    <img
 +
    alt="Geneious"
 +
    src="https://2017.igem.org/wiki/images/b/b0/T--ETH_Zurich--Geneious_logo.png"
 +
    >
 +
</a>
 +
<a class="sponsor" href="https://www.genscript.com">
 +
    <img
 +
    alt="Geneious"
 +
    src="https://2017.igem.org/wiki/images/6/67/T--ETH_Zurich--Genscript_logo.png"
 +
    >
 +
</a>
 +
<a class="sponsor" href="http://www.sisf.info/">
 +
    <img
 +
    alt="Swiss Industry Science Fund"
 +
    src="https://2017.igem.org/wiki/images/6/6c/T--ETH_Zurich--SISF_wide.png"
 +
    >
 +
</a>
 +
<a class="sponsor" href="https://www.kispi.uzh.ch">
 +
    <img
 +
    alt="University Children's hospital Zurich"
 +
    src="https://2017.igem.org/wiki/images/9/93/T--ETH_Zurich--Childrens_Hospital_Zurich_logo.jpg"
 +
    >
 +
</a>
 +
<a class="sponsor" href="https://srvweb.microsynth.ch/">
 +
    <img
 +
    alt="Microsynth AG"
 +
    src="https://2017.igem.org/wiki/images/c/c9/T--ETH_Zurich--Microsynth_logo.png"
 +
    >
 +
</a>-->
 +
 +
<h2>Follow us:</h2>
 +
<!-- We should add some thumbnail images and remove the text -->
 +
<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="facebook" href="https://www.facebook.com/iGEM.ETH.Zurich">Facebook</a>
 +
<a id="twitter" href="https://twitter.com/eth_igem">Twitter</a>
 +
 +
<h2>Meet us:</h2>
 +
<address>
 +
iGEM Team (lab 2.28)<br/>
 +
Department of Biosystems Science and Engineering (D-BSSE)<br/>
 +
Mattenstrasse 26<br/>
 +
4058 Basel<br/>
 +
Switzerland
 +
</address>
 +
</div>
  
 
<footer id="footer">
 
<footer id="footer">
 
     <div class="wrap">
 
     <div class="wrap">
 
         <div class="left">
 
         <div class="left">
−
             <h3><a href="http://xojaynee.tictail.com/about-us">About Us</a></h3>
+
            <h2>Follow us:</h2>
−
             <h3><a href="http://xojaynee.tictail.com/faq">FAQ</a></h3>
+
             <h3><a id="adress" href="https://www.bsse.ethz.ch/">Official site</a></h3>
−
             <h3><a href="http://xojaynee.tictail.com/contact-us">Contact Us</a></h3>
+
             <h3><a id="mail" href="mailto:igem@ethz.ch">E-mail</a></h3>
−
             <h3><a href="http://xojaynee.tictail.com/about-us">Terms & Conditions</a></h3>
+
             <h3><a id="facebook" href="https://www.facebook.com/iGEM.ETH.Zurich">Facebook</a></h3>
 +
             <h3><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">
−
             <h3>Be the first to get access to our new arrivals and exclusive promo codes.</h3>
+
             <h2>Meet us:</h2>
−
             <form action="//tictail.us13.list-manage.com/subscribe/post?u=a39ec65a4cc079bc2af73cd52&amp;id=d3b88dcefc"
+
             <address>
−
                method="post" id="right" name="right" class="validate" target="_blank" novalidate>
+
            iGEM Team (Lab 2.28)<br/>
−
                <div>
+
            Department of Biosystems Science and Engineering (D-BSSE)<br/>
−
                    <input type="text" name="b_a39ec65a4cc079bc2af73cd52_d3b88dcefc" tabindex="-1" value="">
+
            Mattenstrasse 26<br/>  
−
                </div>
+
            4058 Basel<br/>
−
                <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="subscribe_button">
+
            Switzerland
−
             </form>
+
             </address>
 
         </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 class="social"><p>Get Social</p><!--ADDED--></h3>
−
             <h3><a href="http://xojaynee.tictail.com/track-order">Track Order</a></h3>
+
             <h3><a id="adress" href="https://www.bsse.ethz.ch/">Official site</a></h3>
 
             <h3><a href="http://xojaynee.tictail.com/how-to-shop">How To Shop</a></h3>
 
             <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/size-guide">Size Guide</a></h3>
Line 101: Line 161:
  
 
</body>
 
</body>
−
</html>`
+
</html>

Revision as of 10:32, 17 August 2017

Footer Template

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