|
|
Line 1: |
Line 1: |
| + | <!DOCTYPE html> |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> |
| <head> | | <head> |
Line 4: |
Line 5: |
| <title>How To Keep Your Footer At The Bottom of The Page - CSSReset.com</title> | | <title>How To Keep Your Footer At The Bottom of The Page - CSSReset.com</title> |
| | | |
− | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Harvard_BioDesign/CSS_Footer?action=raw&ctype=text/css" /> | + | <link rel="stylesheet" type="text/css" href="D:\Ben\Documents\workspace\Rosetta\Old_Footer2.css" /> |
| | | |
| <!--[if lt IE 7]> | | <!--[if lt IE 7]> |
Line 16: |
Line 17: |
| <body> | | <body> |
| | | |
− | #footerContainer {
| + | <div id="wrapper"> |
− | background-color: #000000;
| + | |
− | height: 70px;
| + | <div id="header"> |
− | width:100%;
| + | </div><!-- #header --> |
− | text-align: left;
| + | |
− | margin-right: 0px;
| + | <div id="content"> |
− | margin-left: 0px;
| + | </div><!-- #content --> |
− | padding-top: 0px;
| + | |
− | font-size: 45px;
| + | <div id="footer"> |
− | color: #ffffff;
| + | </div><!-- #footer --> |
− | font-variant: small-caps;
| + | |
− | font-family:"Times New Roman";
| + | </div><!-- #wrapper --> |
− | position:absolute;
| + | |
− | bottom:0px;
| + | |
− | 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;
| + | |
− | float:right;
| + | |
− | bottom: 0px;
| + | |
− | right: 0px;
| + | |
− | width:100%;
| + | |
− | }
| + | |
− | </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 id="logo">
| + | |
− | <img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:317px;height:216px;">
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
| </body> | | </body> |
| | | |
| </html> | | </html> |