Difference between revisions of "Team:Glasgow/Team"

(Replaced content with "{{TestGlasgowHeader}} {{TestGlasgowFooter}}")
Line 1: Line 1:
 
{{TestGlasgowHeader}}
 
{{TestGlasgowHeader}}
 
<html lang="en">
 
<head>
 
  <meta charset="utf-8">
 
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
  <meta name="viewport" content="width=device-width, initial-scale=1">
 
  <meta name="description" content="Meetup is a free responsive single page bootstrap template by designerdada.com">
 
  <meta name="author" content="Akash Bhadange">
 
  <title>Glasgow Team Page</title>
 
 
 
  <!-- Bootstrap -->
 
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" rel="stylesheet">
 
  <style>
 
  body {
 
font-family: 'Dosis', sans-serif;
 
        font-size: 16px;
 
letter-spacing: 0.8px;
 
}
 
h1, h2, h3, h4, h5, h6 {
 
font-weight: 200;
 
}
 
ul {
 
margin: 0;
 
padding: 0;
 
list-style: none;
 
}
 
a {
 
-webkit-transition: all 0.3s;
 
  -moz-transition: all 0.3s;
 
  transition: all 0.3s;
 
}
 
a:hover, a:focus, a:active, a:visited {
 
    text-decoration: none;
 
}
 
 
 
/* Buttons override */
 
.btn {
 
text-transform: uppercase;
 
    font-weight: 600;
 
}
 
.btn-lg {
 
padding: 15px 40px;
 
    font-size: 16px;
 
    line-height: none;
 
    border-radius: 4px;
 
}
 
.btn-red {
 
background-color: #dd5138;
 
color: #fff;
 
}
 
.btn-yellow {
 
background-color: #fcd93b;
 
color: #2a2a2a;
 
opacity: 0.8;
 
}
 
.btn-yellow:hover {
 
opacity: 1;
 
}
 
.btn-yellow.disabled:hover,
 
.btn-yellow[disabled]:hover {
 
    opacity: 0.65;
 
}
 
.content-ct {
 
text-align: center;
 
}
 
 
.hero-header {
 
background: #016cc7;
 
min-height: 600px;
 
padding: 5em;
 
color: #fff;
 
}
 
.hero-header h1 {
 
margin: 1em 0 0 0;
 
}
 
.hero-header h4 {
 
font-weight: normal;
 
opacity: 0.6;
 
    letter-spacing: 1px;
 
    margin: 2em 0;
 
}
 
.hero-header .logo {
 
max-width: 180px;
 
}
 
.hero-header .btn {
 
margin-top: 3em;
 
}
 
.hero-header .rocket {
 
max-width: 100%;
 
}
 
.me-row {
 
padding: 30px 0;
 
}
 
.row-title {
 
font-weight: 400;
 
}
 
.feature {
 
padding: 20px;
 
margin-top: 30px;
 
}
 
.feature span {
 
font-size: 5em;
 
    color: #016cc7;
 
}
 
 
.speaker .feature {
 
width: 31.333333%;
 
-webkit-transition: all 0.3s;
 
  -moz-transition: all 0.3s;
 
  transition: all 0.3s;
 
  margin-right: 20px;
 
  border: 3px solid #f6f6f6;
 
    border-radius: 5px;
 
}
 
.speaker .feature:hover {
 
    box-shadow: 3px 3px 10px #ccc;
 
    transform: translateY(-10px);
 
}
 
.speaker-img {
 
max-width: 40%;
 
    border: 4px solid #efefef;
 
    border-radius: 50%;
 
}
 
ul.speaker-social li {
 
list-style: none;
 
display: inline-block;
 
margin: 10px 5px;
 
}
 
ul.speaker-social li a {
 
font-size: 0.2em;
 
padding: 0 10px;
 
}
 
ul.speaker-social li a:hover {
 
text-decoration: none;
 
}
 
a span.ti-facebook {
 
color: #3b5998;
 
}
 
a span.ti-twitter-alt {
 
color: #4099ff;
 
}
 
 
 
.nav-tabs {
 
    margin-top: 20px;
 
}
 
.schedule .media {
 
margin-top: 4em;
 
}
 
.schedule .media-object {
 
max-width: 100px;
 
}
 
.schedule .media-heading {
 
font-weight: 600;
 
    border-bottom: 2px solid #efefef;
 
    padding-bottom: 10px;
 
}
 
.schedule .media-body h5 {
 
text-transform: uppercase;
 
font-weight: 600;
 
}
 
 
.contact {
 
    background-color: #3a3a3a;
 
    color: #fff;
 
    padding: 1em;
 
}
 
.contact h3 {
 
    margin-bottom: 30px;
 
}
 
.form-control {
 
    padding: 20px 15px;
 
    border: 3px solid #eee;
 
    background-color: #f9f9f9;
 
    box-shadow: none;
 
}
 
