(Created page with "Here goes footer content") |
|||
Line 1: | Line 1: | ||
− | + | <style> | |
+ | |||
+ | .bottom { | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | margin-top: 60px; | ||
+ | padding-top: 50px; | ||
+ | } | ||
+ | |||
+ | .bottom .contactus { | ||
+ | text-align: center; | ||
+ | background: #333230; | ||
+ | width: 100%; | ||
+ | height: 7%; | ||
+ | padding-top: 0.8%; | ||
+ | } | ||
+ | |||
+ | .contactus p { | ||
+ | color: white; | ||
+ | vertical-align: middle; | ||
+ | left: 100%; | ||
+ | padding-top: 5px; | ||
+ | padding-bottom: 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .bottom .sponsors { | ||
+ | padding: 20px 20px; | ||
+ | background: #eee; | ||
+ | font-size: 80%; | ||
+ | } | ||
+ | |||
+ | .bottom .sponsors p { | ||
+ | text-align-last: center; | ||
+ | padding-bottom: 50px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .sponsor-logo { | ||
+ | width: 100%; | ||
+ | max-width: 250px; | ||
+ | } | ||
+ | |||
+ | .sponsor-wrapper { | ||
+ | padding: 40px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <footer> | ||
+ | |||
+ | <div class="clear"></div> | ||
+ | |||
+ | |||
+ | <div class="bottom"> | ||
+ | <div class="sponsors"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-9" style="border-right: 2px solid #ccc"> | ||
+ | <h3>Sponsors</h3> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-4 sponsor-wrapper"> | ||
+ | <img src="../images/Sponsors/T--Erlangen_Nuremberg--Dep_Bio_transparent.png" class="sponsor-logo"> | ||
+ | </div> | ||
+ | <div class="col-sm-4 sponsor-wrapper"> | ||
+ | <img src="../images/Sponsors/T--Erlangen_Nuremberg--Dep_ChemiePharmazie_transparent.png" class="sponsor-logo"> | ||
+ | </div> | ||
+ | <div class="col-sm-4 sponsor-wrapper"> | ||
+ | <img src="../images/Sponsors/T--Erlangen_Nuremberg--IDT_transparent.png" class="sponsor-logo"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-4 sponsor-wrapper"> | ||
+ | <img src="../images/Sponsors/T--Erlangen_Nuremberg--Roth_transparent.png" class="sponsor-logo"> | ||
+ | </div> | ||
+ | <div class="col-sm-4 sponsor-wrapper"> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-sm-4 sponsor-wrapper"> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-sm-3"> | ||
+ | <h3>Foundations</h3> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-12 sponsor-wrapper"> | ||
+ | <img src="../images/Sponsors/T--Erlangen_Nuremberg--Staedtler_transparent.png" class="sponsor-logo"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="contactus"> | ||
+ | <div class="Logo"> | ||
+ | <a target=_blank/.self href="https://www.facebook.com/igemFranconia/?fref=ts"> | ||
+ | <img src="http://www.platformers-days.de/assets/default/images/facebook_icon.png" alt="facebookLogo" | ||
+ | width="17px" height="17px"> </a> | ||
+ | |||
+ | <a target=_blank/.self href="https://twitter.com/iGEM_Franconia"> | ||
+ | <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTeThjb-3xDVDkqpeSclNCpSEAy8vce1GCj5OeswZvk8Q1_RQ9b" | ||
+ | alt="TwitterLogo" width="17px" height="17px"> </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </footer> |
Revision as of 08:26, 10 July 2017
<style>
.bottom { bottom: 0; left: 0; right: 0; margin-top: 60px; padding-top: 50px; }
.bottom .contactus { text-align: center; background: #333230; width: 100%; height: 7%; padding-top: 0.8%; }
.contactus p { color: white; vertical-align: middle; left: 100%; padding-top: 5px; padding-bottom: 0;
}
.bottom .sponsors { padding: 20px 20px; background: #eee; font-size: 80%; }
.bottom .sponsors p { text-align-last: center; padding-bottom: 50px;
}
.sponsor-logo { width: 100%; max-width: 250px; }
.sponsor-wrapper { padding: 40px; }
</style>
<footer>
Sponsors
<img src="../images/Sponsors/T--Erlangen_Nuremberg--Dep_Bio_transparent.png" class="sponsor-logo">
<img src="../images/Sponsors/T--Erlangen_Nuremberg--Dep_ChemiePharmazie_transparent.png" class="sponsor-logo">
<img src="../images/Sponsors/T--Erlangen_Nuremberg--IDT_transparent.png" class="sponsor-logo">
<img src="../images/Sponsors/T--Erlangen_Nuremberg--Roth_transparent.png" class="sponsor-logo">
Foundations
<img src="../images/Sponsors/T--Erlangen_Nuremberg--Staedtler_transparent.png" class="sponsor-logo">
<a target=_blank/.self href="https://www.facebook.com/igemFranconia/?fref=ts"> <img src="http://www.platformers-days.de/assets/default/images/facebook_icon.png" alt="facebookLogo" width="17px" height="17px"> </a>
<a target=_blank/.self href="https://twitter.com/iGEM_Franconia"> <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTeThjb-3xDVDkqpeSclNCpSEAy8vce1GCj5OeswZvk8Q1_RQ9b" alt="TwitterLogo" width="17px" height="17px"> </a>
</footer>