(13 intermediate revisions by 2 users not shown) | |||
Line 3: | Line 3: | ||
<style> | <style> | ||
.footer-distributed{ | .footer-distributed{ | ||
− | + | margin-top: 0%; | |
− | + | position: relative; | |
+ | width: 80%; | ||
+ | height: auto; | ||
+ | background-color: #D1D1D2; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | } | ||
+ | |||
.footer-left { | .footer-left { | ||
position: absolute; | position: absolute; | ||
Line 24: | Line 31: | ||
padding-top: 5%; | padding-top: 5%; | ||
} | } | ||
− | + | #footer-info { | |
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | height: 2em; | ||
+ | } | ||
.footer-all { | .footer-all { | ||
height: 14em; | height: 14em; | ||
Line 39: | Line 50: | ||
margin-bottom: 0.6em; | margin-bottom: 0.6em; | ||
} | } | ||
− | @media only screen and (max-width:600px) { | + | .my-content-p3 { |
+ | font-family: "arial", sans-serif; | ||
+ | font-size: 0.9 em; | ||
+ | line-height: 1.3em; | ||
+ | color: #333; | ||
+ | } | ||
+ | @media only screen and (max-width:600px) { | ||
.sponsors{ | .sponsors{ | ||
− | width: | + | width: 2.5em; |
margin-right: 0.5em; | margin-right: 0.5em; | ||
margin-bottom: 0.3em; | margin-bottom: 0.3em; | ||
} | } | ||
− | + | .my-content-p3 { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
font-family: "arial", sans-serif; | font-family: "arial", sans-serif; | ||
− | font-size: 0. | + | font-size: 0.6 em; |
line-height: 1em; | line-height: 1em; | ||
color: #333; | color: #333; | ||
− | + | } | |
+ | |||
+ | |||
+ | |||
+ | |||
.footer-distributed { | .footer-distributed { | ||
margin-top: 0%; | margin-top: 0%; | ||
position: relative; | position: relative; | ||
− | width: | + | width: 90%; |
height: auto; | height: auto; | ||
− | background-color: # | + | background-color: #D1D1D2; |
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
} | } | ||
+ | } | ||
</style> | </style> | ||
Line 74: | 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"> | + | <p class="my-content-p3">College of Life Science and Technology</p> |
− | <p class="my-content-p3"> | + | <p class="my-content-p3">Tongji university </p> |
− | <p class="my-content-p3"> | + | <p class="my-content-p3">No.1239, Yangpu District, Shanghai, China</p> |
− | <p class="my-content-p3" | + | <p class="my-content-p3" style="word-wrap:break-word;">Email: tongjiigem2018@126.com</p> |
− | + | ||
</div> | </div> |
Latest revision as of 11:19, 17 October 2018