.help-block {
 
    font-size: 12px;
 
}
 
.form-control-feedback {
 
    top: 15px;
 
    right: 15px;
 
}
 
 
.animated {
 
    -webkit-animation-duration: 5s;
 
    animation-duration: 5s;
 
    -webkit-animation-fill-mode: both;
 
    animation-fill-mode: both;
 
    -webkit-animation-timing-function: linear;
 
    animation-timing-function: linear;
 
    animation-iteration-count:infinite;
 
    -webkit-animation-iteration-count:infinite;
 
}
 
 
@-webkit-keyframes bounce {
 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
 
    40% {-webkit-transform: translateY(-30px);}
 
    60% {-webkit-transform: translateY(-15px);}
 
}
 
 
@keyframes bounce {
 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
 
    40% {transform: translateY(-30px);}
 
    60% {transform: translateY(-15px);}
 
}
 
 
.bounce {
 
    -webkit-animation-name: bounce;
 
    animation-name: bounce;
 
}
 
 
/* ========================================
 
    Custom Media Queries
 
======================================== */
 
 
/* Mobile */
 
 
@media (max-width: 767px) {
 
    .hero-header {
 
        padding: 3em 1em 1em 1em;
 
        text-align: center;
 
        max-height: 550px;
 
    }
 
    .speaker .feature {
 
        width: 100%
 
    }
 
    .footer-credit {
 
        text-align: center;
 
        padding: 40px 20px;
 
    }
 
    ul.footer-menu {
 
        text-align: center;
 
        margin-top: 30px;
 
    }
 
}
 
 
 
/* iPad Portrait */
 
 
@media (min-width: 768px) and (max-width: 991px) {
 
    .hero-header {
 
        padding: 3em 1em 1em 1em;
 
        text-align: center;
 
    }
 
    .speaker .feature {
 
        width: 49%;
 
        margin-right: 7px;
 
    }
 
    ul.footer-menu {
 
        margin-top: 0;
 
    }
 
}
 
 
 
/* iPad Landscape */
 
 
@media (min-width: 992px) and (max-width: 1199px) {
 
    .speaker .feature {
 
        width: 49%;
 
        margin-right: 9px;
 
    }
 
}
 
  </style>
 
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
    <!--[if lt IE 9]>
 
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
 
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
      <![endif]-->
 
    </head>
 
 
        <!-- Start: Speakers -->
 
        <div class="row me-row content-ct speaker" id="speakers">
 
          <h2 class="row-title">Team</h2>
 
          <br>
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/a/a4/Glasgowgreigteampic.png" class="speaker-img">
 
            <h3>Greig McLay</h3>
 
<h5>MEng Biomedical Engineering<h5>
 
            <p>Greig has recently become a fidget spinner guru and now teaches workshops on the sport across the globe. Greig’s favourite spin is the flying ninja E. coli death spin.
 
</p>
 
            <ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/b/ba/Glasgowambrateampic.jpeg" class="speaker-img">
 
            <h3>Ambra Giuliano</h3>
 
<h5>BA (Hons) Economics and Politics<h5>
 
            <p>Ambra is the former Italian secretary of state. She now works for the legal department of our iGEM team and is our AMBRAssador, some of her recent work includes forming peace treaties between our two unions GUU and QMU.
 
</p>
 
            <ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/2/26/Glasgowhannahteampic.jpeg" class="speaker-img">
 
            <h3>Hannah Taylor</h3>
 
<h5>BSc (Hons) Genetics<h5>
 
            <p>Hannah is a former FBI investigator. She unveiled the tampering of the 2017 Glasgow iGEM Mascot Election. She is now retired and does iGEM team investigations. She is our Edward Snowden.  </p>
 
<ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/5/5e/Glasgowalisonteampic.png" class="speaker-img">
 
            <h3>Alison Stewart</h3>
 
<h5>BSc (Hons) Genetics<h5>
 
            <p>Following her supposed death in 2003 and immanent replacement by Melissa, Avril Lavigne now lives a quiet life in Glasgow and is part of the 2017 iGEM team. She now calls herself Alison.
 
</p>
 
<ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/3/3c/Glasgowfrazerteampic.png" class="speaker-img">
 
            <h3>Frazer Buchanan</h3>
 
<h5>BSc (Hons) Genetics<h5>
 
            <p>Frazer is a former acrobat from the Glasgow circus and now somersaults around our lab. He is also a world champion crossword solver and has a Nobel prize in crossword engineering. He enjoys a tipple of agarose mojitos.
 
</p>
 
            <ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/3/3c/Glasgowreubenteampic.png" class="speaker-img">
 
            <h3>Reuben Docea</h3>
 
<h5>MEng Biomedical Engineering<h5>
 
            <p>Meet Reuben. He is plagued by a dark, debilitating secret: Petty theft. There is nothing too lacking in value which he will not covet. Your family photos? Bye. Your cat food? Gone. This cactus from the Bower building?... Au revoir</p>
 
            <ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/7/7e/Glasgowrossteampic.png" class="speaker-img">
 
            <h3>Ross Hannah</h3>
 
