Difference between revisions of "Template:BioMarvel/footer"

 
(59 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;
−
max-width: 1080px;
+
min-width: 540px;
−
min-width: 480px;
+
margin-top: 100px;
−
margin-left: auto;
+
background-color: #F4F5F9;
−
margin-right: auto;
+
}
 +
 
 +
div{
 +
margin: 0;
 +
padding: 0;
 
}
 
}
  
 
.sssbox{
 
.sssbox{
 
height: 250px;
 
height: 250px;
 +
width: 540px;
 +
float: left;
 +
position: relative;
 +
background-color: #F4F5F9;
 +
margin-bottom: 30px;
 +
}
 +
 +
.bBox{
 +
max-width: 1080px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
padding-top: 50px;
 
}
 
}
  
Line 16: Line 40:
 
.bBox{
 
.bBox{
 
width: 100%;
 
width: 100%;
−
height: 500px;
+
height: 560px;
−
}
+
−
.sssbox{
+
−
width: 100%;
+
 
}
 
}
 
}
 
}
Line 26: Line 47:
 
.bBox{
 
.bBox{
 
width: 100%;
 
width: 100%;
−
height: 250px;
+
height: 280px;
−
}
+
−
.sssbox{
+
−
width: 540px;
+
−
float: left;
+
−
position: relative;
+
 
}
 
}
 
}
 
}
−
 
−
 
−
.sbtitle{
 
−
width: 200px;
 
−
height: 25px;
 
−
background-color: #203864;
 
−
}
 
−
.sbtitle a{
 
−
color: white;
 
−
font-weight: bold;
 
−
font-size: 16px;
 
−
margin-left: 10px;
 
−
}
 
  
 
.spimg{
 
.spimg{
−
height: 60px;
 
 
width: auto;
 
width: auto;
−
float: left;
+
height: 100%;
 
margin: 8px;
 
margin: 8px;
 +
margin-left: auto;
 +
margin-right: auto;
 
}
 
}
  
Line 90: 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">
+
<div class="sssBox" style="height: 250px; width: 480px; margin-bottom: 30px; margin-left: 20px; float: left;">
−
<div class="sbtitle"><a>SPONSORS</a></div>
+
<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/d/d8/T--Biomarvel--sp1.png">
+
−
<img class="spimg" src="https://static.igem.org/mediawiki/2018/8/89/T--Biomarvel--sp2.png">
+
−
<img class="spimg" src="https://static.igem.org/mediawiki/2018/f/f1/T--Biomarvel--sp3.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/9/9c/T--Biomarvel--sp5.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/6/66/T--Biomarvel--sp7.jpg">
+
 
</div>
 
</div>
−
<div class="sssBox">
+
<div class="sssBox" style="height: 250px; width: 480px; margin-left: 60px; float: left;">
−
<div class="sbtitle"><a>SOCIAL NETWORK</a></div>
+
 
<div><img class="footLogo" src="https://static.igem.org/mediawiki/2018/a/a9/T--Biomarvel--footlogo.png"> </div>
 
<div><img class="footLogo" src="https://static.igem.org/mediawiki/2018/a/a9/T--Biomarvel--footlogo.png"> </div>
 
<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>#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>
 
</div>
 
</div>
 
<div class="cpBox">
 
<div class="cpBox">
−
<p>Copyright © 2018 By BioMarvel. All right reserved.</p>
+
<p style="text-align: center;">Copyright © 2018 By BioMarvel. All right reserved.</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</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.