Difference between revisions of "Template:NAWI Graz:footer"

Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
 
+
<footer class="footer">
−
 
+
     <div class="row">
−
#content {
+
         <div class="col">
−
background-color: transparent;
+
            <div class="footer-left">
−
}
+
                <a target="_blank" href="https://www.biocraftlab.com/">
−
 
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/a/ad/BiocraftLab.png">
−
body {
+
                </a>
−
background-color: transparent;
+
                <a target="_blank" href="http://www.biomin.net/en/home/">
−
}
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/1d/Biomin.png">
−
 
+
                </a>
−
.footer-distributed{
+
                <a target="_blank" href="http://www.bisy.at/">
−
 
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/4/4b/Bisy.png">
−
 
+
                </a>
−
     z-index:2;
+
                <a target="_blank" href="https://www.kisker-biotech.com/frontoffice/home">
−
         background-color: transparent;
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/16/GKisker.png">
−
+
                </a>
−
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
+
                <a target="_blank" href="https://www.bartelt.at/">
−
box-sizing: border-box;
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/37/Bartelt.png">
−
width: 80%;
+
                </a>
−
text-align: center;
+
                <a target="_blank" href="https://www.zeta.com/">
−
        position: center;
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/b/be/ZETA.png">
−
 
+
                </a>
−
margin-top: 0px;
+
                <a target="_blank" href="http://www.humantechnology.at/">
−
        margin-bottom: 0px;
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/2d/HTS.png">
−
       
+
                </a>
−
}
+
                <a target="_blank" href="https://www.tugraz.at/home/">
−
 
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/c9/TU_Graz.png">
−
.footer-distributed .footer-left p{
+
                </a>
−
        background-color: inherit;
+
                <a target="_blank" href="https://www.uni-graz.at/en/">
−
        color:  #52658F;
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/18/UNI_Graz.png">
−
font-size: 14px;
+
                </a>
−
margin: 0;
+
                <a target="_blank" href="https://www.nawigraz.at/en/">
−
}
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/d9/NAWI.png">
−
.footer-distributed .footer-right p{
+
                </a>
−
        background-color: inherit;
+
                <a target="_blank" href="https://oehunigraz.at/">
−
        color: #52658F;
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/34/Oeh.png">
−
font-size: 14px;
+
                </a>
−
margin: 0;
+
                <a target="_blank" href="http://www.microsynth.at/">
−
}
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/3d/Microsynth.png">
−
 
+
                </a>
−
/* Footer links */
+
                <a target="_blank" href="https://www.laborgeraete-laborbedarf.at/">
−
 
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/d4/ServoLab.png">
−
.footer-distributed p.footer-links{
+
                </a>
−
font-size:18px;
+
                <a target="_blank" href="http://www.volksbank-kaernten.at/">
−
font-weight: bold;
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/7/74/VBKaernten.png">
−
color: #ffffff;
+
                </a>
−
margin: 0 0 10px;
+
                <a target="_blank" href="https://www.graz.at/">
−
padding: 0;
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/6/64/GRAZ.png">
−
        width: 75%;
+
                </a>
−
 
+
                <a target="_blank" href="http://www.snapgene.com/">
−
}
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/c0/SnapGene.png">
−
 
+
                </a>
−
 
+
                <a target="_blank" href="https://eu.idtdna.com/site">
−
.footer-distributed p.footer-links a{
+
                    <img class="sponsors" src="https://static.igem.org/mediawiki/2017/thumb/7/71/IDT.png/320px-IDT.png">
−
display:inline-block;
+
                </a>
−
line-height: 1.8;
+
            </div>
−
text-decoration: none;
+
        </div>
−
color: inherit;
+
        <div class="col-2">
−
}
+
            <div class="footer-right">
−
 
