Template:Team:SJTU-BioX-Shanghai/footer

From 2014.igem.org

(Difference between revisions)
 
(58 intermediate revisions not shown)
Line 1: Line 1:
{{Template:Team:SJTU-BioX-Shanghai/clear}}
{{Template:Team:SJTU-BioX-Shanghai/clear}}
<html>
<html>
-
<div class="footer">
 
-
            <img src="https://static.igem.org/mediawiki/2014/4/4d/SJTU14_biox.png" width="200px;" height="150px;" style="padding-left:5%;right;opacity: 0.7;"></img>
 
-
            <div class="footer-content">
 
-
                <p>Bio-X Institutions</p>
 
-
                <p>Shanghai Jiao Tong University</p>
 
-
                <p>800, Dongchuan Road 200240, Shanghai, China</p>
 
-
                <p>1774058348@qq.com</p>
 
-
                <p>13601976967</p>
 
-
            </div>
 
-
    <img src="https://static.igem.org/mediawiki/2014/0/07/SJTU14_logo_L_footer.png" width="140px;" style="padding-right:5%; padding-top:0.5em;float:right;opacity: 0.5;"></img>
 
-
</div>
 
<style type="text/css">
<style type="text/css">
.footer {
.footer {
-
    min-width: 1024px;
 
     width: 100%;
     width: 100%;
-
     height: 150px;
+
     height: 200px;
-
     background-color: #2D3E58;
+
     background-color: #2d3e58;
-
     font-family: "OpenSans";
+
     font-family: "OpenSans",'Trebuchet MS', Helvetica, sans-serif;
     font-weight: 100;
     font-weight: 100;
 +
    font-size:1.4em;
}
}
-
.footer * {
+
 
-
  margin:0; padding:0;
+
-
}
+
-
.footer img {
+
-
    float: left;
+
-
}
+
.footer .footer-content {
.footer .footer-content {
     margin-top: 2%;
     margin-top: 2%;
     float: left;
     float: left;
     margin-left: 5%;
     margin-left: 5%;
-
     color: #F2CE3A;
+
     color: #f2ce3a;
 +
}
 +
 
 +
.footer-link{
 +
    width: 100%;
 +
    background-color: #1b2232;
 +
}
 +
.footer-logo{
 +
  float:right;}
 +
.logo_img{padding:15px;
 +
height:70px;}
 +
#footer-box {
 +
font-family: "OpenSans","Bauhaus 93","Arial Black", Gadget, sans-serif;
 +
    font-weight: 100;
 +
    /*width: 90%;*/
 +
    margin: 0 auto;
 +
}
 +
@media screen and (max-width: 72em) {
 +
.footer {
 +
height:400px;
 +
}}
 +
@media screen and (max-width: 46em) {
 +
.footer  {
 +
height:600px;
 +
}
}
}
-
#footer-box{background-color: #1B2232;}
 
</style>
</style>
 +
<div class="footer">
 +
            <div class="footer-content">
 +
                <p>Bio-X Institutes</p>
 +
                <p>Shanghai Jiao Tong University</p>
 +
                <p>800, Dongchuan Road 200240, Shanghai, China</p>
 +
                <p>sunyaojin2011@foxmail.com</p>
 +
            </div>
 +
<div class="footer-logo">
 +
<a href="http://www.sjtu.edu.cn/"><img class="logo_img" border="0" src="/wiki/images/2/29/SJTU_Logo.png" /></a>
 +
<a href="http://www.bio-x.cn/"><img class="logo_img" border="0" src="/wiki/images/1/13/Bio-X_Logo.png" /></a>
 +
<a href="http://life.sjtu.edu.cn/"><img class="logo_img" border="0" src="/wiki/images/c/cd/Life-logo.png" /></a><br/>
 +
<a href="http://www.merck.de/de/index.html"><img class="logo_img" border="0" src="/wiki/images/b/b7/Merck_Logo.png" /></a>
 +
<a href="http://www.genewiz.com/"><img class="logo_img" border="0" src="/wiki/images/f/fb/Genewiz_Logo.png" /></a>
 +
<a href="http://www.sjtu.edu.cn/"><img class="logo_img" border="0" src="/wiki/images/4/4f/SJTU14_iGEM_foundation_logo.png" /></a></div>
 +
</div>
 +
</html>
</html>

Latest revision as of 21:31, 17 October 2014