Difference between revisions of "Template:TestGlasgowFooter"

(Created page with "<html> <!--Stylesheets in the header--> <div class="footer_container"> <div class="row"> <div class="small-6 columns"> <ul class="menu"> <li class="main_footer_links...")
 
 
(41 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="row">
+
  background: #2c3840;
−
<div class="small-6 columns">
+
  color: #8aa0ae;
−
<ul class="menu">
+
  padding: 2rem 0 0;
−
<li class="main_footer_links">
+
}
−
<a href="/Team:Glasgow">Home</a>
+
 
−
</li>
+
.marketing-site-footer .marketing-site-footer-menu-social a {
−
<li class="main_footer_links">
+
  color: #fefefe;
−
<a href="#">Project</a>
+
}
−
<ul class="vertical menu">
+
 
−
<li><a href="https://2016.igem.org/Team:Glasgow/Interlab">Interlab</a></li>
+
.marketing-site-footer .column-block {
−
<li><a href="https://2016.igem.org/Team:Glasgow/beta-carotene">β-carotene Synthesis</a></li>
+
  margin-bottom: 30px;
−
<li><a href="https://2016.igem.org/Team:Glasgow/ProofofConcept">Proof-of-Concept</a></li>
+
}
−
<li><a href="https://2016.igem.org/Team:Glasgow/Chassis">Chassis</a></li>
+
 
−
    <li><a href="https://2016.igem.org/Team:Glasgow/Description">Characterising amilCP</a></li>
+
.marketing-site-footer > .row {
−
    <li><a href="https://2016.igem.org/Team:Glasgow/Measurement">Measurement</a></li>
+
  margin-bottom: 1rem;
−
    <li><a href="https://2016.igem.org/Team:Glasgow/ShuttleVector">Shuttle Vector</a></li>
+
}
−
<li><a href="https://2016.igem.org/Team:Glasgow/Transcriptomics">Transcriptomics</a></li>
+
 
−
<li><a href="https://2016.igem.org/Team:Glasgow/SIM">Self-Inactivating Mechanism</a></li>
+
@media screen and (max-width: 39.9375em) {
−
</ul>
+
  .marketing-site-footer .columns {
−
</li>
+
    margin-bottom: 2rem;
−
<li class="main_footer_links">
+
  }
−
<a href="#">Engineering</a>
+
}
−
<ul class="vertical menu">
+
 
−
    <li><a href="https://2016.igem.org/Team:Glasgow/Design">Design</a></li>
+
.marketing-site-footer-name {
−
    <li><a href="https://2016.igem.org/Team:Glasgow/Entrepreneurship">Entrepreneurship</a></li>
+
  color: #fefefe;
−
    <li><a href="https://2016.igem.org/Team:Glasgow/Yoghurt-maker">Prototype</a></li>
+
  margin-bottom: 1rem;
−
</ul>
+
  font-size: 2rem;
−
</li>
+
}
−
<li class="main_footer_links">
+
 
−
<a href="#">Practices</a>
+
.marketing-site-footer-title {
−
    <ul class="vertical menu">
+
  color: #fefefe;
−
    <li><a href="https://2016.igem.org/Team:Glasgow/HP/Silver">Silver</a></li>
+
  margin-bottom: 1rem;
−
<li><a href="https://2016.igem.org/Team:Glasgow/HP/Gold">Gold</a></li>
+
  font-size: 1.25rem;
−
        <li><a href="https://2016.igem.org/Team:Glasgow/GMOLegislation">GMO Legislation</a></li>
+
}
−
    <li><a href="https://2016.igem.org/Team:Glasgow/Engagement">Outreach</a></li>
+
 
−
    <li><a href="https://2016.igem.org/Team:Glasgow/Collaborations">Collaborations</a></li>
+
.marketing-site-footer-block {
−
    <li><a href="https://2016.igem.org/Team:Glasgow/Integrated_Practices">Integrated Human Practices</a></li>
+
  display: -webkit-flex;
−
</ul>
+
  display: -ms-flexbox;
−
</li>
+
  display: flex;
−
<li class="main_footer_links">
+
  margin-bottom: 1rem;
−
<a href="https://2016.igem.org/Team:Glasgow/Team">Notebook</a>
+
}
−
<ul class="vertical menu">
+
 
−
<li><a href="https://2016.igem.org/Team:Glasgow/Protocols">Protocols</a></li>
+
.marketing-site-footer-block .fa {
−
<li><a href="https://2016.igem.org/Team:Glasgow/WeeklyJournal">Weekly Journal</a></li>
+
  font-size: 2rem;
−
</ul>
+
  color: #020304;
−
</li>
+
}
−
<li class="main_footer_links">
+
 
−
<a href="https://2016.igem.org/Team:Glasgow/Team">People</a>
+
.marketing-site-footer-block p {
−
<ul class="vertical menu">
+
  margin-left: 1rem;
−
<li><a href="https://2016.igem.org/Team:Glasgow/Team">Team</a></li>
+
  line-height: 1.125rem;
−
<li><a href="https://2016.igem.org/Team:Glasgow/Attributions">Attributions</a></li>
+
}
−
</ul>
+
 
−
</li>
+
.marketing-site-footer-bottom {
−
</ul>
+
  background: #020304;
−
</div>
+
  padding: 1rem 0;
−
<div class="small-3 columns">
+
}
−
<div class="social">
+
 
−
<div class="facebook icon"></div><a class="show-for-large" href="https://www.facebook.com/Glasgow-iGEM-2016-894843793971792/">Like us on Facebook</a>
+
.marketing-site-footer-bottom p,
−
</div>
+
.marketing-site-footer-bottom .menu {
−
<div class="social">
+
  margin-bottom: 0;
−
<div class="twitter icon"></div><a class="show-for-large" href="https://twitter.com/Glasgow_iGEM">Follow us on Twitter</a>
+
}
−
</div>
+
 
−
<div class="social">
+
.marketing-site-footer-bottom .marketing-site-footer-bottom-links {
−
<div class="instagram icon"></div><a class="show-for-large" href="https://www.instagram.com/glasgowigem/">Follow us on Instagram</a>
+
  -webkit-justify-content: flex-end;
−
</div>
+
      -ms-flex-pack: end;
−
</div>
+
          justify-content: flex-end;
−
</div>
+
}
−
</div>
+
 
 +
.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>
 
</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>
 +
<br>
 +
<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">
 +
<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