Difference between revisions of "Team:Oxford/Team"

Line 3: Line 3:
  
 
<html>
 
<html>
 
+
<style>
#text
+
.carousel-caption {
{
+
     background: rgba(255, 255, 255, 0.35);
     z-index:100;
+
     width: 5;
    position:absolute;   
+
     height: 5;
    color:white;
+
    font-size:24px;
+
    font-weight:bold;
+
     left:150px;
+
     top:350px;
+
 
}
 
}
 +
</style>
  
 +
<body>
 
<div class="container" style="margin-top: 80px">   
 
<div class="container" style="margin-top: 80px">   
  
Line 55: Line 52:
 
<div class="row" style="margin-top: 40px">
 
<div class="row" style="margin-top: 40px">
 
     <div class="col-sm-3">
 
     <div class="col-sm-3">
     <img class="img-responsive img-circle" src="https://static.igem.org/mediawiki/2017/1/12/T--oxford--team--noah--circle.jpeg">
+
     <div class = "carousel slide carousel-inner" id="mycarousel" data-ride="carousel">
    <p id="text">Noah</p>
+
        <div class="item active">
 
+
          <img class="img-responsive img-circle" src="https://static.igem.org/mediawiki/2017/1/12/T--oxford--team--noah--circle.jpeg">
 +
          <div class="carousel-caption">
 +
          Noah Sprent
 +
          </div>
 +
        </div>
 
     </div>
 
     </div>
    <div class="col-sm-3">
 
    <img class="img-responsive img-circle" src="https://static.igem.org/mediawiki/2017/2/2f/T--oxford--team--sumaera--circle.jpeg">
 
 
     </div>
 
     </div>
 +
   
 
     <div class="col-sm-3">
 
     <div class="col-sm-3">
     <img class="img-responsive img-circle" src="https://static.igem.org/mediawiki/2017/8/81/T--oxford--team--zoec--circle.jpeg">
+
     <div class = "carousel slide carousel-inner" id="mycarousel" data-ride="carousel">
 +
        <div class="item active">
 +
          <img class="img-responsive img-circle" src="https://static.igem.org/mediawiki/2017/2/2f/T--oxford--team--sumaera--circle.jpeg">
 +
          <div class="carousel-caption">
 +
          Sumaera Rathore
 +
          </div>
 +
        </div>
 
     </div>
 
     </div>
 +
    </div>
 +
   
 
     <div class="col-sm-3">
 
     <div class="col-sm-3">
     <img class="img-responsive img-circle" src="https://static.igem.org/mediawiki/2017/e/eb/T--oxford--team--zoef--circle.jpeg">
+
     <div class = "carousel slide carousel-inner" id="mycarousel" data-ride="carousel">
 +
        <div class="item active">
 +
          <img class="img-responsive img-circle" src="https://static.igem.org/mediawiki/2017/8/81/T--oxford--team--zoec--circle.jpeg">
 +
          <div class="carousel-caption">
 +
          Zoë Catchpole
 +
          </div>
 +
        </div>
 
     </div>
 
     </div>
</div>
+
    </div>
 
+
   
<div id="mycarousel" class="carousel slide" data-ride="carousel">
+
    <div class="col-sm-3">
     <div class="carousel-inner">
+
     <div class = "carousel slide carousel-inner" id="mycarousel" data-ride="carousel">
 
         <div class="item active">
 
         <div class="item active">
 
         <img src="https://static.igem.org/mediawiki/2017/e/eb/T--oxford--team--zoef--circle.jpeg" alt="" class="img-responsive img-circle">
 
         <img src="https://static.igem.org/mediawiki/2017/e/eb/T--oxford--team--zoef--circle.jpeg" alt="" class="img-responsive img-circle">
 
           <div class="carousel-caption">
 
           <div class="carousel-caption">
           Zoe Ford !
+
           Zoe Ford
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 +
    </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
 +
  
 
</div>
 
</div>
 +
</body>
 +
  
  

Revision as of 15:31, 26 July 2017


Team

In this page you can introduce your team members, instructors, and advisors.

Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

What should this page contain?
  • Include pictures of your teammates, don’t forget instructors and advisors!
  • 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.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space.