Difference between revisions of "Template:BioMarvel/footer"

(Created page with "<style> .mFooter{ width: auto; max-width: 1080px; min-width: 360px; margin-left: auto; margin-right: auto; background-color: #f8fafc; background-image: url('http://2018...")
 
 
(68 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
<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;
min-width: 360px;
 
 
margin-left: auto;
 
margin-left: auto;
 
margin-right: auto;
 
margin-right: auto;
background-color: #f8fafc;
+
padding-top: 50px;
background-image: url('https://static.igem.org/mediawiki/2018/9/90/T--Biomarvel--Footer.jpg');
+
background-repeat: no-repeat;
+
background-size: contain;
+
 
}
 
}
 +
 +
@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>

Latest revision as of 03:09, 8 December 2018

#iGEM #2018 #BioMarvel #Heart #Biochip #Diagnosis

Contact Us !

IGEM2018BioMarvel@gmail.com

Copyright © 2018 By BioMarvel. All right reserved.