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

 
(41 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<style>
 
<style>
.footer-distributed {
+
.footer-distributed{
                        margin-top:0%;
+
margin-top: 0%;
position: relative;
+
position: relative;
width: 80%;
+
width: 80%;
height: auto;
+
height: auto;
background-color: rgba(100, 100, 100, 1);
+
background-color: #D1D1D2;
}
+
                              margin-left:auto;
+
                              margin-right:auto;
 +
                  }
 +
 
 
.footer-left {
 
.footer-left {
position: absolute;
+
position: absolute;
left: 0;
+
left: 0;
top: 0;
+
top: 0;
width: 60%;
+
width: 50%;
text-align: left;
+
text-align: left;
padding-right: 5%;
+
padding-right: 5%;
}
+
padding-left: 5%;
+
}
.footer-right {
+
position: absolute;
+
.footer-right {
right: 0;
+
position: absolute;
top: 0;
+
right: 0;
width: 40%;
+
top: 0;
text-align: left;
+
width: 40%;
padding-left: 3%;
+
text-align: left;
                      padding-top:5%;
+
padding-left: 3%;
}
+
padding-top: 5%;
+
}
.footer-all {
+
#footer-info {
height: 15.6em;
+
width: 100%;
width: 100%;
+
text-align: center;
}
+
height: 2em;
+
}
.footer-links{
+
.footer-all {
padding-top: 5%;
+
height: 14em;
}
+
width: 100%;
+
}
.sponsors {
+
                        width: 15%;
+
.footer-links {
height: 0.3%;
+
padding-top: 2.5em;
margin: 10 0.6em;
+
}
}
+
+
.sponsors {
#footer-info {
+
width: 4em;
width: 100%;
+
margin-right: 1em;
text-align: center;
+
margin-bottom: 0.6em;
vertical-align: bottom;
+
}
height: 3.1em;
+
                      .my-content-p3 {
padding: 0.6em;
+
font-family: "arial", sans-serif;
}
+
font-size: 0.9 em;
+
line-height: 1.3em;
.my-content-p3 {
+
color: #333;
font-family: "arial", sans-serif !important;
+
}
font-weight: 500 !important;
+
                      @media only screen and (max-width:600px) {
font-size: 1em !important;
+
.sponsors{
line-height: 1 !important;
+
width: 2.5em;
margin-bottom: 0.9em;
+
margin-right: 0.5em;
color: #333;
+
    margin-bottom: 0.3em;
}
+
}
 +
                              .my-content-p3 {
 +
font-family: "arial", sans-serif;
 +
font-size: 0.6 em;
 +
line-height: 1em;
 +
color: #333;
 +
      }
 +
 +
 +
 +
 +
 +
.footer-distributed {
 +
margin-top: 0%;
 +
position: relative;
 +
width: 90%;
 +
height: auto;
 +
background-color: #D1D1D2;
 +
                              margin-left:auto;
 +
                              margin-right:auto;
 +
}
 +
}
 
</style>
 
</style>
  
Line 67: Line 90:
 
<div class="footer-right">
 
<div class="footer-right">
 
<h5 class="title-h4">Contact</h5>
 
<h5 class="title-h4">Contact</h5>
<p class="my-content-p3">Institute of Biotransformation and synthetic biosystem</p>
+
<p class="my-content-p3">College of Life Science and Technology</p>
<p class="my-content-p3">School of life science </p>
+
<p class="my-content-p3">Tongji university </p>
<p class="my-content-p3">Beijing Institute of Technology</p>
+
<p class="my-content-p3">No.1239, Yangpu District, Shanghai, China</p>
<p class="my-content-p3">201804, Shanghai</p>
+
<p class="my-content-p3" style="word-wrap:break-word;">Email: tongjiigem2018@126.com</p>
<p class="my-content-p3">Email: wxz@tongji.edu.cn</p>
+
  
 
</div>
 
</div>
Line 78: Line 100:
  
 
<div class="footer-links">
 
<div class="footer-links">
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/6/60/T--Tongji_China--picture-bottom-bedtools.png">
+
<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>
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/7/73/T--Tongji_China--picture-bottom-encode-logo-small-2x.png">
+
<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>
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/8/82/T--Tongji_China--picture-bottom-Eppendorf.png">
+
<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>
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/d/d4/T--Tongji_China--picture-bottom-genewiz.jpg">
+
<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>
 
+
<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">
+
<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>
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/a/a4/T--Tongji_China--picture-bottom-shechuang.png">
+
<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>
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/7/7b/T--Tongji_China--picture-bottom-thermo.png">
+
<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>
<img class="sponsors" src="https://static.igem.org/mediawiki/2018/1/11/T--Tongji_China--picture-bottom-Tongji.png">
+
<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>
  
</div>
+
<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>
Line 103: Line 125:
  
 
</footer>
 
</footer>
 +
          </div>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 11:19, 17 October 2018