<h5>BSc (Hons) Genetics<h5>
 
            <p>Ross is a former MI6 agent and eligible bachelor currently residing in Glasgow. He likes his agar shaken not stirred.
 
</p>
 
            <ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/1/16/Glasgowailishteampic.png" class="speaker-img">
 
            <h3>Ailish O'Sullivan</h3>
 
<h5>BSc (Hons) Genetics<h5>
 
            <p>Ailish has a long list of words that she hates. The rest of the team are going to take part in a subproject to discover them all.
 
</p>
 
            <ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
<ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/5/55/Glasgowjaneteampic.png" class="speaker-img">
 
            <h3>Jane Gourlay</h3>
 
<h5>BSc (Hons) Genetics<h5>
 
            <p>Jane is a former Bigfoot hunter, however upon never finding him, she has entered iGEM to genetically modify bears to create her own Bigfoot. </p>
 
<ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/7/76/Glasgownataliateampic.png" class="speaker-img">
 
            <h3>Natalia Brzozowska</h3>
 
<h5>BSc (Hons) Genetics<h5>
 
            <p>At the age of one Natalia won the TATA box trophy for contributions to Genetics. By age five she was running her own research lab at MIT. Since then she has been honoured and given medals by the Queen, Dalai Lama, Bill Nye and Ed Sheeran. She’s taking some down time by competing in iGEM this year. </p>
 
<ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/7/76/Glasgownataliateampic.png" class="speaker-img">
 
            <h3>Ruiyang He</h3>
 
<h5>High School Intern<h5>
 
            <p>Filler text filler text filler text</p>
 
<ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
 
          <div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
 
            <img src="https://static.igem.org/mediawiki/2017/7/76/Glasgownataliateampic.png" class="speaker-img">
 
 
 
            <h3>Henrietta</h3>
 
<h5>#1 iGEM Mascot<h5>
 
            <p>Henrietta is Glasgow iGEM's favourite chicken. </p>
 
 
          </div>
 
        </div>
 
    <div class="row me-row content-ct speaker" id="speakers">
 
<h2 class="row-title">Advisors & Supervisors</h2>
 
          <br>
 
 
<div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/a/a4/Glasgowgreigteampic.png" class="speaker-img">
 
            <h3>Dr Sean Colloms</h3>
 
<h5>Primary Supervsior<h5>
 
            <p>Greig has recently become a fidget spinner guru and now teaches workshops on the sport across the globe. Greig’s favourite spin is the flying ninja E.coli death spin.
 
</p>
 
<ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
<div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/a/a4/Glasgowgreigteampic.png" class="speaker-img">
 
            <h3>Dr Julien Reboud</h3>
 
<h5>Secondary Supervisor<h5>
 
            <p>Julien.
 
</p>
 
<ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
 
 
 
 
 
 
 
 
 
<div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/a/a4/Glasgowgreigteampic.png" class="speaker-img">
 
            <h3>James Provan</h3>
 
<h5>Advisor<h5>
 
            <p>Greig has recently become a fidget spinner guru and now teaches workshops on the sport across the globe. Greig’s favourite spin is the flying ninja E.coli death spin.
 
</p>
 
            <ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
<div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/a/a4/Glasgowgreigteampic.png" class="speaker-img">
 
            <h3>Jumai Abioye</h3>
 
<h5>Advisor<h5>
 
            <p>Greig has recently become a fidget spinner guru and now teaches workshops on the sport across the globe. Greig’s favourite spin is the flying ninja E.coli death spin.
 
</p>
 
            <ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
<div class="col-md-4 col-sm-6 feature" style="width:800px; margin:0 auto;">
 
            <img src="https://static.igem.org/mediawiki/2017/a/a4/Glasgowgreigteampic.png" class="speaker-img">
 
            <h3>Katy Baker</h3>
 
<h5>Advisor<h5>
 
            <p>Greig has recently become a fidget spinner guru and now teaches workshops on the sport across the globe. Greig’s favourite spin is the flying ninja E.coli death spin.
 
</p>
 
            <ul class="speaker-social">
 
              <li><a href="#"><span class="ti-facebook"></span></a></li>
 
              <li><a href="#"><span class="ti-twitter-alt"></span></a></li>
 
              <li><a href="#"><span class="ti-linkedin"></span></a></li>
 
            </ul>
 
          </div>
 
        <!-- End: Speakers -->
 
      </div>
 
     
 
      <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
      <!-- Include all compiled plugins (below), or include individual files as needed -->
 
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
    </body>
 
    </html>
 
 
  
 
{{TestGlasgowFooter}}
 
{{TestGlasgowFooter}}

Revision as of 14:42, 16 October 2017

Glasgow iGEM 2017

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