Difference between revisions of "Template:Tongji China/Footer N"

(Created page with "<html> <footer id="footerN"> <button onclick="goto_top()" id="goto-top" title="Go to top">Top</button> <ul class="contact"> <li><a id="mail" href="mailto:igem@ethz...")
 
 
(61 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{Tongji_China/userDefault}}
 
<html>
 
<html>
<footer id="footerN">
+
<style>
<button onclick="goto_top()" id="goto-top" title="Go to top">Top</button>
+
.footer-distributed{
    <ul class="contact">
+
margin-top: 0%;
        <li><a id="mail" href="mailto:igem@ethz.ch">
+
position: relative;
            <img title="Email" alt="Email" src="https://2017.igem.org/wiki/images/d/db/T--ETH_Zurich--EMail.svg">
+
width: 80%;
        </a></li>
+
height: auto;
        <li><a href="https://www.facebook.com/iGEM.ETH.Zurich">
+
background-color: #D1D1D2;
            <img title="Facebook" alt="Facebook" src="https://2017.igem.org/wiki/images/5/5c/T--ETH_Zurich--Facebook.svg">
+
                              margin-left:auto;
        </a></li>
+
                              margin-right:auto;
        <li><a href="https://twitter.com/eth_igem">
+
                  }
            <img title="Twitter" alt="Twitter" src="https://2017.igem.org/wiki/images/8/8e/T--ETH_Zurich--Twitter.svg">
+
 
        </a></li>
+
.footer-left {
    </ul>
+
position: absolute;
    <a id="ETHZ" href="https://www.ethz.ch">
+
left: 0;
        <img src="https://2017.igem.org/wiki/images/5/5d/T--ETH_Zurich--ETHZ_logo.png"
+
top: 0;
        alt="ETH Zurich"/>
+
width: 50%;
    </a>
+
text-align: left;
    <a class="sponsor-a" href="/Team:ETH_Zurich/Sponsors">Sponsors</a>
+
padding-right: 5%;
    <div class='sponsor-list'>
+
padding-left: 5%;
        <ul>
+
}
            <li>
+
            <a href="https://www.bsse.ethz.ch/">
+
.footer-right {
                <img src="https://2017.igem.org/wiki/images/e/e2/T--ETH_Zurich--DBSSE_logo.png"  
+
position: absolute;
                alt="Department of Biosystems Science and Engineering"/>
+
right: 0;
            </a>
+
top: 0;
            </li>
+
width: 40%;
            <li>
+
text-align: left;
            <a href="https://www.geneious.com/">
+
padding-left: 3%;
                <img src="https://2017.igem.org/wiki/images/b/b0/T--ETH_Zurich--Geneious_logo.png"
+
padding-top: 5%;
                alt="Geneious"/>
+
}
            </a>
+
#footer-info {
            </li>
+
width: 100%;
            <li>
+
text-align: center;
            <a href="https://www.genscript.com">
+
height: 2em;
                <img src="https://2017.igem.org/wiki/images/6/67/T--ETH_Zurich--Genscript_logo.png"
+
}
                alt="GenScript" />
+
.footer-all {
            </a>
+
height: 14em;
            </li>
+
width: 100%;
            <li id="SISF">
+
}
            <a href="http://www.sisf.info/">
+
                <img src="https://2017.igem.org/wiki/images/6/6c/T--ETH_Zurich--SISF_wide.png"
+
.footer-links {
                alt="Swiss Industry Science Fund"/>
+
padding-top: 2.5em;
            </a>
+
}
            </li>
+
            <li>
+
.sponsors {
            <a href="https://www.kispi.uzh.ch">
+
width: 4em;
                <img src="https://2017.igem.org/wiki/images/9/93/T--ETH_Zurich--Childrens_Hospital_Zurich_logo.jpg"
+
margin-right: 1em;
                alt="University Children's hospital Zurich"/>
+
margin-bottom: 0.6em;
            </a>
+
}
            </li>
+
                      .my-content-p3 {
            <li>
+
font-family: "arial", sans-serif;
            <a href="https://www.microsynth.ch/">
+
font-size: 0.9 em;
                <img src="https://2017.igem.org/wiki/images/c/c9/T--ETH_Zurich--Microsynth_logo.png"
+
line-height: 1.3em;
                alt="Microsynth AG"/>
+
color: #333;
            </a>
+
}
            </li>
