Team:Carnegie Mellon
From 2014.igem.org
(Difference between revisions)
Acelentano (Talk | contribs) |
|||
(246 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html> | + | <html lang="en"> |
- | <head> | + | <head> |
- | + | ||
- | <title> | + | <meta charset="utf-8"> |
- | + | <title>Carousel Template · Bootstrap</title> | |
- | < | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
- | + | <meta name="description" 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 --> | |
- | <!-- | + | <!--[if lt IE 9]> |
- | + | <script src="../assets/js/html5shiv.js"></script> | |
- | <div | + | <![endif]--> |
- | + | ||
- | + | <!-- Fav and touch icons --> | |
- | < | + | <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png"> |
- | + | <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png"> | |
- | + | <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png"> | |
- | + | <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png"> | |
- | + | <link rel="shortcut icon" href="../assets/ico/favicon.png"> | |
- | + | </head> | |
- | + | ||
- | + | <body> | |
- | + | ||
- | + | ||
+ | |||
+ | <!-- NAVBAR | ||
+ | ================================================== --> | ||
+ | <div class="navbar-wrapper"> | ||
+ | <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. --> | ||
+ | <div class="container"> | ||
+ | |||
+ | <div class="navbar navbar-inverse"> | ||
+ | <div class="navbar-inner"> | ||
+ | <!-- 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"> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. --> | ||
+ | <div class="nav-collapse collapse"> | ||
+ | <ul class="nav"> | ||
+ | <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><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> | ||
+ | <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="https://2014.igem.org/Team:Carnegie_Mellon/Protein">Fluorescent Protein Evaluation</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Superoxide">Superoxide Generator Improvement</a></li> | ||
+ | <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/InterLab">Interlab Study</a></li> | ||
+ | </ul> | ||
+ | </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> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div><!--/.nav-collapse --> | ||
+ | </div><!-- /.navbar-inner --> | ||
+ | </div><!-- /.navbar --> | ||
+ | |||
+ | </div> <!-- /.container --> | ||
+ | </div><!-- /.navbar-wrapper --> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- Carousel | ||
+ | ================================================== --> | ||
+ | <div id="myCarousel" class="carousel slide"> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/78/01_Stream_reformat.jpg"> | ||
+ | <div class="container"> | ||
+ | </div> | ||
</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="carousel-caption"> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
- | + | <div class="item"> | |
- | + | <img src="https://static.igem.org/mediawiki/2014/8/8b/3_focus.jpg" alt="carousel3"> | |
- | + | <div class="container"> | |
- | + | <div class="carousel-caption"> | |
- | + | ||
- | + | ||
- | <div | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | + | </div> | |
- | + | </div> | |
- | + | <div class="item"> | |
- | + | <img src="https://static.igem.org/mediawiki/2014/6/62/4_Bio.jpg" alt="carousel4"> | |
- | + | <div class="container"> | |
+ | <div class="carousel-caption"> | ||
</div> | </div> | ||
- | + | </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> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | + | </div> | |
- | + | <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> | |
- | + | <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> | |
- | <!-- | + | </div><!-- /.carousel --> |
- | + | ||
- | < | + | |
- | + | <!-- Marketing messaging and featurettes | |
- | + | ================================================== --> | |
- | + | <!-- 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> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | </body> | + | <!-- Le javascript |
+ | ================================================== --> | ||
+ | <!-- Placed at the end of the document so the pages load faster --> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/jquery.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-alert.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-modal.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-scrollspy.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tooltip.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-popover.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-button.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-collapse.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-carousel.js"></script> | ||
+ | <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-typeahead.js"></script> | ||
+ | <script> | ||
+ | !function ($) { | ||
+ | $(function(){ | ||
+ | // carousel demo | ||
+ | $('#myCarousel').carousel() | ||
+ | }) | ||
+ | }(window.jQuery) | ||
+ | </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> | ||
</html> | </html> |
Latest revision as of 21:45, 17 October 2014