(Prototype team page) |
|||
Line 1: | Line 1: | ||
{{Michigan_Software}} | {{Michigan_Software}} | ||
− | |||
+ | <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 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> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- 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> | </div> | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 16:30, 8 July 2016