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...")
 
Line 1: Line 1:
 
<html>
 
<html>
−
<footer id="footerN">
+
<style>
−
<button onclick="goto_top()" id="goto-top" title="Go to top">Top</button>
+
.footer-distributed {
−
    <ul class="contact">
+
position: relative;
−
        <li><a id="mail" href="mailto:igem@ethz.ch">
+
width: 100%;
−
            <img title="Email" alt="Email" src="https://2017.igem.org/wiki/images/d/db/T--ETH_Zurich--EMail.svg">
+
height: auto;
−
        </a></li>
+
background-color: rgba(100, 100, 100, 0.2);
−
        <li><a href="https://www.facebook.com/iGEM.ETH.Zurich">
+
}
−
            <img title="Facebook" alt="Facebook" src="https://2017.igem.org/wiki/images/5/5c/T--ETH_Zurich--Facebook.svg">
+
−
        </a></li>
+
.footer-left {
−
        <li><a href="https://twitter.com/eth_igem">
+
position: absolute;
−
            <img title="Twitter" alt="Twitter" src="https://2017.igem.org/wiki/images/8/8e/T--ETH_Zurich--Twitter.svg">
+
left: 0;
−
        </a></li>
+
top: 0;
−
    </ul>
+
width: 60%;
−
    <a id="ETHZ" href="https://www.ethz.ch">
+
text-align: left;
−
        <img src="https://2017.igem.org/wiki/images/5/5d/T--ETH_Zurich--ETHZ_logo.png"
+
padding-right: 5%;
−
        alt="ETH Zurich"/>
+
}
−
    </a>
+
−
    <a class="sponsor-a" href="/Team:ETH_Zurich/Sponsors">Sponsors</a>
+
.footer-right {
−
    <div class='sponsor-list'>
+
position: absolute;
−
        <ul>
+
right: 0;
−
            <li>
+
top: 0;
−
            <a href="https://www.bsse.ethz.ch/">
+
width: 40%;
−
                <img src="https://2017.igem.org/wiki/images/e/e2/T--ETH_Zurich--DBSSE_logo.png"  
+
text-align: left;
−
                alt="Department of Biosystems Science and Engineering"/>
+
padding-left: 3%;
−
            </a>
+
}
−
            </li>
+
−
            <li>
+
.footer-all {
−
            <a href="https://www.geneious.com/">
+
height: 250px;
−
                <img src="https://2017.igem.org/wiki/images/b/b0/T--ETH_Zurich--Geneious_logo.png"
+
width: 100%;
−
                alt="Geneious"/>
+
}
−
            </a>
+
−
            </li>
+
.footer-links:first-child {
−
            <li>
+
overflow: hidden;
−
            <a href="https://www.genscript.com">
+
padding-top: 30px;
−
                <img src="https://2017.igem.org/wiki/images/6/67/T--ETH_Zurich--Genscript_logo.png"
+
position: relative;
−
                alt="GenScript" />
+
margin-bottom: -25px;
−
            </a>
+
}
−
            </li>
+
−
            <li id="SISF">
+
.footer-links:last-child {
−
            <a href="http://www.sisf.info/">
+
overflow: hidden;
−
                <img src="https://2017.igem.org/wiki/images/6/6c/T--ETH_Zurich--SISF_wide.png"
+
padding-bottom: 30px;
−
                alt="Swiss Industry Science Fund"/>
+
position: relative;
−
            </a>
+
margin-top: -25px;
−
            </li>
+
}
−
            <li>
+
−
            <a href="https://www.kispi.uzh.ch">
+
@media screen and (min-width: 678px) {
−
                <img src="https://2017.igem.org/wiki/images/9/93/T--ETH_Zurich--Childrens_Hospital_Zurich_logo.jpg"
+
.footer-links:first-child {
−
                alt="University Children's hospital Zurich"/>
+
overflow: hidden;
−
            </a>
+
padding-top: 20px;
−
            </li>
+
position: relative;
−
            <li>
+
margin-bottom: 30px;
−
            <a href="https://www.microsynth.ch/">
+
}
−
                <img src="https://2017.igem.org/wiki/images/c/c9/T--ETH_Zurich--Microsynth_logo.png"
+
.footer-links:last-child {
−
                alt="Microsynth AG"/>
+
overflow: hidden;
−
            </a>
+
padding-bottom: 0;
−
            </li>
+
position: relative;
−
            <li>
+
margin-top: 50px;
−
            <a href="https://www.idtdna.com">
+
}
−
                <img src="https://static.igem.org/mediawiki/2017/8/80/IDT_logo.png"
+
}
−
                alt="Integrated DNA Technologies"/>
