Difference between revisions of "Template:Erlangen Nuremberg/Footer"

(Created page with "Here goes footer content")
 
Line 1: Line 1:
−
Here goes footer content
+
<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

Foundations

</footer>