Difference between revisions of "Template:TestGlasgowFooter"

 
(39 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<!--Stylesheets in the header-->
+
<style>
−
<div class="footer_container">
+
.marketing-site-footer {
−
<div class="col-md-4">
+
  background: #2c3840;
−
                     <h4><strong>Location</strong></h4>
+
  color: #8aa0ae;
−
                     <p>
+
  padding: 2rem 0 0;
−
                     Bower Building, Wilkins Teaching Laboratory<br>
+
}
 +
 
 +
.marketing-site-footer .marketing-site-footer-menu-social a {
 +
  color: #fefefe;
 +
}
 +
 
 +
.marketing-site-footer .column-block {
 +
  margin-bottom: 30px;
 +
}
 +
 
 +
.marketing-site-footer > .row {
 +
  margin-bottom: 1rem;
 +
}
 +
 
 +
@media screen and (max-width: 39.9375em) {
 +
  .marketing-site-footer .columns {
 +
    margin-bottom: 2rem;
 +
  }
 +
}
 +
 
 +
.marketing-site-footer-name {
 +
  color: #fefefe;
 +
  margin-bottom: 1rem;
 +
  font-size: 2rem;
 +
}
 +
 
 +
.marketing-site-footer-title {
 +
  color: #fefefe;
 +
  margin-bottom: 1rem;
 +
  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;
 +
}
 +
 
 +
.marketing-site-footer-block p {
 +
  margin-left: 1rem;
 +
  line-height: 1.125rem;
 +
}
 +
 
 +
.marketing-site-footer-bottom {
 +
  background: #020304;
 +
  padding: 1rem 0;
 +
}
 +
 
 +
.marketing-site-footer-bottom p,
 +
.marketing-site-footer-bottom .menu {
 +
  margin-bottom: 0;
 +
}
 +
 
 +
.marketing-site-footer-bottom .marketing-site-footer-bottom-links {
 +
  -webkit-justify-content: flex-end;
 +
      -ms-flex-pack: end;
 +
          justify-content: flex-end;
 +
}
 +
 
 +
.marketing-site-footer-bottom .marketing-site-footer-bottom-links a {
 +
  color: #8aa0ae;
 +
}
 +
 
 +
@media screen and (max-width: 63.9375em) {
 +
  .marketing-site-footer-bottom .marketing-site-footer-bottom-links {
 +
    -webkit-justify-content: center;
 +
        -ms-flex-pack: center;
 +
            justify-content: center;
 +
  }
 +
}
 +
 
 +
@media screen and (max-width: 63.9375em) {
 +
  .marketing-site-footer-bottom {
 +
    text-align: center;
 +
  }
 +
}
 +
</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">
 +
 
 +
<div class="footer-right">
 +
                    <h3><strong>Contact Us</strong>
 +
</h3>
 +
                     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
+
<a href="https://www.facebook.com/glasgowigem2017/"><img src="https://static.igem.org/mediawiki/2017/1/15/Glasgow2017_FBicon.png" width="30">
−
                    </p>
+
<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>
−
</html>
+
<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>
 +
 
 +
-->

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