|
|
| Line 1: |
Line 1: |
| − | <html>
| |
| | | | |
| − | <head>
| |
| − | <script src="https://use.fontawesome.com/3fa5253cb7.js"></script>
| |
| − | </head>
| |
| − |
| |
| − | <footer>
| |
| − | <style>
| |
| − | #content {
| |
| − | width:auto;
| |
| − | height:auto;
| |
| − | padding:0px 0px 0px 0px;
| |
| − |
| |
| − | }
| |
| − | .social-buttons {
| |
| − | height: 90px;
| |
| − | margin: auto;
| |
| − | font-size: 0;
| |
| − | text-align: center;
| |
| − | top: 0;
| |
| − | bottom: 0;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | }
| |
| − |
| |
| − | .social-button {
| |
| − | display: inline-block;
| |
| − | background-color: #2E2E2E;
| |
| − | width: 40px;
| |
| − | height: 40px;
| |
| − | line-height: 0vh;
| |
| − | margin: 0 10px;
| |
| − | text-align: center;
| |
| − | position: relative;
| |
| − | overflow: hidden;
| |
| − | opacity: .99;
| |
| − | border-radius: 38%;
| |
| − | box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.25);
| |
| − | -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
| |
| − | transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
| |
| − | }
| |
| − | .social-button:before {
| |
| − | content: '';
| |
| − | background-color: #000;
| |
| − | width: 120%;
| |
| − | height: 120%;
| |
| − | position: absolute;
| |
| − | top: 90%;
| |
| − | left: -110%;
| |
| − | -webkit-transform: rotate(45deg);
| |
| − | -ms-transform: rotate(45deg);
| |
| − | transform: rotate(45deg);
| |
| − | -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
| |
| − | transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
| |
| − | }
| |
| − | .social-button .fa {
| |
| − | color: black;
| |
| − | font-size: 38px;
| |
| − | vertical-align: middle;
| |
| − | -webkit-transform: scale(0.8);
| |
| − | -ms-transform: scale(0.8);
| |
| − | transform: scale(0.8);
| |
| − | -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
| |
| − | transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
| |
| − | }
| |
| − | .social-button.facebook:before {
| |
| − | background-color: #3B5998;
| |
| − | }
| |
| − | .social-button.facebook .fa {
| |
| − | color: #3B5998;
| |
| − | }
| |
| − | .social-button.twitter:before {
| |
| − | background-color: #3CF;
| |
| − | }
| |
| − | .social-button.twitter .fa {
| |
| − | color: #3CF;
| |
| − | }
| |
| − | .social-button.instagram:before {
| |
| − | background-color: #e30255
| |
| − | }
| |
| − | .social-buton.instagram .fa {
| |
| − | color: #e30255
| |
| − | }
| |
| − | .social-button:hover:before {
| |
| − | top: -10%;
| |
| − | left: -10%;
| |
| − | }
| |
| − | .social-button:hover .fa {
| |
| − | color: #fff;
| |
| − | -webkit-transform: scale(1);
| |
| − | -ms-transform: scale(1);
| |
| − | transform: scale(1);
| |
| − | }
| |
| − | .social-button:focus {
| |
| − | opacity: .85;
| |
| − | }
| |
| − | h4{
| |
| − | font-size:20px;
| |
| − | color:white;
| |
| − | text-align:center;
| |
| − | }
| |
| − | .footerinfo{
| |
| − | color:white;
| |
| − | text-align:center;
| |
| − | }
| |
| − | .jumbotron{
| |
| − | background-color:#414141;
| |
| − | margin-bottom: -30px;
| |
| − | }
| |
| − | </style>
| |
| − | <div class="jumbotron">
| |
| − | <div class="container">
| |
| − | <div class="col-md-4">
| |
| − | <h4><strong>Location</strong></h4>
| |
| − | <p><div class="footerinfo">
| |
| − | Bower Building, Wilkins Teaching Laboratory<br>
| |
| − | University of Glasgow <br>
| |
| − | University Avenue <br>
| |
| − | G12 8QQ</div>
| |
| − | </p>
| |
| − | </div>
| |
| − | <div class="col-md-4">
| |
| − | <h4>
| |
| − | <strong>Follow Us On</strong>
| |
| − | </h4>
| |
| − | <p>
| |
| − | <div class="social-buttons">
| |
| − | <a href="https://www.facebook.com/glasgowigem2017" target="_blank" class="social-button facebook"><i class="fa fa-facebook" arai-hidden="true"></i></a>
| |
| − | <a href="https://twitter.com/Glasgow_iGEM" target="_blank" class="social-button twitter"><i class="fa fa-twitter" arai-hidden="true"></i></a>
| |
| − | <a href="https://www.instagram.com/igem.glasgow/" target="_blank" class="social-button instagram"><i class="fa fa-instagram" arai-hidden="true"></i></a>
| |
| − | </div>
| |
| − | </p>
| |
| − | </div>
| |
| − | <div class="col-md-4">
| |
| − | <center>
| |
| − | <img src="https://static.igem.org/mediawiki/2015/thumb/a/ae/2015-Glasgow-sticker.png/463px-2015-Glasgow-sticker.png" style="max-height:200px;">
| |
| − | </center>
| |
| − | </div>
| |
| − | </br>
| |
| − | </br>
| |
| − | </br>
| |
| − | <div>
| |
| − | </div>
| |
| − | <p>
| |
| − | <hr class="featurette-divider">
| |
| − | </br>
| |
| − | </br>
| |
| − | </br>
| |
| − | </br>
| |
| − | <div>
| |
| − | <section style="text-align: center; padding: 0px; margin: 0px">
| |
| − | <div style="padding: 18px;">
| |
| − | <a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2015/0/0a/IDT_logo_trans.png" style="max-height:40px;margin:10px;"></a>
| |
| − | <a href="http://www.gla.ac.uk"><img src="https://static.igem.org/mediawiki/2015/7/77/2015-Glasgow-Glasgow.png" style="max-height:40px;margin:10px;"></a>
| |
| − | <a href="http://www.msd-uk.com/Pages/home.aspx"><img src="https://static.igem.org/mediawiki/2015/5/5a/2015-Glasgow-MDS.png" style="max-height:40px;margin:10px;"></a>
| |
| − | <a href="http://www.sulsa.ac.uk/"><img src="https://static.igem.org/mediawiki/2015/4/44/2015-Glasgow-SULSA.png" style="max-height:40px;margin:10px;"></a>
| |
| − | <a href="http://www.bbsrc.ac.uk/"><img src="https://static.igem.org/mediawiki/2015/5/5c/Dundee15-bbsrc-logo.png" style="max-height:40px;margin:10px;"></a>
| |
| − | <a href="http://www.sfam.org.uk/"><img src="https://static.igem.org/mediawiki/2015/2/28/Dundee15-sfam-logo.png" style="max-height:40px;margin:10px;"></a>
| |
| − | <a href="http://www.sebiology.org/"><img src="https://static.igem.org/mediawiki/2015/2/28/Dundee15-seb-logo.png" style="max-height:40px;margin:10px;"></a>
| |
| − | <a href="http://www.sgm.ac.uk/"><img src="https://static.igem.org/mediawiki/2015/a/a1/2015-Glasgow-sgm.png" style="max-height:40px;margin:10px;"></a>
| |
| − | <a href="http://www.wellcome.ac.uk/"><img src="https://static.igem.org/mediawiki/2015/7/75/Dundee15-wellcome-logo.png" style="max-height:40px;margin:10px;"></a>
| |
| − | </div>
| |
| − | </section>
| |
| − | </div>
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </footer>
| |
| − | </div>
| |
| − | </html>
| |
