Difference between revisions of "Template:TestGlasgowFooter"

 
(29 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style>
 
<style>
−
.footer-distributed{
+
.marketing-site-footer {
−
background-color: #1e586a;
+
  background: #2c3840;
−
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
+
  color: #8aa0ae;
−
box-sizing: border-box;
+
  padding: 2rem 0 0;
−
width: 100%;
+
−
font-family: Roboto;
+
−
text-align: left;
+
−
padding: 45px 50px;
+
−
margin-top: 80px;
+
 
}
 
}
  
−
.footer-distributed .footer-left p{
+
.marketing-site-footer .marketing-site-footer-menu-social a {
−
        color: #1e586a;
+
  color: #fefefe;
−
font-size: 14px;
+
−
margin: 0;
+
 
}
 
}
−
.footer-distributed .footer-right p{
+
 
−
        color:  #1e586a;
+
.marketing-site-footer .column-block {
−
font-size: 14px;
+
  margin-bottom: 30px;
−
margin: 0;
+
 
}
 
}
  
−
.footer-distributed p.footer-links{
+
.marketing-site-footer > .row {
−
font-size:18px;
+
  margin-bottom: 1rem;
−
font-weight: bold;
+
−
color:  #ffffff;
+
−
margin: 0 0 10px;
+
−
padding: 0;
+
 
}
 
}
  
 +
@media screen and (max-width: 39.9375em) {
 +
  .marketing-site-footer .columns {
 +
    margin-bottom: 2rem;
 +
  }
 +
}
  
−
.footer-distributed p.footer-links a{
+
.marketing-site-footer-name {
−
display:inline-block;
+
  color: #fefefe;
−
line-height: 1.8;
+
  margin-bottom: 1rem;
−
text-decoration: none;
+
  font-size: 2rem;
−
color: inherit;
+
 
}
 
}
  
−
.footer-distributed .footer-right{
+
.marketing-site-footer-title {
−
float: right;
+
  color: #fefefe;
−
margin-top: 6px;
+
  margin-bottom: 1rem;
−
max-width: 400px;
+
  font-size: 1.25rem;
 
}
 
}
  
 +
.marketing-site-footer-block {
 +
  display: -webkit-flex;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  margin-bottom: 1rem;
 +
}
  
 +
.marketing-site-footer-block .fa {
 +
  font-size: 2rem;
 +
  color: #020304;
 +
}
  
−
.footer-distributed .footer-right a{
+
.marketing-site-footer-block p {
−
display: inline-block;
+
  margin-left: 1rem;
−
width: 50px;
+
  line-height: 1.125rem;
−
height: 35px;
+
}
−
background-color:  #33383b;
+
−
border-radius: 2px;
+
  
−
font-size: 20px;
+
.marketing-site-footer-bottom {
−
color: #52658F;
+
  background: #020304;
−
text-align: center;
+
  padding: 1rem 0;
−
line-height: 35px;
+
}
  
−
margin-left: 3px;
+
.marketing-site-footer-bottom p,
 +
.marketing-site-footer-bottom .menu {
 +
  margin-bottom: 0;
 
}
 
}
  
−
.sponsors {
+
.marketing-site-footer-bottom .marketing-site-footer-bottom-links {
−
            margin: 2.5px;
+
  -webkit-justify-content: flex-end;
−
            width: 125px;
+
      -ms-flex-pack: end;
−
        }
+
          justify-content: flex-end;
 +
}
  
−
@media (max-width: 600px) {
+
.marketing-site-footer-bottom .marketing-site-footer-bottom-links a {
 +
  color: #8aa0ae;
 +
}
  
−
.footer-distributed .footer-left,
+
@media screen and (max-width: 63.9375em) {
−
.footer-distributed .footer-right{
+
  .marketing-site-footer-bottom .marketing-site-footer-bottom-links {
−
text-align: center;
+
    -webkit-justify-content: center;
−
}
+
        -ms-flex-pack: center;
−
 
+
            justify-content: center;
−
.footer-distributed .footer-right{
+
  }
−
float: none;
+
−
margin: 0 auto 20px;
+
−
}
+
−
 
+
−
.footer-distributed .footer-left p.footer-links{
+
−
line-height: 1.8;
+
−
}
+
 
}
 
}
  
 +
@media screen and (max-width: 63.9375em) {
 +
  .marketing-site-footer-bottom {
 +
    text-align: center;
 +
  }
 +
}
 
</style>
 
</style>
  
 +
<footer class="marketing-site-footer">
 +
  <div class="row medium-unstack">
 +
    <div class="medium-4 columns">
 +
      <h4 class="marketing-site-footer-name">iGEM 2017 Glasgow</h4>
 +
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita dolorem accusantium architecto id quidem, itaque nesciunt quam ducimus atque.</p>
 +
      <ul class="menu marketing-site-footer-menu-social simple">
 +
        <li><a href="#"><i class="fa fa-youtube-square" aria-hidden="true"></i></a></li>
 +
        <li><a href="#"><i class="fa fa-facebook-square" aria-hidden="true"></i></a></li>
 +
        <li><a href="#"><i class="fa fa-twitter-square" aria-hidden="true"></i></a></li>
 +
      </ul>
 +
    </div>
 +
    <div class="medium-4 columns">
 +
      <h4 class="marketing-site-footer-title">Contact Info</h4>
 +
      <div class="marketing-site-footer-block">
 +
        <i class="fa fa-map-marker" aria-hidden="true"></i>
 +
        <p>                    iGEM 2017 Glasgow<br>
 +
                    Bower Building<br>
 +
                    Wilkins Teaching Laboratory<br>
 +
                    University of Glasgow</p>
 +
      </div>
 +
 +
<!--    <div class="marketing-site-footer-block">
 +
        <i class="fa fa-phone" aria-hidden="true"></i>
 +
        <p>1 (800) 555-5555</p>
 +
      </div> -->
 +
 +
      <div class="marketing-site-footer-block">
 +
        <i class="fa fa-envelope-o" aria-hidden="true"></i>
 +
        <p>igem.glasgow2017@gmail.com</p>
 +
      </div>
 +
    </div>
 +
    <div class="medium-4 columns">
 +
      <h4 class="marketing-site-footer-title">Sponsors</h4>
 +
      <div class="row small-up-3">
 +
        <div class="column column-block">
 +
          <img src="https://placehold.it/75" alt="" />
 +
        </div>
 +
        <div class="column column-block">
 +
          <img src="https://placehold.it/75" alt="" />
 +
        </div>
 +
        <div class="column column-block">
 +
          <img src="https://placehold.it/75" alt="" />
 +
        </div>
 +
        <div class="column column-block">
 +
          <img src="https://placehold.it/75" alt="" />
 +
        </div>
 +
        <div class="column column-block">
 +
          <img src="https://placehold.it/75" alt="" />
 +
        </div>
 +
        <div class="column column-block">
 +
          <img src="https://placehold.it/75" alt="" />
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div class="marketing-site-footer-bottom">
 +
    <div class="row large-unstack align-middle">
 +
      <div class="column">
 +
        <p>&copy; 2017 No rights reserved</p>
 +
      </div>
 +
      <div class="column">
 +
        <ul class="menu marketing-site-footer-bottom-links">
 +
          <li><a href="#">Home</a></li>
 +
          <li><a href="#">About</a></li>
 +
          <li><a href="#">Services</a></li>
 +
          <li><a href="#">Works</a></li>
 +
          <li><a href="#">News</a></li>
 +
          <li><a href="#">Contact</a></li>
 +
        </ul>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</footer>
 +
</html>
 +
 +
<!--
 
<footer class="footer-distributed">
 
<footer class="footer-distributed">
  
 
<div class="footer-right">
 
<div class="footer-right">
−
                    <strong>Location</strong>
+
                    <h3><strong>Contact Us</strong>
−
                 
+
</h3>
−
                     Bower Building, Wilkins Teaching Laboratory<br>
+
                    iGEM 2017 Glasgow<br>
 +
                     Bower Building<br>
 +
                    Wilkins Teaching Laboratory<br>
 
                     University of Glasgow  <br>
 
                     University of Glasgow  <br>
−
                    University Avenue <br>
+
<br>
−
                    G12 8QQ</div>
+
<a href="https://www.facebook.com/glasgowigem2017/"><img src="https://static.igem.org/mediawiki/2017/1/15/Glasgow2017_FBicon.png" width="30">
−
 
+
<a href="https://twitter.com/Glasgow_iGEM"><img src="https://static.igem.org/mediawiki/2017/e/eb/Glasgow2017_TWicon.PNG" width="30">
 +
<a href="https://www.instagram.com/igem.glasgow/"><img src="https://static.igem.org/mediawiki/2017/2/2a/Glasgow2017_INSTAicon.png" width="30"></a>
 +
<br><br>
 +
Email: igem.glasgow2017@gmail.com
 +
<br>
 +
</div>
 
<div class="footer-left">
 
<div class="footer-left">
 +
<center><h3><strong>Sponsors</strong>
 +
</h3>
 +
<br>
 +
<a href="https://www.gla.ac.uk/"><img class="sponsors" src="https://static.igem.org/mediawiki/2017/c/cc/T--Glasgow--GlasgowUni.png">
 +
<a href="https://www.eppendorf.com/UK-en/"><img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/2e/T--Glasgow--Eppendorf.jpg">
 +
<a href="https://www.bmglabtech.com/"><img class="sponsors" src="https://static.igem.org/mediawiki/2017/2/2f/T--Glasgow--BMG.gif">
 +
<br>
 +
<br>
 +
<a href="http://www.bbsrc.ac.uk/"><img class="sponsors" src="https://static.igem.org/mediawiki/2017/f/ff/T--Glasgow--BBSRC.png">
 +
<a href="https://eu.idtdna.com/site"><img class="sponsors" src="https://static.igem.org/mediawiki/2017/f/f4/T--Glasgow--IDT.png">
 +
<a href="https://www.neb.uk.com/"><img class="sponsors" src="https://static.igem.org/mediawiki/2017/4/42/T--Glasgow--NEB.png"></center>
 +
</footer>
  
−
                    <strong>Location</strong>
+
-->
−
                 
+
−
                    Bower Building, Wilkins Teaching Laboratory<br>
+
−
                    University of Glasgow  <br>
+
−
                    University Avenue <br>
+
−
                    G12 8QQ</div>
+
−
</div>
+
−
 
+
−
</footer>
+
−
</html>
+

Latest revision as of 22:03, 22 October 2017

iGEM 2017 Glasgow

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Expedita dolorem accusantium architecto id quidem, itaque nesciunt quam ducimus atque.

Contact Info

iGEM 2017 Glasgow
Bower Building
Wilkins Teaching Laboratory
University of Glasgow

igem.glasgow2017@gmail.com

Sponsors

© 2017 No rights reserved