|
|
(4 intermediate revisions by one other user not shown) |
Line 1: |
Line 1: |
| + | {{Michigan_Software}} |
| + | <html> |
| | | |
− | <html lang="en">
| |
− | <head>
| |
− |
| |
− | <style>
| |
− | .carousel-inner .item img{
| |
− | width: 100%;
| |
− | }
| |
− | .carousel: {
| |
− | margin-top: 77px;
| |
− | height: 100%;
| |
− | margin-bottom: 0px;
| |
− | max-width: 1170px;
| |
− | margin: 0 auto;
| |
− | position: relative;
| |
− | }
| |
| | | |
− | .carousel-indicators {
| |
− | position: absolute;
| |
− | bottom: 10px;
| |
− | left: 0;
| |
− | z-index: 15;
| |
− | width: 60%;
| |
− | margin-left: 20px;
| |
− | list-style: none;
| |
− | text-align: center;
| |
− | }
| |
− | </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>
| |
| | | |
− | <br> <br> | + | <div class="column full_size" > |
| | | |
− | <div class="container"> | + | <p>In this page you can introduce your team members, instructors, and advisors. </p> |
| | | |
| | | |
| + | </div> |
| | | |
− | <div id="myCarousel" class="carousel slide" data-ride="carousel"> | + | <div class="column half_size" > |
− | <!-- Indicators -->
| + | <h5>Inspiration</h5> |
− | <ol class="carousel-indicators">
| + | <p>You can look at what other teams did to get some inspiration! <br /> |
− | <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
| + | Here are a few examples:</p> |
− | <li data-target="#myCarousel" data-slide-to="1"></li>
| + | <ul> |
− | <li data-target="#myCarousel" data-slide-to="2"></li>
| + | <li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li> |
− | <li data-target="#myCarousel" data-slide-to="3"></li>
| + | <li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li> |
− | </ol>
| + | <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> |
| | | |
− | <!-- Wrapper for slides -->
| + | </div> |
− | <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" > |
− | </div>
| + | <h5>What should this page contain?</h5> |
− | | + | <ul> |
− | <!-- Left and right controls -->
| + | <li> Include pictures of your teammates, don’t forget instructors and advisors! </li> |
− | <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
| + | <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> |
− | <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
| + | <li>Take team pictures! Show us your school, your lab and little bit of your city.</li> |
− | <span class="sr-only">Previous</span>
| + | <li>Remember that image galleries can help you showcase many pictures while saving space.</li> |
− | </a>
| + | </ul> |
− | <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>
| + | |
− | </body>
| + | |
| </html> | | </html> |
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.