Difference between revisions of "Team:Michigan Software/Team"

(Prototype team page)
 
Line 1: Line 1:
 
{{Michigan_Software}}
 
{{Michigan_Software}}
−
<html>
 
  
 +
<html lang="en">
 +
<head>
 +
 +
<style>
 +
.carousel-inner .item img{
 +
    width: 100%;
 +
}
 +
</style>
 +
 +
  <title>Bootstrap Example</title>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 +
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
 +
</head>
 +
<body>
  
 +
<div class="container">
  
−
<div class="column full_size" >
 
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
 
  
 +
<div id="myCarousel" class="carousel slide" data-ride="carousel">
 +
  <!-- Indicators -->
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
    <li data-target="#myCarousel" data-slide-to="1"></li>
 +
    <li data-target="#myCarousel" data-slide-to="2"></li>
 +
    <li data-target="#myCarousel" data-slide-to="3"></li>
 +
  </ol>
  
−
</div>
+
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner" role="listbox">
 +
    <div class="item active">
 +
<img src="https://amitchellcreative.files.wordpress.com/2012/08/chelsea_portrait_bus.jpg">
 +
<div class="carousel-caption">
 +
        <h3>Josh Abramson</h3>
 +
        <p>I'm Josh Abramson, one of the team's co-founders and the current president. Hailing from West Bloomfield, I've made a living studying Biology, Mathematics, and Chemical Physics at the University of Michigan. Before leading the software team, I was on the Michigan lab team for 4 years as a member and 1 year as an advisor. Outside of iGEM, I enjoy tree climbing, playing pranks on my professors, and computer games.</p>
 +
      </div>
 +
    </div>
  
−
<div class="column half_size" >
+
 
−
<h5>Inspiration</h5>
+
  </div>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
 +
  <!-- Left and right controls -->
 +
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 +
    <span class="sr-only">Previous</span>
 +
  </a>
 +
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 
</div>
 
</div>
  
−
<div class="column half_size" >
+
 
−
<h5>What should this page contain?</h5>
+
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<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>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
 
</div>
 
</div>
−
 
+
</body>
−
 
+
−
 
+
−
 
+
 
</html>
 
</html>

Revision as of 16:30, 8 July 2016

Bootstrap Example