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

Line 3: Line 3:
  
 
/*Set up height place holder for the footer*/
 
/*Set up height place holder for the footer*/
#footerContainer {
+
#footerContainer {
background-color: #000000;
+
background-color: #000000;
height: 70px;
+
height: 70px;
                                width:100%;
+
            width:100%;
text-align: left;
+
    text-align: left;
                                margin-right: 0px;
+
            margin-right: 0px;
                                margin-left: 0px;
+
            margin-left: 0px;
                                padding-top: 0px;
+
            padding-top: 0px;
                                font-size: 45px;
+
            font-size: 45px;
                                color: #ffffff;
+
            color: #ffffff;
        font-variant: small-caps;
+
            font-variant: small-caps;
        font-family:"Times New Roman";
+
    font-family:"Times New Roman";
                                position:fixed;  
+
            position:absolute;  
                                bottom:0px;
+
            bottom:0px;
                                left:0;
+
            vertical-align: text-top;
                                right:0;
+
            font-weight: 50;
                                vertical-align: text-top;
+
            font-stretch: ultra-condensed;
                                font-weight: 50;
+
        }
                                font-stretch: ultra-condensed;
+
                      }
+
  
#facebook{
+
        #facebook{
    position:absolute;
+
            position:absolute;
    right: 10%;
+
            right: 10%;
    top:0;
+
            top:0;
}
+
        }
#twitter{
+
        #twitter{
    position:absolute;
+
            position:absolute;
    right: 5%;
+
            right: 5%;
    top:0;
+
            top:0;
}
+
        }
#email{
+
        #email{
    position:absolute;
+
            position:absolute;
    right: 0;
+
            right: 0;
    top:0;
+
            top:0;
}
+
        }
#logo{
+
        #logo{
    position: absolute;
+
            position:absolute;
    bottom: 0;
+
            float:right;
    right: 0;
+
            bottom: 0px;
}
+
            right: 0px;
 +
            width:100%;
 +
        }
 
</style>
 
</style>
 
 
<div id="footerContainer">
+
<div id="footerContainer">
<div "col-xs-3 col-sm-2 col-lg-2">Sticoli</div>
+
            <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="facebook" class="col-xs-3 col-sm-1 col-lg-1">
+
                <div id="twitter" class="col-xs-3 col-sm-1 col-lg-1">
<a href="https://www.facebook.com/harvardigem2015" target="_blank">
+
                    <a href="https://twitter.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>
+
                    <img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:68px;height:68px;"></a>
</div>
+
                </div>
  
<div id="twitter" class="col-xs-3 col-sm-1 col-lg-1">
+
                <div id="email" class="col-xs-3 col-sm-1 col-lg-1">
<a href="https://twitter.com/HarvardiGEM2015" target="_blank">
+
                    <a href="mailto:harvardigem2015@gmail.com">
<img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:68px;height:68px;"></a>
+
                    <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="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>
  
<div id="logo">
+
            <div id="logo">
<img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:317px;height:216px;">
+
                <img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:317px;height:216px;">
</div>
+
            </div>
 +
    </div>
 +
    </div>
  
  
 
</html>
 
</html>

Revision as of 16:47, 6 July 2015

Sticoli