Difference between revisions of "Template:BioMarvel/footer"

 
(27 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{
Line 19: Line 27:
 
position: relative;
 
position: relative;
 
background-color: #F4F5F9;
 
background-color: #F4F5F9;
 +
margin-bottom: 30px;
 
}
 
}
  
Line 31: Line 40:
 
.bBox{
 
.bBox{
 
width: 100%;
 
width: 100%;
height: 500px;
+
height: 560px;
 
}
 
}
 
}
 
}
Line 38: Line 47:
 
.bBox{
 
.bBox{
 
width: 100%;
 
width: 100%;
height: 250px;
+
height: 280px;
 
}
 
}
 
}
 
}
  
 
.spimg{
 
.spimg{
height: 60px;
 
 
width: auto;
 
width: auto;
float: left;
+
height: 100%;
 
margin: 8px;
 
margin: 8px;
 +
margin-left: auto;
 +
margin-right: auto;
 
}
 
}
  
Line 84: Line 94:
 
color: white;
 
color: white;
 
padding-top: 5px;
 
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="bBox">
<div class="sssBox" style="height: 250px; width: 480px; margin-left: 20px; float: left;">
+
<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/archive/f/f1/20180930112509%21T--Biomarvel--sp3.png">
+
<img class="spimg" src="https://static.igem.org/mediawiki/2018/c/cf/T--Biomarvel--Logos.png">
<img class="spimg" src="https://static.igem.org/mediawiki/2018/1/10/T--Biomarvel--sp7.png">
+
<img class="spimg" src="https://static.igem.org/mediawiki/2018/archive/9/9c/20180930112926%21T--Biomarvel--sp5.png">
+
<img class="spimg" src="https://static.igem.org/mediawiki/2018/archive/8/89/20181007105605%21T--Biomarvel--sp2.png">
+
<img class="spimg" src="https://static.igem.org/mediawiki/2018/d/dd/T--Biomarvel--sp4.png">
+
<img class="spimg" src="https://static.igem.org/mediawiki/2018/d/d8/T--Biomarvel--sp1.png">
+
<img class="spimg" src="https://static.igem.org/mediawiki/2018/d/d0/T--Biomarvel--sp6.png">
+
<img class="spimg" src="https://static.igem.org/mediawiki/2018/8/83/T--Biomarvel--sp8.gif">
+
<img class="spimg" src="https://static.igem.org/mediawiki/2018/5/5c/T--Biomarvel--sp9.png">
+
 
</div>
 
</div>
 
<div class="sssBox" style="height: 250px; width: 480px; margin-left: 60px; float: left;">
 
<div class="sssBox" style="height: 250px; width: 480px; margin-left: 60px; float: left;">
Line 105: Line 118:
 
<div class="snBox">
 
<div class="snBox">
 
<div>
 
<div>
<a><img class="snLogo" src="https://static.igem.org/mediawiki/2018/b/b1/T--Biomarvel--fblogo.png"></a>
+
<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><img class="snLogo" src="https://static.igem.org/mediawiki/2018/7/72/T--Biomarvel--twlogo.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>
 
<a><img class="snLogo" src="https://static.igem.org/mediawiki/2018/9/9b/T--Biomarvel--gglogo.png"></a>
 
</div>
 
</div>
 
<div>
 
<div>
<p style="text-align: center;">#igem   #2018  #BioMarvel  #heart #Biochip  #diagnosis</p>
+
<p style="text-align: center;">#iGEM   #2018  #BioMarvel  #Heart #Biochip  #Diagnosis</p>
 
</div>
 
</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>

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.