Difference between revisions of "Team:Newcastle/Team"

m (Auto-flip on page load.)
m (Add second test card, make cards rotate on own axis.)
Line 5: Line 5:
 
<div class="col-md-12">
 
<div class="col-md-12">
 
<h2>Team</h2>
 
<h2>Team</h2>
−
<div class="card">
 
−
  <div class="front">
 
−
    <img src="https://static.igem.org/mediawiki/2016/0/0f/T--Newcastle--Cards-Rupert-Front.jpg"/>
 
−
  </div>
 
−
  <div class="back">
 
−
    <img src="https://static.igem.org/mediawiki/2016/5/53/T--Newcastle--Cards-Rupert-Reverse.jpg"/>
 
−
  </div>
 
 
</div>
 
</div>
−
</div>
+
<div>
−
</div>
+
<div class="row">
−
<h2>Advisors</h2>
+
    <div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img src="https://static.igem.org/mediawiki/2016/0/0f/T--Newcastle--Cards-Rupert-Front.jpg"/>
 +
          </div>  
 +
        <div class="back">
 +
            <img src="https://static.igem.org/mediawiki/2016/5/53/T--Newcastle--Cards-Rupert-Reverse.jpg"/>
 +
        </div>  
 +
    </div>
 +
<div class="col-md-3">
 +
        <div class="card">
 +
          <div class="front">
 +
              <img src="https://static.igem.org/mediawiki/2016/0/0f/T--Newcastle--Cards-Rupert-Front.jpg"/>
 +
          </div>
 +
        <div class="back">
 +
            <img src="https://static.igem.org/mediawiki/2016/5/53/T--Newcastle--Cards-Rupert-Reverse.jpg"/>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
 
<script src="https://2016.igem.org/Team:Newcastle/libs/jquery-flip-js?action=raw&ctype=text/javascript"></script>
 
<script src="https://2016.igem.org/Team:Newcastle/libs/jquery-flip-js?action=raw&ctype=text/javascript"></script>
Line 25: Line 35:
 
</script>
 
</script>
 
<style>
 
<style>
−
img
+
.card, .card img
 
{
 
{
 
  max-width: 100px;
 
  max-width: 100px;

Revision as of 14:44, 21 September 2016

Team