Difference between revisions of "Team:Stanford-Brown"

 
(178 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{Stanford-Brown}}
+
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}}
 +
{{SB2015_NavBar}}
  
<html>
+
<html lang="en">
<head>
+
<head>
<!-- Website Title & Description for Search Engine purposes -->
+
  <meta charset="utf-8">
<title></title>
+
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Mobile viewport optimized -->
+
  <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
  <meta name="author" content="">
+
  <link rel="icon" href="../../favicon.ico">
<!-- Bootstrap CSS -->
+
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
<link href="includes/css/bootstrap-glyphicons.css" rel="stylesheet">
+
+
<!-- Custom CSS -->
+
<link href="includes/css/styles.css" rel="stylesheet">
+
+
<!-- Include Modernizr in the head, before any other Javascript -->
+
<script src="includes/js/modernizr-2.6.2.min.js"></script>
+
+
</head>
+
<body>
+
  
<div class="container" id="main">
+
  <title>SB iGEM 2015</title>
  
<!-- Header NavBar -->
+
</head>
  
<div class="carousel slide" id="myCarousel">
+
<body>
  
<!-- Indicators -->
+
  <div class="jumbotron oridomiLeft null">
<ol class="carousel-indicators">
+
    <div class="container">
<li class="active" data-slide-to="0" data-target="#myCarousel"></li>
+
        <h1>Welcome to</h1>
<li data-slide-to="1" data-target="#myCarousel"></li>
+
      <img class="featurette-image img-responsive center-block img-rounded" src="https://static.igem.org/mediawiki/2015/a/a4/SB2015_biOrigamititlePageWithSBTeamName.png" alt="biOrigami">
<li data-slide-to="2" data-target="#myCarousel"></li>
+
    </div><!-- end container -->
</ol>
+
  </div><!-- end jumbotron -->
  
<!-- Wrapper for slides -->
+
  <div class="container">
<div class="carousel-inner">
+
    <div class="row">
+
      <div class="col-sm-4 centerT">
<div class="item active" id="slide1">
+
        <img src="https://static.igem.org/mediawiki/2015/6/6a/SB2015_CraneLogoBlue.png" alt="Generic placeholder image" width="140" height="140">
<div class="carousel-caption">
+
        <h2>What is BiOrigami?</h2>
<h4></h4>
+
        <p>BiOrigami is macro-scale self-folding of biologically-produced substrates. Click below to learn more!</p>
<p></p>
+
        <p><a class="btn btn-success" href="https://2015.igem.org/Team:Stanford-Brown/Projects" role="button">What we've accomplished &raquo;</a></p>
</div><!-- end carousel-caption -->
+
      </div><!-- /.col-lg-4 -->
</div><!-- end item -->
+
  
<div class="item" id="slide2">
+
      <div class="col-sm-4 centerT">
<div class="carousel-caption">
+
        <img class="img-circle" src="https://static.igem.org/mediawiki/2015/5/55/SB2015_BlueAndYellowPlasmidLogo.png" alt="Generic placeholder image" width="140" height="140">
<h4></h4>
+
        <h2>CRATER</h2>
<p></p>
+
        <p>We developed a technique to drastically improve bacterial transformation.</p>
</div><!-- end carousel-caption -->
+
        <p><a class="btn btn-info" href="https://2015.igem.org/Team:Stanford-Brown/CRATER" role="button">How we did it &raquo;</a></p>
</div><!-- end item -->
+
      </div><!-- /.col-lg-4 -->
  
<div class="item" id="slide3">
+
      <div class="col-sm-4 centerT">
<div class="carousel-caption">
+
        <img class="img-circle" src="https://static.igem.org/mediawiki/2015/6/69/SB2015_interlab_alignment_1.jpg" alt="Generic placeholder image" width="140" height="140">
<h4>Home Page</h4>
+
        <h2>Achievements</h2>
<p></p>
+
        <p>Click below to see the list of iGEM requirements and achievements we fulfilled this summer</p>
</div><!-- end carousel-caption -->
+
        <p><a class="btn btn-success" href="https://2015.igem.org/Team:Stanford-Brown/JudgingAndMedalsCriteria" role="button">Our achievements &raquo;</a></p>
</div><!-- end item -->
+
      </div><!-- /.col-lg-4 -->
  
</div><!-- carousel-inner -->
+
    </div><!-- end row -->
  
