Difference between revisions of "Team:Stanford-Brown"

 
(169 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{SomethingA}}
+
{{:Team:Stanford-Brown/Templates/AddCSS|:Team:Stanford-Brown/css/custom}}
−
<html>
+
{{SB2015_NavBar}}
  
 +
<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>
  
 +
<body>
  
−
<head>
+
  <div class="jumbotron oridomiLeft null">
−
<!-- Website Title & Description for Search Engine purposes -->
+
    <div class="container">
−
<title>Stanford-Brown</title>
+
        <h1>Welcome to</h1>
−
<meta name="description" content="">
+
      <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 -->
−
<!-- Mobile viewport optimized -->
+
  </div><!-- end jumbotron -->
−
<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="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 -->
  
−
<div class="container" id="main">
+
      <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 -->
  
−
<!-- Header NavBar -->
+
      <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 -->
  
−
<div class="carousel slide" id="myCarousel">
+
    </div><!-- end row -->
  
−
<!-- Indicators -->
+
    <div class="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="col-sm-4 centerT">
−
<div class="carousel-inner">
+
      <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>
−
<div class="item active" id="slide1">
+
      <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 class="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>
−
<h4></h4>
+
    </div><!-- /.col-lg-4 -->
−
<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/b/b9/SB2015_maker_faire_1.jpg" alt="Generic placeholder image" width="140" height="140">
−
<h4></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 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/bf/SB2015_AdvisorsPictureHangar.jpeg" alt="Generic placeholder image" width="140" height="140">
−
<h4>Home Page</h4>
+
      <h2>Acknowledgments</h2>
−
<p></p>
+
      <p>Our work would not have been possible without our advisors, mentors, and sponsors. Click below to see who helped us this summer!</p>
−
</div><!-- end carousel-caption -->
+
      <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><!-- end item -->
+
    </div><!-- /.col-lg-4 -->
  
−
</div><!-- carousel-inner -->
+
  </div><!-- /.row2 -->
  
−
<!-- Controls -->
+
</div><!-- end container -->
−
<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 -->
+
<footer>
 +
  <div class="container">
 +
    <hr></hr>
 +
    <div class="row">
 +
      <h6>Copyright &copy; 2015 Stanford-Brown iGEM Team</h6>
 +
    </div><!-- end row -->
 +
  </div><!-- end container -->
 +
</footer>
  
−
<div class="row" id ="featuresHeading">
+
<!-- Bootstrap core JavaScript
−
<div class="col-12">
+
  ================================================== -->
−
<h2>Our Projects</h2>
+
  <script type="text/javascript" src="https://2015.igem.org/wiki/index.php?title=Team:Stanford-Brown/js/modernizr&action=raw&ctype=text/javascript"></script>
−
<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><!-- end col-12 -->
+
  <!-- Placed at the end of the document so the pages load faster -->
−
</div><!-- end featuresHeading -->
+
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  
 +
  <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="row" id="features">
+
  <!-- Latest compiled and minified CSS -->
  
−
<div class="col-sm-4 feature">
+
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.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>
+
  <!-- Latest compiled and minified JavaScript -->
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
  
−
<a href="" target="_blank" class="btn btn-warning btn-block">Learn More</a>
+
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material-wfont.min.css">
−
</div><!-- end panel -->
+
  <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.material-design/0.3.0/css/material.min.css">
−
</div><!-- end feature -->
+
  <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>
  
−
<div class="col-sm-4 feature">
+
  <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 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>
 
  
−
<a href="" target="_blank" class="btn btn-danger btn-block">Learn More</a>
+
</body>
−
</div><!-- end panel -->
+
−
</div><!-- end feature -->
+
  
−
<div class="col-sm-4 feature">
 
−
<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