(67 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <script type="text/javascript"> | ||
+ | $( document ).ready( function() { | ||
+ | $( '.mToTop' ).click( function() { | ||
+ | $( 'html, body' ).animate( { scrollTop : 0 }, 400 ); | ||
+ | return false; | ||
+ | } ); | ||
+ | } ); | ||
+ | </script> | ||
<style> | <style> | ||
.mFooter{ | .mFooter{ | ||
width: auto; | width: auto; | ||
+ | min-width: 540px; | ||
+ | margin-top: 100px; | ||
+ | background-color: #F4F5F9; | ||
+ | } | ||
+ | |||
+ | div{ | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .sssbox{ | ||
+ | height: 250px; | ||
+ | width: 540px; | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | background-color: #F4F5F9; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | .bBox{ | ||
max-width: 1080px; | max-width: 1080px; | ||
− | |||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
− | + | padding-top: 50px; | |
− | + | } | |
− | background- | + | |
− | + | @media screen and (max-width: 1079px){ | |
+ | .bBox{ | ||
+ | width: 100%; | ||
+ | height: 560px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width: 1080px) { | ||
+ | .bBox{ | ||
+ | width: 100%; | ||
+ | height: 280px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .spimg{ | ||
+ | width: auto; | ||
+ | height: 100%; | ||
+ | margin: 8px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | .footLogo{ | ||
+ | width: 150px; | ||
+ | float: left; | ||
+ | margin: 10px; | ||
+ | } | ||
+ | |||
+ | .snBox{ | ||
+ | width: 230px; | ||
+ | height: 200px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .snLogo{ | ||
+ | width: 25%; | ||
+ | margin: 3%; | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | |||
+ | .snBox p{ | ||
+ | font-size: 15px; | ||
+ | text-align: center; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | |||
+ | .cpBox{ | ||
+ | width: 100%; | ||
+ | height: 30px; | ||
+ | background-color: #203864; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .cpBox p{ | ||
+ | font-size: 12px; | ||
+ | color: white; | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | .mToTop{ | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | color: #203864; | ||
+ | text-align: center; | ||
+ | margin-top: 30px; | ||
} | } | ||
+ | |||
</style> | </style> | ||
<body> | <body> | ||
+ | <div id="mSection"> | ||
+ | <a class="mToTop" href="#" style="color: #203864;">▲ top</a> | ||
+ | </div> | ||
<div class="mFooter"> | <div class="mFooter"> | ||
+ | <div class="bBox"> | ||
+ | <div class="sssBox" style="height: 250px; width: 480px; margin-bottom: 30px; margin-left: 20px; float: left;"> | ||
+ | <img class="spimg" src="https://static.igem.org/mediawiki/2018/c/cf/T--Biomarvel--Logos.png"> | ||
+ | </div> | ||
+ | <div class="sssBox" style="height: 250px; width: 480px; margin-left: 60px; float: left;"> | ||
+ | <div><img class="footLogo" src="https://static.igem.org/mediawiki/2018/a/a9/T--Biomarvel--footlogo.png"> </div> | ||
+ | <div class="snBox"> | ||
+ | <div> | ||
+ | <a href="https://www.facebook.com/biomarvel.igem.9" target="_blank" style="margin: 0; padding: 0;"><img class="snLogo" src="https://static.igem.org/mediawiki/2018/b/b1/T--Biomarvel--fblogo.png"></a> | ||
+ | <a href="https://twitter.com/MarvelBio" target="_blank" style="margin: 0; padding: 0;"><img class="snLogo" src="https://static.igem.org/mediawiki/2018/7/72/T--Biomarvel--twlogo.png"></a> | ||
+ | <a><img class="snLogo" src="https://static.igem.org/mediawiki/2018/9/9b/T--Biomarvel--gglogo.png"></a> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p style="text-align: center;">#iGEM #2018 #BioMarvel #Heart #Biochip #Diagnosis</p> | ||
+ | </div> | ||
+ | <section style="clear: both;"><h3>Contact Us ! </h3><a href="mailto:IGEM2018BioMarvel@gmail.com" style="color: black;">IGEM2018BioMarvel@gmail.com</a></section> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="cpBox"> | ||
+ | <p style="text-align: center;">Copyright © 2018 By BioMarvel. All right reserved.</p> | ||
+ | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 03:09, 8 December 2018