<!-- Controls -->
+
    <div class="row">
<a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="icon-prev"></span></a>
+
<a class="right carousel-control" data-slide="next" href="#myCarousel"><span class="icon-next"></span></a>
+
  
</div><!-- end myCarousel -->
+
    <div class="col-sm-4 centerT">
 +
      <img class="img-circle " src="https://static.igem.org/mediawiki/2015/6/6a/Stanford-Brown_iGEM_26_Aug_2015%2C_and_advisors_0089.jpg" alt="Generic placeholder image" width="140" height="140">
 +
      <h2>Meet Our Team</h2>
 +
      <p>We are a group of undergraduate students from Stanford and Brown University who are conducting synthetic biology research at NASA Ames Research Center. Click below to meet our team members!</p>
 +
      <p><a class="btn btn-info" href="https://2015.igem.org/Team:Stanford-Brown/Team" role="button">Who we are &raquo;</a></p>
 +
    </div><!-- /.col-lg-4 -->
  
<div class="row" id ="featuresHeading">
+
    <div class="col-sm-4 centerT">
<div class="col-12">
+
      <img class="img-circle" src="https://static.igem.org/mediawiki/2015/b/b9/SB2015_maker_faire_1.jpg" alt="Generic placeholder image" width="140" height="140">
<h2>Our Projects</h2>
+
      <h2>Outreach</h2>
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus erat dui, sagittis non lectus tristique, commodo dignissim elit. Maecenas id vehicula lacus, at dignissim diam. Vivamus dictum mi nisi, ut eleifend nisi vehicula convallis.</p>
+
      <p>We've shared biOrigami and synthetic biology with the community at large. Click below to view our outreach efforts!</p>
 +
      <p><a class="btn btn-success" href="https://2015.igem.org/Team:Stanford-Brown/Practices" role="button">How we've reached out &raquo;</a></p>
 +
    </div><!-- /.col-lg-4 -->
  
</div><!-- end col-12 -->
+
    <div class="col-sm-4 centerT">
</div><!-- end featuresHeading -->
+
      <img class="img-circle" src="https://static.igem.org/mediawiki/2015/b/bf/SB2015_AdvisorsPictureHangar.jpeg" alt="Generic placeholder image" width="140" height="140">
 +
      <h2>Acknowledgments</h2>
 +
      <p>Our work would not have been possible without our advisors, mentors, and sponsors. Click below to see who helped us this summer!</p>
 +
      <p><a class="btn btn-info" href="https://2015.igem.org/Team:Stanford-Brown/Attributions" role="button">Who we've thanked &raquo;</a></p>
 +
    </div><!-- /.col-lg-4 -->
  
 +
  </div><!-- /.row2 -->
  
<div class="row" id="features">
+
</div><!-- end container -->
  
<div class="col-sm-4 feature">
+
<footer>
<div class="panel">
+
  <div class="container">
<div class="panel-heading">
+
    <hr></hr>
<h3 class="panel-title">Bioplastics</h3>
+
    <div class="row">
</div><!-- end panel-heading -->
+
      <h6>Copyright &copy; 2015 Stanford-Brown iGEM Team</h6>
<img src="https://static.igem.org/mediawiki/2015/1/15/SB_Bioplastics.png" alt="Bioplastics">
+
    </div><!-- end row -->
 +
  </div><!-- end container -->
 +
</footer>
  
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus erat dui, sagittis non lectus tristique, commodo dignissim elit. Maecenas id vehicula lacus, at dignissim diam. Vivamus dictum mi nisi, ut eleifend nisi vehicula convallis.</p>
+
<!-- Bootstrap core JavaScript
 +
  ================================================== -->
 +
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/modernizr&action=raw&ctype=text/javascript"></script>
  
<a href="" target="_blank" class="btn btn-warning btn-block">Learn More</a>
+
  <!-- Placed at the end of the document so the pages load faster -->
</div><!-- end panel -->
+
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</div><!-- end feature -->
+
  
<div class="col-sm-4 feature">
+
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/workaround&action=raw&ctype=text/javascript"></script>
<div class="panel">
+
<div class="panel-heading">
+
<h3 class="panel-title">Spores</h3>
+
</div><!-- end panel-heading -->
+
<img src="https://static.igem.org/mediawiki/2015/d/df/SB_Spores.png" alt="Spores">
+
  
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus erat dui, sagittis non lectus tristique, commodo dignissim elit. Maecenas id vehicula lacus, at dignissim diam. Vivamus dictum mi nisi, ut eleifend nisi vehicula convallis.</p>
+
  <!-- Latest compiled and minified CSS -->
  