+
−
.footer-distributed .footer-right{
+
−
float: right;
+
−
margin-top: 6px;
+
−
max-width: 400px;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
.footer-distributed .footer-right a{
+
−
display: inline-block;
+
−
width: 50px;
+
−
height: 35px;
+
−
background-color: #33383b;
+
−
border-radius: 2px;
+
−
 
+
−
font-size: 20px;
+
−
color: #52658F;
+
−
text-align: center;
+
−
line-height: 35px;
+
−
 
+
−
margin-left: 3px;
+
−
}
+
−
 
+
−
.sponsors {
+
−
            margin: 2.5px;
+
−
            width: 125px;
+
−
        }
+
−
 
+
−
/* If you don't want the footer to be responsive, remove these media queries */
+
−
 
+
−
@media (max-width: 600px) {
+
−
 
+
−
.footer-distributed .footer-left,
+
−
.footer-distributed .footer-right{
+
−
text-align: center;
+
−
}
+
−
 
+
−
.footer-distributed .footer-right{
+
−
float: none;
+
−
margin: 0 auto 20px;
+
−
}
+
−
 
+
−
.footer-distributed .footer-left p.footer-links{
+
−
line-height: 1.8;
+
−
}
+
−
}
+
−
</style>
+
−
 
+
−
<footer class="footer-distributed">
+
−
 
+
−
<div class="footer-right">
+
 
                 <a target="_blank" href="mailto:igem.nawigraz@gmail.com">
 
                 <a target="_blank" href="mailto:igem.nawigraz@gmail.com">
−
<img src="https://static.igem.org/mediawiki/2017/5/5c/Email.png">
+
                    <img class="socials" src="https://static.igem.org/mediawiki/2017/5/5c/Email.png">
−
</a> 
+
                 </a>
−
    <a target="_blank" href="https://www.facebook.com/igemteamgraz2017/">
+
                 <a target="_blank" href="https://www.facebook.com/igemteamgraz2017/">
−
<img src="https://static.igem.org/mediawiki/2017/d/dc/Facebook-alpha.png">
+
                    <img class="socials" src="https://static.igem.org/mediawiki/2017/d/dc/Facebook-alpha.png">
−
</a>
+
                 </a>
−
 
+
             </div>
−
</div>
+
        </div>
−
 
+
    </div>
−
 
+
</footer>
−
<div class="footer-left">
+
−
 
+
−
<p class="footer-links">
+
−
            <a target="_blank" href="https://www.biocraftlab.com/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/a/ad/BiocraftLab.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.biomin.net/en/home/">
+
−
                 <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/1d/Biomin.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.bisy.at/">
+
−
                 <img class="sponsors" src="https://static.igem.org/mediawiki/2017/4/4b/Bisy.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.kisker-biotech.com/frontoffice/home">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/16/GKisker.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.bartelt.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/37/Bartelt.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.zeta.com/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/b/be/ZETA.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.humantechnology.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/2d/HTS.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.tugraz.at/home/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/c9/TU_Graz.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.uni-graz.at/en/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/1/18/UNI_Graz.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.nawigraz.at/en/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/d9/NAWI.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://oehunigraz.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/34/Oeh.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.microsynth.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/3/3d/Microsynth.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://www.laborgeraete-laborbedarf.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/d/d4/ServoLab.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.volksbank-kaernten.at/">
+
−
                 <img class="sponsors" src="https://static.igem.org/mediawiki/2017/7/74/VBKaernten.png">
+
−
            </a>
+
−
             <a target="_blank" href="https://www.graz.at/">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/6/64/GRAZ.png">
+
−
            </a>
+
−
            <a target="_blank" href="http://www.snapgene.com/">
+
−
                <img class="sponsors" src="https://2017.igem.org/File:SnapGene.png">
+
−
            </a>
+
−
            <a target="_blank" href="https://eu.idtdna.com/site">
+
−
                <img class="sponsors" src="https://static.igem.org/mediawiki/2017/7/71/IDT.png">
+
−
            </a>
+
−
+
−
 
+
−
</p>
+
−
 
+
−
+
−
</div>
+
−
 
+
−
</footer>
+
−
 
+
 
</html>
 
</html>

Revision as of 17:03, 31 October 2017