+
−
            </a>
+
@media screen and (min-width: 1100px) {
−
            </li>
+
.footer-links:first-child {
−
            <li>
+
overflow: hidden;
−
            <a href="https://www.amgen.com">
+
padding-top: 20px;
−
                <img src="https://2017.igem.org/wiki/images/6/61/T--ETH_Zurich--Amgen_logo.jpeg"
+
position: relative;
−
                alt="Amgen"/>
+
margin-bottom: -10px;
−
            </a>
+
}
−
            </li>
+
.footer-links:last-child {
−
            <li>
+
overflow: hidden;
−
            <a href="http://nccr-mse.ch">
+
padding-bottom: 10px;
−
                <img src="https://2017.igem.org/wiki/images/4/43/T--ETH_Zurich--NCCR_logo.jpg"
+
position: relative;
−
                alt="NCCR Molecular Systems Engineering"/>
+
margin-top: -10px;
−
            </a>
+
}
−
            </li>
+
}
−
            <li>
+
−
            <a href="https://lucerna-chem.ch">
+
@media screen and (min-width: 1440px) {
−
                <img src="https://2017.igem.org/wiki/images/1/17/T--ETH_Zurich--LucernaChem_logo.png"
+
.footer-links:first-child {
−
                alt="Lucerna Chem"/>
+
overflow: hidden;
−
            </a>
+
padding-top: 10px;
−
            </li>
+
position: relative;
−
        </ul>
+
margin-bottom: -30px;
−
    </div>
+
}
−
</footer>
+
.footer-links:last-child {
−
</div><!-- Close eth-main-contents -->
+
overflow: hidden;
−
<p><!-- Open paragraph cause MediaWiki expects one to be open at this point. -->
+
padding-bottom: 10px;
 +
position: relative;
 +
margin-top: -30px;
 +
}
 +
}
 +
 +
.sponsors {
 +
width: 25%;
 +
height: 3%;
 +
margin: 10 10px;
 +
}
 +
 +
#footer-info {
 +
width: 100%;
 +
text-align: center;
 +
vertical-align: bottom;
 +
height: 50px;
 +
padding: 10px;
 +
}
 +
 +
.my-content-p3 {
 +
font-family: "arial", sans-serif !important;
 +
font-weight: 500 !important;
 +
font-size: 16px !important;
 +
line-height: 1 !important;
 +
margin-bottom: 15px;
 +
color: #333;
 +
}
 +
</style>
 +
 
 +
<body>
 +
<footer class="footer-distributed">
 +
<div class="footer-all">
 +
<div class="footer-right">
 +
<h5 class="title-h4">Contact</h5>
 +
<p class="my-content-p3">Institute of Biotransformation and synthetic biosystem</p>
 +
<p class="my-content-p3">School of life science </p>
 +
<p class="my-content-p3">Beijing Institute of Technology</p>
 +
<p class="my-content-p3">201804, Shanghai</p>
 +
<p class="my-content-p3">Email: wxz@tongji.edu.cn</p>
 +
 
 +
</div>
 +
 
 +
<div class="footer-left">
 +
 
 +
<div class="footer-links">
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/6/60/T--Tongji_China--picture-bottom-bedtools.png">
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/7/73/T--Tongji_China--picture-bottom-encode-logo-small-2x.png">
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/8/82/T--Tongji_China--picture-bottom-Eppendorf.png">
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/d/d4/T--Tongji_China--picture-bottom-genewiz.jpg">
 +
 
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/0/02/T--Tongji_China--picture-bottom-magen.jpg">
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/4/42/T--Tongji_China--picture-bottom-nankai.png">
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/34/T--Tongji_China--picture-bottom-NIH.png">
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/a/ac/T--Tongji_China--picture-bottom-retina_720.jpg">
 +
 
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/6/61/T--Tongji_China--picture-bottom-ruanjian.png">
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/a/a4/T--Tongji_China--picture-bottom-shechuang.png">
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/7/7b/T--Tongji_China--picture-bottom-thermo.png">
 +
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/1/11/T--Tongji_China--picture-bottom-Tongji.png">
 +
 
 +
</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>
 +
</body>
 +
 
 
</html>
 
</html>

Revision as of 06:24, 14 October 2018

Contact

Institute of Biotransformation and synthetic biosystem

School of life science

Beijing Institute of Technology

201804, Shanghai

Email: wxz@tongji.edu.cn