Difference between revisions of "Template:Franconia/Footer"

 
(6 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
<style>
 
<style>
  
−
footer {
+
    footer {
−
z-index: 2;
+
        z-index: 2;
−
}
+
    }
  
−
.bottom {
+
    p {
−
bottom: 0;
+
        font-style: normal;
−
left: 0;
+
        font-weight: 100 !important;
−
right: 0;
+
−
margin-top: 60px;
+
−
padding-top: 50px;
+
−
}
+
  
−
.bottom .contactus {
+
    }
−
text-align: center;
+
−
background: #333230;
+
−
width: 100%;
+
−
height: 7%;
+
−
margin-bottom: 0;
+
−
}
+
  
−
.contactus .Logos{
+
    .bottom {
−
top: 50%;
+
        bottom: 0;
−
position: relative;
+
        left: 0;
−
vertical-align: middle;
+
        right: 0;
 +
        margin-top: 5%;
 +
        padding-top: 50px;
 +
    }
  
−
}
+
    .bottom .contactus {
 +
        text-align: center;
 +
        background: var(--tint-color);
 +
        width: 100%;
 +
        height: 20%;
 +
        margin-bottom: 0;
 +
    }
  
−
.Logo{
+
    .contactus p {
−
padding-left: 1%;
+
        padding-top: 10%;
−
pdding-bottom: 5%;
+
        margin-bottom: 0.8%;
−
}
+
  
−
.contactus p {
+
    }
−
color: white;
+
−
vertical-align: middle;
+
−
left: 100%;
+
−
padding-top: 5px;
+
−
padding-bottom: 0;
+
  
−
}
+
    .contactus .Logos {
 +
        top: 20%;
 +
        position: relative;
 +
        vertical-align: middle;
  
−
.bottom .supporters {
+
    }
−
padding: 20px 20px;
+
−
background: #eee;
+
−
font-size: 80%;
+
−
}
+
  
−
.bottom .supporters p {
+
    .contactus p {
−
text-align-last: center;
+
        color: white;
−
padding-bottom: 50px;
+
        vertical-align: middle;
 +
        left: 100%;
 +
        padding-top: 5px;
 +
        padding-bottom: 0;
  
−
}
+
    }
  
−
.supporter-logo {
+
    .bottom .supporters {
−
width: 100%;
+
        padding: 20px 20px;
−
max-width: 250px;
+
        background: #eff3f6;
−
}
+
        font-size: 80%;
 +
    }
  
−
.supporter-wrapper {
+
    .bottom .supporters p {
−
padding: 40px;
+
        text-align-last: center;
−
}
+
        padding-bottom: 50px;
  
 +
    }
  
 +
    .supporter-logo {
 +
        width: 100%;
 +
        max-width: 250px;
 +
    }
  
 +
    .supporter-wrapper {
 +
        padding: 40px;
 +
    }
  
−
</style>
+
    i {
 +
        color: white;
 +
        margin: 0 10px;
 +
    }
  
−
<footer>
+
    .supporters .col-sm-9 {
 +
        border-right: 2px solid #ccc;
 +
    }
  
 +
    @media screen and (max-width: 1024px) and (min-width: 768px) {
  
−
<div class="clear"></div>
+
        footer .row  h3 {
 +
            font-size: 155% !important;
 +
        }
 +
    }
  
 +
    @media screen and (max-width: 1024px) {
  
−
<div class="bottom">
+
        footer .row h3 {
−
<div class="supporters">
+
            text-align: center;
−
<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 supporter-wrapper">
+
−
<img src="../images/Supporters/T--Erlangen_Nuremberg--Dep_Bio_transparent.png" class="supporter-logo">
+
−
</div>
+
−
<div class="col-sm-4 supporter-wrapper">
+
−
<img src="../images/Supporters/T--Erlangen_Nuremberg--Dep_ChemiePharmazie_transparent.png" class="supporter-logo">
+
−
</div>
+
−
<div class="col-sm-4 supporter-wrapper">
+
−
<img src="../images/Supporters/T--Erlangen_Nuremberg--IDT_transparent.png" class="supporter-logo">
+
−
</div>
+
−
</div>
+
−
<div class="container-fluid">
+
−
<div class="row">
+
−
<div class="col-sm-4 supporter-wrapper">
+
−
<img src="../images/Supporters/T--Erlangen_Nuremberg--Roth_transparent.png" class="supporter-logo">
+
−
</div>
+
−
<div class="col-sm-4 supporter-wrapper">
+
  
−
</div>
+
    @media screen and (max-width:767px) {
−
<div class="col-sm-4 supporter-wrapper">
+
  
−
</div>
+
        .supporters .col-sm-9 {
−
</div>
+
            border: none;
−
</div>
+
        }
−
</div>
+
    }
−
</div>
+
−
<div class="col-sm-3">
+
−
<h3>Foundations</h3>
+
−
<div class="container-fluid">
+
−
<div class="row">
+
−
<div class="col-sm-12 supporter-wrapper">
+
−
<img src="../images/Supporters/T--Erlangen_Nuremberg--Staedtler_transparent.png" class="supporter-logo">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<div class="contactus">
 
−
<div class ="Logos">
 
−
<a class = "Logo" 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 class = "Logo" target=_blank/.self href="https://twitter.com/iGEM_Franconia">
+
</style>
−
<img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTeThjb-3xDVDkqpeSclNCpSEAy8vce1GCj5OeswZvk8Q1_RQ9b"
+
 
−
alt="TwitterLogo" width="17px" height="17px"> </a>
+
<footer>
 +
    <div class="clear"></div>
 +
    <div class="bottom">
 +
        <div class="supporters">
 +
            <div class="container-fluid">
 +
                <div class="row">
 +
                    <div class="col-sm-9">
 +
                        <h3>Sponsors</h3>
 +
                        <div class="container-fluid">
 +
                            <div class="row">
 +
                                <div class="col-sm-4 supporter-wrapper">
 +
                                    <img src="https://static.igem.org/mediawiki/2017/0/0d/T--Erlangen_Nuremberg--Dep_Bio_transparent.png"
 +
                                        class="supporter-logo">
 +
                                </div>
 +
                                <div class="col-sm-4 supporter-wrapper">
 +
                                    <img src="https://static.igem.org/mediawiki/2017/5/51/T--Erlangen_Nuremberg--Dep_ChemiePharmazie_transparent.png"
 +
                                        class="supporter-logo">
 +
                                </div>
 +
                                <div class="col-sm-4 supporter-wrapper">
 +
                                    <img src="https://static.igem.org/mediawiki/2017/e/ef/T--Erlangen_Nuremberg--IDT_transparent.png"
 +
                                        class="supporter-logo">
 +
                                </div>
 +
                            </div>
 +
                            <div class="container-fluid">
 +
                                <div class="row">
 +
                                    <div class="col-sm-4 supporter-wrapper">
 +
                                        <img src="https://static.igem.org/mediawiki/2017/0/0b/T--Erlangen_Nuremberg--Roth_transparent.png"
 +
                                            class="supporter-logo">
 +
                                    </div>
 +
                                    <div class="col-sm-4 supporter-wrapper">
 +
                                        <img src="https://static.igem.org/mediawiki/2017/7/72/T--Franconia--Team-FAULogo.svg"
 +
                                            class="supporter-logo">
 +
                                    </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 supporter-wrapper">
 +
                                    <img src="https://static.igem.org/mediawiki/2017/5/55/T--Erlangen_Nuremberg--Staedtler_transparent.png"
 +
                                        class="supporter-logo">
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
  
−
<a class = "Logo" target=_blank/.self href="https://www.youtube.com/channel/UCxT11JmhRH62aBn-HZxGhQA">
+
        <div class="contactus">
−
<img src="http://uploads.webflow.com/53aae162ce5671d82beec524/53b2aaf0289faf83531ff6ef_youtube28-white.png"
+
            <div class="Logos">
−
alt="YoutubeLogo" width="22px" height="22px"> </a>
+
                <p>FOLLOW US</p>
−
</div>
+
                <a href="https://www.facebook.com/igemFranconia" target="_blank"><i
−
</div>
+
                        class="fa fa-facebook fa-2x"></i></a>
−
</div>
+
                <a href="https://twitter.com/igem_franconia" target="_blank"><i class="fa fa-twitter fa-2x"></i></a>
 +
                <a href="https://www.youtube.com/channel/UCxT11JmhRH62aBn-HZxGhQA" target="_blank"><i
 +
                        class="fa fa-youtube-play fa-2x"></i></a>
 +
            </div>
 +
        </div>
 +
    </div>
  
 
</footer>
 
</footer>
 
</html>
 
</html>

Latest revision as of 16:03, 11 December 2017

Sponsors

Foundations

FOLLOW US