Team:Carnegie Mellon
From 2014.igem.org
(Difference between revisions)
Acelentano (Talk | contribs) |
|||
(304 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
<head> | <head> | ||
- | + | ||
+ | <meta charset="utf-8"> | ||
<title>Carousel Template · Bootstrap</title> | <title>Carousel Template · Bootstrap</title> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
Line 7: | Line 8: | ||
<meta name="author" content=""> | <meta name="author" content=""> | ||
- | + | <!-- Le styles --> | |
+ | <link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet"> | ||
+ | <link href="https://2014.igem.org/Template:CarnegieMellon:CarnegieMellon/CSS?action=raw&ctype=text/css" rel="stylesheet"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<!-- HTML5 shim, for IE6-8 support of HTML5 elements --> | <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> | ||
Line 285: | Line 40: | ||
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. --> | <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. --> | ||
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | ||
- | |||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
</button> | </button> | ||
- | |||
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. --> | <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. --> | ||
<div class="nav-collapse collapse"> | <div class="nav-collapse collapse"> | ||
<ul class="nav"> | <ul class="nav"> | ||
- | <li class="active"><a href=" | + | <li class="active"><a href="https://2014.igem.org/Team:Carnegie_Mellon">Home</a></li> |
- | + | <li class="dropdown"> | |
- | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Project <b class="caret"></b></a> | |
- | + | <ul class="dropdown-menu"> | |
- | < | + | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Project_Description">Project Description</a></li> |
- | <li class="dropdown"> | + | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Sensor">Our Sensor</a></li> |
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Achievements">Achievements</a></li> | ||
+ | </ul> | ||
+ | </li> <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Bios">Bios</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Advisors">Advisors</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Policies & Practices <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Projects">Our Projects</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Gallery">Gallery</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook <b class="caret"></b></a> | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook <b class="caret"></b></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
- | + | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Weeks">Week by Week</a></li> | |
- | + | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Sensor">Sensor</a></li> | |
- | <li><a href=" | + | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Protein">Fluorescent Protein Evaluation</a></li> |
- | <li | + | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Superoxide">Superoxide Generator Improvement</a></li> |
- | <li class=" | + | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/InterLab">Interlab Study</a></li> |
- | <li><a href=" | + | </ul> |
- | <li><a href=" | + | </li> |
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Modeling <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/SensorModel">Sensor</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Fish">Fish Populations</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
Line 325: | Line 102: | ||
<div class="carousel-inner"> | <div class="carousel-inner"> | ||
<div class="item active"> | <div class="item active"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/7/78/01_Stream_reformat.jpg"> |
+ | <div class="container"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/1/1a/2_problem1.jpg" alt="carousel2"> | ||
<div class="container"> | <div class="container"> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
- | |||
- | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="item"> | <div class="item"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/8/8b/3_focus.jpg" alt="carousel3"> |
<div class="container"> | <div class="container"> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
- | |||
- | |||
- | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | + | <div class="item"> | |
- | <img src="../ | + | <img src="https://static.igem.org/mediawiki/2014/6/62/4_Bio.jpg" alt="carousel4"> |
<div class="container"> | <div class="container"> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
- | + | </div> | |
- | + | </div> | |
- | + | </div> | |
+ | <div class="item"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/93/5_whatsnext.jpg" alt="carousel5"> | ||
+ | <div class="container"> | ||
+ | <div class="carousel-caption"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 357: | Line 141: | ||
<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> | <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> | ||
</div><!-- /.carousel --> | </div><!-- /.carousel --> | ||
- | |||
Line 364: | Line 147: | ||
<!-- Wrap the rest of the page in another container to center all the content. --> | <!-- Wrap the rest of the page in another container to center all the content. --> | ||
- | + | <hr/> | |
- | + | <div id="images"> | |
- | + | <a href="https://2014.igem.org/Team:Carnegie_Mellon/Achievements" target="_blank"> | |
- | + | <img class="sqimg" border="0" alt="sensor" src="https://static.igem.org/mediawiki/2014/f/f7/Achievements.jpg"/></a> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <a href="https://2014.igem.org/Team:Carnegie_Mellon/Project_Description" target="_blank"> | ||
+ | <img class="sqimg" border="0" alt="practices" src="https://static.igem.org/mediawiki/2014/e/ea/Project.jpg"/></a> | ||
- | + | <a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Projects" target="_blank"> | |
- | + | <img class="sqimg" border="0" alt="practices" src="https://static.igem.org/mediawiki/2014/6/6b/Humanpractices.jpg"/></a> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <a href="https://2014.igem.org/Team:Carnegie_Mellon/Collaborations"> | ||
+ | <img class="sqimg" border="0" alt="collaborations" src="https://static.igem.org/mediawiki/2014/4/47/Collaborate.jpg"/></a> | ||
+ | </div> | ||
Line 433: | Line 167: | ||
================================================== --> | ================================================== --> | ||
<!-- Placed at the end of the document so the pages load faster --> | <!-- Placed at the end of the document so the pages load faster --> | ||
- | <script src="../assets/js/jquery.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/jquery.js"></script> |
- | <script src="../assets/js/bootstrap-transition.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script> |
- | <script src="../assets/js/bootstrap-alert.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-alert.js"></script> |
- | <script src="../assets/js/bootstrap-modal.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-modal.js"></script> |
- | <script src="../assets/js/bootstrap-dropdown.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script> |
- | <script src="../assets/js/bootstrap-scrollspy.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-scrollspy.js"></script> |
- | <script src="../assets/js/bootstrap-tab.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script> |
- | <script src="../assets/js/bootstrap-tooltip.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tooltip.js"></script> |
- | <script src="../assets/js/bootstrap-popover.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-popover.js"></script> |
- | <script src="../assets/js/bootstrap-button.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-button.js"></script> |
- | <script src="../assets/js/bootstrap-collapse.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-collapse.js"></script> |
- | <script src="../assets/js/bootstrap-carousel.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-carousel.js"></script> |
- | <script src="../assets/js/bootstrap-typeahead.js"></script> | + | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-typeahead.js"></script> |
<script> | <script> | ||
!function ($) { | !function ($) { | ||
Line 454: | Line 188: | ||
}(window.jQuery) | }(window.jQuery) | ||
</script> | </script> | ||
- | <script src="../assets/js/holder/holder.js"></script> | + | <script src="../../dist/js/bootstrap.min.js"></script> |
+ | <script> | ||
+ | $('.carousel').carousel({ | ||
+ | interval: 10000 | ||
+ | }); | ||
+ | </script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/holder/holder.js"></script> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 21:45, 17 October 2014