<a href="" target="_blank" class="btn btn-danger btn-block">Learn More</a>
+
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
</div><!-- end panel -->
+
</div><!-- end feature -->
+
  
<div class="col-sm-4 feature">
+
  <!-- Latest compiled and minified JavaScript -->
<div class="panel">
+
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="panel-heading">
+
<h3 class="panel-title">CrATER</h3>
+
</div><!-- end panel-heading -->
+
<img src="https://static.igem.org/mediawiki/2015/a/aa/SB_CrATER.png" alt="CrATER">
+
  
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus erat dui, sagittis non lectus tristique, commodo dignissim elit. Maecenas id vehicula lacus, at dignissim diam. Vivamus dictum mi nisi, ut eleifend nisi vehicula convallis.</p>
+
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material-wfont.min.css">
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material.min.css">
 +
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/ripples.min.css">
 +
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/material.min.js"></script>
 +
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/ripples.min.js"></script>
  
<a href="" target="_blank" class="btn btn-info btn-block">Learn More</a>
+
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/oridomi&action=raw&ctype=text/javascript"></script>
</div><!-- end panel -->
+
</div><!-- end feature -->
+
</div><!-- end features -->
+
  
  
+
</body>
  
<div class="col-sm-6">
 
<h3>About Us!</h3>
 
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
 
 
<h4>A List Group</h4>
 
 
<h4>Our Projects!</h4>
 
 
<div class="list-group">
 
<a href="#" class="list-group-item">
 
<h4 class="list-group-item-heading">Plastic Synthesis</h4>
 
<p class="list-group-item-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
</a>
 
<a href="#" class="list-group-item">
 
<h4 class="list-group-item-heading">Self-Folding Bio-Oragami</h4>
 
<p class="list-group-item-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
</a>
 
<a href="#" class="list-group-item">
 
<h4 class="list-group-item-heading">CrATER</h4>
 
<p class="list-group-item-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
</a>
 
</div><!-- list-group -->
 
</div><!-- end col-sm-6 -->
 
</div><!-- end moreInfo -->
 
 
 
<hr>
 
 
<!-- Footer -->
 
 
<!-- All Javascript at the bottom of the page for faster page loading -->
 
 
<!-- First try for the online version of jQuery-->
 
<script src="http://code.jquery.com/jquery.js"></script>
 
 
<!-- If no online access, fallback to our hardcoded version of jQuery -->
 
<script>window.jQuery || document.write('<script src="includes/js/jquery-1.8.2.min.js"><\/script>')</script>
 
 
<!-- Bootstrap JS -->
 
<script src="bootstrap/js/bootstrap.min.js"></script>
 
 
<!-- Custom JS -->
 
<script src="includes/js/script.js"></script>
 
 
<!-- Latest compiled and minified CSS -->
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 
 
<!-- Optional theme -->
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
 
 
<!-- Latest compiled and minified JavaScript -->
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
 
 
</body>
 
 
</html>
 
</html>
  
{{Stanford-Brown_Footer}}
+
{{:Team:Stanford-Brown/Templates/AddJS|:Team:Stanford-Brown/js/custom}}

Latest revision as of 17:25, 18 September 2015

SB iGEM 2015

Welcome to

biOrigami
Generic placeholder image

What is BiOrigami?

BiOrigami is macro-scale self-folding of biologically-produced substrates. Click below to learn more!

What we've accomplished »

Generic placeholder image

CRATER

We developed a technique to drastically improve bacterial transformation.

How we did it »

Generic placeholder image

Achievements

Click below to see the list of iGEM requirements and achievements we fulfilled this summer

Our achievements »

Generic placeholder image

Meet Our Team

We are a group of undergraduate students from Stanford and Brown University who are conducting synthetic biology research at NASA Ames Research Center. Click below to meet our team members!

Who we are »

Generic placeholder image

Outreach

We've shared biOrigami and synthetic biology with the community at large. Click below to view our outreach efforts!

How we've reached out »

Generic placeholder image

Acknowledgments

Our work would not have been possible without our advisors, mentors, and sponsors. Click below to see who helped us this summer!

Who we've thanked »


Copyright © 2015 Stanford-Brown iGEM Team