Difference between revisions of "Template:Team:Harvard BioDesign/Templates:footer"

 
(13 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
<style type="text/css">
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 
+
        <head>
/*Set up height place holder for the footer*/
+
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
#footerContainer {
+
                <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Harvard_BioDesign/CSS_Footer?action=raw&ctype=text/css" />
background-color: #000000;
+
</head>
height: 70px;
+
<body><div id="footer">
                                width:100%;
+
                                               
text-align: left;
+
                                                <div id="facebook">
                                margin-right: 0px;
+
                                                    <a href="https://www.facebook.com/harvardigem2015" target="_blank">
                                margin-left: 0px;
+
                                                    <img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:68px;height:68px;"></a>
                                padding-top: 0px;
+
                                        </div>
                                font-size: 45px;
+
                                color: #ffffff;
+
        font-variant: small-caps;
+
        font-family:"Times New Roman";
+
                                position:fixed;
+
                                bottom:0px;
+
                                left:0;
+
                                right:0;
+
                                vertical-align: text-top;
+
                                font-weight: 50;
+
                                font-stretch: ultra-condensed;
+
                      }
+
 
+
#facebook{
+
    position:absolute;
+
    right: 10%;
+
    top:0;
+
}
+
#twitter{
+
    position:absolute;
+
    right: 5%;
+
    top:0;
+
}
+
#email{
+
    position:absolute;
+
    right: 0;
+
    top:0;
+
}
+
#logo{
+
    position: absolute;
+
    bottom: 0;
+
    right: 0;
+
}
+
</style>
+
+
<div id="footerContainer">
+
<div "col-xs-3 col-sm-2 col-lg-2">Sticoli</div>
+
 
+
<div id="facebook" class="col-xs-3 col-sm-1 col-lg-1">
+
<a href="https://www.facebook.com/harvardigem2015" target="_blank">
+
<img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:68px;height:68px;"></a>
+
</div>
+
 
+
<div id="twitter" class="col-xs-3 col-sm-1 col-lg-1">
+
<a href="https://twitter.com/HarvardiGEM2015" target="_blank">
+
<img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:68px;height:68px;"></a>
+
</div>
+
 
+
<div id="email" class="col-xs-3 col-sm-1 col-lg-1">
+
<a href="mailto:harvardigem2015@gmail.com">
+
<img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:68px;height:68px;"></a>
+
</div>
+
</div>
+
 
+
<div id="logo">
+
<img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:317px;height:216px;">
+
</div>
+
  
 +
                                        <div id="twitter">
 +
                                                    <a href="https://twitter.com/HarvardiGEM2015" target="_blank">
 +
                                                    <img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:68px;height:68px;"></a>
 +
                                        </div>
  
 +
                                        <div id="email">
 +
                                                    <a href="mailto:harvardigem2015@gmail.com">
 +
                                                    <img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:68px;height:68px;"></a>
 +
                                        </div>
 +
                                </div><!--#footer-->
 +
                                <div id="logoBox"><div id="logo">
 +
                                        <img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:317px;height:216px;">
 +
                                </div></div><!--#logo-->   
 +
</body>
 
</html>
 
</html>

Latest revision as of 15:53, 14 July 2015