+
                      @media only screen and (max-width:600px) {
            <li>
+
.sponsors{
            <a href="https://www.idtdna.com">
+
width: 2.5em;
                <img src="https://static.igem.org/mediawiki/2017/8/80/IDT_logo.png"
+
margin-right: 0.5em;
                alt="Integrated DNA Technologies"/>
+
    margin-bottom: 0.3em;
            </a>
+
}
            </li>
+
                              .my-content-p3 {
            <li>
+
font-family: "arial", sans-serif;
            <a href="https://www.amgen.com">
+
font-size: 0.6 em;
                <img src="https://2017.igem.org/wiki/images/6/61/T--ETH_Zurich--Amgen_logo.jpeg"
+
line-height: 1em;
                alt="Amgen"/>
+
color: #333;
            </a>
+
      }
            </li>
+
            <li>
+
            <a href="http://nccr-mse.ch">
+
                <img src="https://2017.igem.org/wiki/images/4/43/T--ETH_Zurich--NCCR_logo.jpg"
+
                alt="NCCR Molecular Systems Engineering"/>
+
            </a>
+
.footer-distributed {
            </li>
+
margin-top: 0%;
            <li>
+
position: relative;
            <a href="https://lucerna-chem.ch">
+
width: 90%;
                <img src="https://2017.igem.org/wiki/images/1/17/T--ETH_Zurich--LucernaChem_logo.png"
+
height: auto;
                alt="Lucerna Chem"/>
+
background-color: #D1D1D2;
            </a>
+
                              margin-left:auto;
            </li>
+
                              margin-right:auto;
        </ul>
+
}
    </div>
+
}
</footer>
+
</style>
</div><!-- Close eth-main-contents -->
+
 
<p><!-- Open paragraph cause MediaWiki expects one to be open at this point. -->
+
<body>
 +
<footer class="footer-distributed">
 +
<div class="footer-all">
 +
<div class="footer-right">
 +
<h5 class="title-h4">Contact</h5>
 +
<p class="my-content-p3">College of Life Science and Technology</p>
 +
<p class="my-content-p3">Tongji university </p>
 +
<p class="my-content-p3">No.1239, Yangpu District, Shanghai, China</p>
 +
<p class="my-content-p3" style="word-wrap:break-word;">Email: tongjiigem2018@126.com</p>
 +
 
 +
</div>
 +
 
 +
<div class="footer-left">
 +
 
 +
<div class="footer-links">
 +
<a class="test_a" href="https://bedtools.readthedocs.io"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/6/60/T--Tongji_China--picture-bottom-bedtools.png"></a>
 +
<a class="test_a" href="https://www.encodeproject.org"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/7/73/T--Tongji_China--picture-bottom-encode-logo-small-2x.png"></a>
 +
<a class="test_a" href="https://www.eppendorf.com/CN-zh/"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/8/82/T--Tongji_China--picture-bottom-Eppendorf.png"></a>
 +
<a class="test_a" href="https://www.genewiz.com.cn"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/d/d4/T--Tongji_China--picture-bottom-genewiz.jpg"></a>
 +
 
 +
<a class="test_a" href="http://www.magentec.com.cn"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/0/02/T--Tongji_China--picture-bottom-magen.jpg"></a>
 +
<a class="test_a" href="http://medical.nankai.edu.cn"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/4/42/T--Tongji_China--picture-bottom-nankai.png"></a>
 +
<a class="test_a" href="https://cancergenome.nih.gov"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/34/T--Tongji_China--picture-bottom-NIH.png"></a>
 +
<a class="test_a" href="http://www.axygen.com.cn"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/a/ac/T--Tongji_China--picture-bottom-retina_720.jpg"></a>
 +
 
 +
<a class="test_a" href="http://sse.tongji.edu.cn"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/6/61/T--Tongji_China--picture-bottom-ruanjian.png"></a>
 +
<a class="test_a" href="http://tjdi.tongji.edu.cn"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/a/a4/T--Tongji_China--picture-bottom-shechuang.png"></a>
 +
<a class="test_a" href="https://www.thermofisher.com/us/en/home.html"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/7/7b/T--Tongji_China--picture-bottom-thermo.png"></a>
 +
<a class="test_a" href="http://life.tongji.edu.cn"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/1/11/T--Tongji_China--picture-bottom-Tongji.png"></a>
 +
<a class="test_a" href="http://www.tongji.edu.cn"><img class="sponsors" src="https://static.igem.org/mediawiki/2018/2/2e/T--Tongji_China--xiaohui.png"></a>
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div id="footer-info" class="inner">
 +
<p class="my-content-p3" style="color: #777; text-align: center !important;">Copyright © 2018 Tongji_China</p>
 +
</div>
 +
 
 +
</footer>
 +
          </div>
 +
</body>
 +
 
 
</html>
 
</html>

Latest revision as of 11:19, 17 October 2018