Difference between revisions of "Team:Newcastle/Team"

(Prototype team page)
 
 
(55 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{Newcastle}}
 
{{Newcastle}}
 
<html>
 
<html>
 +
<style>
  
 +
.row{
 +
    margin-top: 1%;
 +
}
 +
.card{
 +
    margin-right:10%;
 +
}
 +
.card img
 +
{
 +
    mix-blend-mode: multiply;
 +
}
  
−
 
+
.front, .back
−
<div class="column full_size" >
+
{
−
 
+
  background-color: #efe6c5;
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
}
−
 
+
</style>
−
 
+
<body>
 +
<div class="column">
 +
<div class="row">
 +
    <div class="col-md-12">
 +
        <h2>Team</h2>
 +
    </div>
 
</div>
 
</div>
−
 
+
<div class="row">
−
<div class="column half_size" >
+
<div class="col-md-3">
−
<h5>Inspiration</h5>
+
        <div class="card">  
−
<p>You can look at what other teams did to get some inspiration! <br />
+
          <div class="front">  
−
Here are a few examples:</p>
+
              <img width="100%" src="https://static.igem.org/mediawiki/2016/6/65/T--Newcastle--Cards-Jake-Front.jpg"/>
−
<ul>
+
          </div>  
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
          <div class="back">
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
            <img width="100%" src="https://static.igem.org/mediawiki/2016/d/d2/T--Newcastle--Cards-Jake-Back.jpg"/>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
          </div>  
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
        </div>
−
</ul>
+
    </div>
−
 
+
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/1/1d/T--Newcastle--Cards-Kerry_Front.jpg"/>
 +
          </div>  
 +
          <div class="back">
 +
            <img width="100%" src="https://static.igem.org/mediawiki/2016/1/16/T--Newcastle--baseballkerryrev.png"/>
 +
          </div>  
 +
        </div>
 +
    </div>
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/0/0f/T--Newcastle--Cards-Rupert-Front.jpg"/>
 +
          </div>
 +
          <div class="back">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/5/53/T--Newcastle--Cards-Rupert-Reverse.jpg"/>
 +
          </div>  
 +
        </div>
 +
    </div>
 
</div>
 
</div>
−
 
+
<div class="row">
−
<div class="column half_size" >
+
<div class="col-md-3">
−
<h5>What should this page contain?</h5>
+
        <div class="card">  
−
<ul>
+
          <div class="front">
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
              <img width="100%" src="https://static.igem.org/mediawiki/2016/a/ae/T--Newcastle--Cards-Ollie-Front.jpg"/>
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
          </div>  
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
          <div class="back">
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
            <img width="100%" src="https://static.igem.org/mediawiki/2016/b/b4/T--Newcastle--Cards-Ollie-Back.jpg"/>
−
</ul>
+
          </div>  
 +
        </div>
 +
    </div>
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/b/b6/T--Newcastle--Cards-Lauren_Front.jpg"/>
 +
          </div>  
 +
          <div class="back">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/b/b7/T--Newcastle--BBCards-LaurenReverse.png"/>
 +
          </div>  
 +
        </div>
 +
    </div>
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/5/5c/T--Newcastle--Cards-Josh_Front.jpg"/>
 +
          </div>  
 +
          <div class="back">
 +
            <img width="100%" src="https://static.igem.org/mediawiki/2016/a/a1/T--Newcastle--joshrev.png"/>
 +
          </div>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
 +
<div class="row">
 +
<div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/5/5a/T--Newcastle--Baseball-Kristina.png"/>
 +
          </div>
 +
          <div class="back">
 +
            <img width="100%" src="https://static.igem.org/mediawiki/2016/e/ed/T--Newcastle--File_kristinarev.png"/>
 +
          </div>
 +
        </div>
 +
    </div>
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/6/6e/T--Newcastle--BaseballCards-Emilija.png"/>
 +
          </div>
 +
          <div class="back">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/7/7f/T--Newcastle--emilijarev.png"/>
 +
          </div>
 +
        </div>
 +
    </div>
 +
</div>
 +
<div class="row">
 +
    <div class="col-md-12">
 +
        <h2>Instructors</h2>
 +
    </div>
 +
</div>
 +
<div class="row">
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/9/9e/T--Newcastle--BaseballCards-Anil.png"/>
 +
          </div>
 +
          <div class="back">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/c/c2/T--Newcastle--anilrev.png"/>
 +
          </div>
 +
        </div>
 +
    </div>
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/6/64/T--Newcastle--BaseballCards-Tom.png"/>
 +
          </div>
 +
          <div class="back">
 +
            <img width="100%" src="https://static.igem.org/mediawiki/2016/4/42/T--Newcastle--tomrev.png"/>
 +
          </div>
 +
        </div>
 +
    </div>
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/1/11/T--Newcastle--Cards-Dana-Front.jpg"/>
 +
          </div>
 +
          <div class="back">
 +
            <img width="100%" src="https://static.igem.org/mediawiki/2016/d/db/T--Newcastle--BBCards-DanaReverse.png"/>
 +
          </div>
 +
        </div>
 +
    </div>
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/d/da/T--Newcastle--Cards-Jem-Front.jpg"/>
 +
          </div>
 +
          <div class="back">
 +
            <img width="100%" src="https://static.igem.org/mediawiki/2016/9/9a/T--Newcastle--jemrev.png"/>
 +
          </div>
 +
        </div>
 +
    </div>
 +
</div>
 +
<div class="row">
 +
    <div class="col-md-12">
 +
        <h2>Advisors</h2>
 +
    </div>
 +
</div>
 +
<div class="row">
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/a/a0/T--Newcastle--Cards-Martin-Front.png"/>
 +
          </div>
 +
          <div class="back">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/1/1e/T--Newcastle--martinrev.png"/>
 +
          </div>
 +
        </div>
 +
    </div>
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/9/96/T--Newcastle--Cards-Matt-Front.png"/>
 +
          </div>
 +
          <div class="back">
 +
            <img width="100%" src="https://static.igem.org/mediawiki/2016/9/94/T--Newcastle--BBCards-MattReverse.png"/>
 +
          </div>
 +
        </div>
 +
    </div>
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/a/a3/T--Newcastle--Cards-James-Front.png"/>
 +
          </div>
 +
          <div class="back">
 +
            <img width="100%" src="https://static.igem.org/mediawiki/2016/c/c1/T--Newcastle--jamesrev.png"/>
 +
          </div>
 +
        </div>
 +
    </div>
 +
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img width="100%" src="https://static.igem.org/mediawiki/2016/f/fc/T--Newcastle--Cards-Micheal-Front.png"/>
 +
          </div>
 +
          <div class="back">
 +
            <img width="100%" src="https://static.igem.org/mediawiki/2016/b/ba/T--Newcastle--BaseBall-Micheal-Reverse.png"/>
 +
          </div>
 +
        </div>
 +
    </div>
 +
</div>
 +
</div>
 +
<script src="https://2016.igem.org/Team:Newcastle/libs/jquery-flip-js?action=raw&ctype=text/javascript"></script>
  
 +
<script>
 +
$(function() {
 +
// Make sure card takes up space even when flip enabled.
 +
$(".card").height(Math.ceil($('.col-md-3').width() * 1.47));
 +
// Enable the flip plugin.
 +
$(".card").flip({
 +
  axis: 'y',
 +
  trigger: 'hover'
 +
}) });
 +
</script>
  
  
−
 
+
</body>
 
</html>
 
</html>

Latest revision as of 01:28, 20 October 2016

Team

Instructors

Advisors