Difference between revisions of "Team:Stanford-Brown"

 
(171 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<html>
+
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}}
 +
{{SB2015_NavBar}}
  
−
{{Example}}
+
<html lang="en">
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
  <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 -->
 +
  <meta name="description" content="">
 +
  <meta name="author" content="">
 +
  <link rel="icon" href="../../favicon.ico">
  
 +
  <title>SB iGEM 2015</title>
  
 +
</head>
  
−
<head>
+
<body>
−
<!-- Website Title & Description for Search Engine purposes -->
+
−
<title>Stanford-Brown</title>
+
−
<meta name="description" content="">
+
−
+
−
<!-- Mobile viewport optimized -->
+
−
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
−
+
−
{{Stanford-Brown/CSS}}
+
−
+
−
{{Stanford-Brown/Javascript}}
+
−
</head>
+
−
<body>
+
  
−
{{Stanford-Brown_Header}}
+
  <div class="jumbotron oridomiLeft null">
 +
    <div class="container">
 +
        <h1>Welcome to</h1>
 +
      <img class="featurette-image img-responsive center-block img-rounded" src="https://static.igem.org/mediawiki/2015/a/a4/SB2015_biOrigamititlePageWithSBTeamName.png" alt="biOrigami">
 +
    </div><!-- end container -->
 +
  </div><!-- end jumbotron -->
  
−
<div class="container" id="main">
+
  <div class="container">
 +
    <div class="row">
 +
      <div class="col-sm-4 centerT">
 +
        <img src="https://static.igem.org/mediawiki/2015/6/6a/SB2015_CraneLogoBlue.png" alt="Generic placeholder image" width="140" height="140">
 +
        <h2>What is BiOrigami?</h2>
 +
        <p>BiOrigami is macro-scale self-folding of biologically-produced substrates. Click below to learn more!</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><!-- /.col-lg-4 -->
  
−
<!-- Header NavBar -->
+
      <div class="col-sm-4 centerT">
 +
        <img class="img-circle" src="https://static.igem.org/mediawiki/2015/5/55/SB2015_BlueAndYellowPlasmidLogo.png" alt="Generic placeholder image" width="140" height="140">
 +
        <h2>CRATER</h2>
 +
        <p>We developed a technique to drastically improve bacterial transformation.</p>
 +
        <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><!-- /.col-lg-4 -->
  
−
<div class="carousel slide" id="myCarousel">
+
      <div class="col-sm-4 centerT">
 +
        <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">
 +
        <h2>Achievements</h2>
 +
        <p>Click below to see the list of iGEM requirements and achievements we fulfilled this summer</p>
 +
        <p><a class="btn btn-success" href="https://2015.igem.org/Team:Stanford-Brown/JudgingAndMedalsCriteria" role="button">Our achievements &raquo;</a></p>
 +
      </div><!-- /.col-lg-4 -->
  
−
<!-- Indicators -->
+
    </div><!-- end row -->
−
<ol class="carousel-indicators">
+
−
<li class="active" data-slide-to="0" data-target="#myCarousel"></li>
+
−
<li data-slide-to="1" data-target="#myCarousel"></li>
+
−
<li data-slide-to="2" data-target="#myCarousel"></li>
+
−
</ol>
+
  
−
<!-- Wrapper for slides -->
+
    <div class="row">
−
<div class="carousel-inner">
+
−
+
−
<div class="item active" id="slide1">
+
−
<div class="carousel-caption">
+
−
<h4></h4>
+
−
<p></p>
+
−
</div><!-- end carousel-caption -->
+
−
</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/6/6a/Stanford-Brown_iGEM_26_Aug_2015%2C_and_advisors_0089.jpg" alt="Generic placeholder image" width="140" height="140">
−
<h4></h4>
+
      <h2>Meet Our Team</h2>
−
<p></p>
+
      <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>
−
</div><!-- end carousel-caption -->
+
      <p><a class="btn btn-info" href="https://2015.igem.org/Team:Stanford-Brown/Team" role="button">Who we are &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/b/b9/SB2015_maker_faire_1.jpg" alt="Generic placeholder image" width="140" height="140">
−
<h4>Home Page</h4>
+
      <h2>Outreach</h2>
−
<p></p>
+
      <p>We've shared biOrigami and synthetic biology with the community at large. Click below to view our outreach efforts!</p>
−
</div><!-- end carousel-caption -->
+
      <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><!-- end item -->
+
    </div><!-- /.col-lg-4 -->
  
−
</div><!-- carousel-inner -->
+
    <div class="col-sm-4 centerT">
 +
      <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 -->
  
−
<!-- Controls -->
+
  </div><!-- /.row2 -->
−
<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><!-- end container -->
  
−
<div class="row" id ="featuresHeading">
+
<footer>
−
<div class="col-12">
+
  <div class="container">
−
<h2>Our Projects</h2>
+
    <hr></hr>
−
<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>
+
    <div class="row">
 +
      <h6>Copyright &copy; 2015 Stanford-Brown iGEM Team</h6>
 +
    </div><!-- end row -->
 +
  </div><!-- end container -->
 +
</footer>
  
−
</div><!-- end col-12 -->
+
<!-- Bootstrap core JavaScript
−
</div><!-- end featuresHeading -->
+
  ================================================== -->
 +
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/modernizr&action=raw&ctype=text/javascript"></script>
  
 +
  <!-- Placed at the end of the document so the pages load faster -->
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  
−
<div class="row" id="features">
+
  <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="col-sm-4 feature">
+
  <!-- Latest compiled and minified CSS -->
−
<div class="panel">
+
−
<div class="panel-heading">
+
−
<h3 class="panel-title">Bioplastics</h3>
+
−
</div><!-- end panel-heading -->
+
−
<img src="https://static.igem.org/mediawiki/2015/1/15/SB_Bioplastics.png" alt="Bioplastics" class="img-responsive">
+
  
−
<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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
  
−
<a href="" target="_blank" class="btn btn-warning btn-block">Learn More</a>
+
  <!-- Latest compiled and minified JavaScript -->
−
</div><!-- end panel -->
+
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
−
</div><!-- end feature -->
+
  
−
<div class="col-sm-4 feature">
+
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material-wfont.min.css">
−
<div class="panel">
+
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material.min.css">
−
<div class="panel-heading">
+
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/ripples.min.css">
−
<h3 class="panel-title">Spores</h3>
+
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/material.min.js"></script>
−
</div><!-- end panel-heading -->
+
  <script src="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/js/ripples.min.js"></script>
−
<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>
+
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/oridomi&action=raw&ctype=text/javascript"></script>
  
−
<a href="" target="_blank" class="btn btn-danger btn-block">Learn More</a>
 
−
</div><!-- end panel -->
 
−
</div><!-- end feature -->
 
  
−
<div class="col-sm-4 feature">
+
</body>
−
<div class="panel">
+
−
<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>
 
−
 
−
<a href="" target="_blank" class="btn btn-info btn-block">Learn More</a>
 
−
</div><!-- end panel -->
 
−
</div><!-- end feature -->
 
−
</div><!-- end features -->
 
−
 
−
 
−
 
−
 
−
<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>
 
−
 
−
<h3>Our Projects!</h3>
 
−
 
−
<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>
 
−
<a href="#" class="list-group-item">
 
−
<h4 class="list-group-item-heading">Biopigments</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