Team:UCLA/samantha michaels ucla2014 workspace

From 2014.igem.org

(Difference between revisions)
 
(206 intermediate revisions not shown)
Line 4: Line 4:
<html lang="en">
<html lang="en">
   <head>
   <head>
-
<!-- META TAGS -->
+
    <!-- META TAGS -->
     <meta charset="utf-8">
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-
<meta name="viewport" content="width=device-width, initial-scale=1">
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
-
<!-- Latest compiled and minified CSS -->
+
    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
-
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
+
     <title>iGEM UCLA</title>
-
 
+
-
<!-- Optional theme -->
+
-
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
+
-
 
+
-
<!-- Latest compiled and minified JavaScript -->
+
-
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
+
-
 
+
-
     <!-- Bootstrap -->
+
-
    <link href="css/bootstrap.min.css" rel="stylesheet">
+
-
<title>iGEM UCLA</title>
+
-
 
+
-
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
-
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+
-
    <!--[if lt IE 9]>
+
-
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
-
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
-
    <![endif]-->
+
   </head>
   </head>
-
  <body>
+
<body>
-
 
+
<!--TOP NAVIGATION MENU BAR-->
-
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+
<div id = "top_menu" >
-
  <div class="container">
+
<ul id = "menu">
-
    <!-- Brand and toggle get grouped for better mobile display -->
+
<li><a href="/Team:UCLA">Home</a></li>
-
    <div class="navbar-header">
+
-
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
         <li><a href="/Team:UCLA/Team">Team</a>
-
        <span class="sr-only">Toggle navigation</span>
+
        <ul>
-
        <span class="icon-bar"></span>
+
    <li><a href="/Team:UCLA/meet_the_team">Meet the Team</a></li>
-
        <span class="icon-bar"></span>
+
    <li><a href="https://igem.org/Team.cgi?year=2014&team_name=UCLA">Official Profile</a></li>
-
        <span class="icon-bar"></span>
+
        </ul>
-
      </button>
+
-
      <a class="navbar-brand" href="#">UCLA iGEM</a>
+
-
    </div>
+
-
 
+
-
    <!-- Collect the nav links, forms, and other content for toggling -->
+
-
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
-
 
+
-
      <ul class="nav navbar-nav">
+
-
        <li class="active"><a href="/Team:UCLA">Home</a></li>
+
-
         <li class="dropdown">
+
-
          <a href="/Team:UCLA/Team" class="dropdown-toggle" data-toggle="dropdown">Team<span class="caret"></span></a>
+
-
          <ul class="dropdown-menu" role="menu">
+
-
            <li><a href="/Team:UCLA/meet_the_team">Meet the Team</a></li>
+
-
            <li><a href="https://igem.org/Team.cgi?year=2014&team_name=UCLA">Official Profile</a></li>
+
-
          </ul>
+
         </li>
         </li>
-
         <li class="dropdown">
+
-
          <a href="/Team:UCLA/Project" class="dropdown-toggle" data-toggle="dropdown">Project<span class="caret"></span></a>
+
         <li><a href="/Team:UCLA/Project">Project</a>
-
          <ul class="dropdown-menu" role="menu">
+
<ul>
-
            <li><a href="/Team:UCLA/Project/Customizing Silk">Customizing Silk Properties</a></li>
+
    <li><a href="/Team:UCLA/Project/Customizing Silk">Customizing Silk Properties</a></li>
    <li><a href="/Team:UCLA/Project/Functionalizing Fibers">Functionalizing Fibers</a></li>
    <li><a href="/Team:UCLA/Project/Functionalizing Fibers">Functionalizing Fibers</a></li>
    <li><a href="/Team:UCLA/Project/Spinning Silk">Spinning Silk</a></li>
    <li><a href="/Team:UCLA/Project/Spinning Silk">Spinning Silk</a></li>
             <li><a href="#">Human Practices</a></li>
             <li><a href="#">Human Practices</a></li>
-
          </ul>
+
</ul>
-
        </li>
+
</li>
-
         <li class="dropdown">
+
       
-
          <a href="/Team:UCLA/Parts" class="dropdown-toggle" data-toggle="dropdown">Parts<span class="caret"></span></a>
+
         <li><a href="/Team:UCLA/Parts">Parts</a>
-
          <ul class="dropdown-menu" role="menu">
+
<!--<ul>
    <li><a href="#">Page1</a></li>
    <li><a href="#">Page1</a></li>
    <li><a href="#">Page2</a></li>
    <li><a href="#">Page2</a></li>
    <li><a href="#">Page3</a></li>
    <li><a href="#">Page3</a></li>
-
          </ul>
+
</ul>-->
-
        </li>
+
</li>
 +
 
         <li><a href="/Team:UCLA/Modeling">Modeling</a></li>
         <li><a href="/Team:UCLA/Modeling">Modeling</a></li>
-
         <li class="dropdown">
+
 
-
          <a href="/Team:UCLA/Notebook" class="dropdown-toggle" data-toggle="dropdown">Notebook<span class="caret"></span></a>
+
         <li><a href="/Team:UCLA/Notebook">Notebook</a>
-
          <ul class="dropdown-menu" role="menu">
+
<ul>
-
            <li><a href="/Team:UCLA/Notebook/Protocols">Protocols</a></li>
+
    <li><a href="/Team:UCLA/Notebook/Protocols">Protocols</a></li>
    <li><a href="/Team:UCLA/Notebook/Calendar">Calendar</a></li>
    <li><a href="/Team:UCLA/Notebook/Calendar">Calendar</a></li>
    <li><a href="/Team:UCLA/Notebook/Weekly Notes">Weekly Notes</a></li>
    <li><a href="/Team:UCLA/Notebook/Weekly Notes">Weekly Notes</a></li>
-
          </ul>
+
</ul>
-
        </li>
+
        </li>
 +
 
         <li><a href="/Team:UCLA/Safety">Safety</a></li>
         <li><a href="/Team:UCLA/Safety">Safety</a></li>
 +
         <li><a href="/Team:UCLA/Attributions">Attributions</a></li>
         <li><a href="/Team:UCLA/Attributions">Attributions</a></li>
-
      </ul>
+
</ul>
 +
<a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="55px"/></a>
 +
</div><br><br><br>
-
      <ul class="nav navbar-nav navbar-right">
+
<!--SIDEBAR NAV-->
-
        <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"/>
+
<div id="side_menu">
-
      </ul>
+
<h3>1</h3>
-
    </div><!-- /.navbar-collapse -->
+
<h3>2</h3>
-
  </div><!-- /.container-fluid -->
+
<h3>3</h3>
-
</nav>
+
<h3>4</h3>
 +
<h3>5</h3>
 +
<h3>6</h3>
 +
</div>
-
<!-- CAROUSEL -->
+
 
-
+
<!-- TITLE BANNER-->
-
<br><br>
+
<br><center><img src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center><br><Br>
-
<div class = "container">
+
 
-
<div class = "row">
+
<!--SLIDER-->
-
<div class = "col-md-offset-1 col-md-10 col-md-offset-1">
+
<div class="slider">
-
<div id = "myCarousel" class = "carousel slide">
+
<img id="1" src="http://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg" border="0"/>
-
<ol class = "carousel-indicators">
+
<img id="2" src="http://tmacfitness.com/wp-content/uploads/2013/04/Beauty-of-nature-random-4884759-1280-800.jpg" border="0"/>
-
<li data-target = "#myCarousel" data-slide-to = "0" class ="active"></li>
+
<img id="3" src="http://upload.wikimedia.org/wikipedia/commons/1/1a/Bachalpseeflowers.jpg" border="0"/>
-
<li data-target = "#myCarousel" data-slide-to = "1"></li>
+
</div>
-
<li data-target = "#myCarousel" data-slide-to = "2"></li>
+
<div class="slider_nav">
-
</ol>
+
<img id="left" style="float:left;" src="http://www.visme.co/wp-content/themes/visme/images/left.png" border="0"/>
-
+
<img id="right" style="float:right;" src="http://iconizer.net/files/Brightmix/orig/monotone_arrow_right.png" border="0"/>
-
<div class = "carousel-inner">
+
-
<div class = "item active">
+
-
<img src = "http://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg" alt ="Space" class = "img-responsive">
+
-
<div class = "carousel-caption">
+
-
<h3>The future is here.</h3>
+
-
<p>Take a seat and view the world from a different perspective.</p>
+
-
</div>
+
-
</div>
+
-
<div class = "item">
+
-
<img src = "http://tmacfitness.com/wp-content/uploads/2013/04/Beauty-of-nature-random-4884759-1280-800.jpg" alt ="Batman" class = "img-responsive">
+
-
<div class = "carousel-caption">
+
-
<h3>The Dark Knight</h3>
+
-
<p>Take a look at the teaser trailer for Batman vs Superman</p>
+
-
</div>
+
-
</div>
+
-
<div class = "item">
+
-
<img src = "http://upload.wikimedia.org/wikipedia/commons/1/1a/Bachalpseeflowers.jpg" alt ="Minecraft" class = "img-responsive">
+
-
<div class = "carousel-caption">
+
-
<h3>Minecraft</h3>
+
-
<p>Westeros, Middle-Earth and other incredible works recreated in Minecraft</p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
+
-
<a class = "carousel-control left" href = "#myCarousel" data-slide = "prev">
+
-
<span class = "icon-prev"></span>
+
-
</a>
+
-
+
-
<a class = "carousel-control right" href = "#myCarousel" data-slide = "next">
+
-
<span class = "icon-next"></span>
+
-
</a>
+
-
</div>
+
-
</div>
+
-
</div>
+
</div>
</div>
 +
<div class="shadow"></div>
-
<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
+
</div>
-
  <div class="container">
+
-
    <!-- Brand and toggle get grouped for better mobile display -->
+
-
    <div class="navbar-header">
+
-
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
-
        <span class="sr-only">Toggle navigation</span>
+
-
        <span class="icon-bar"></span>
+
-
        <span class="icon-bar"></span>
+
-
        <span class="icon-bar"></span>
+
-
      </button>
+
-
    </div>
+
-
    <!-- Collect the nav links, forms, and other content for toggling -->
+
<!--SUMMARY TILES-->
-
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
<br><hr class="style-one">
-
      <ul class="nav navbar-nav">
+
<div class="container">
-
        <li class="dropdown">
+
    <div class = "expandedContent">
-
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Guided Tour<span class="caret"></span></a>
+
    <div class="boxgrid contentBorder boxgridMedium" id="box5" style="margin-left:210px">
-
          <ul class="dropdown-menu" role="menu">
+
  <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
-
            <li><a href="#">Action</a></li>
+
  <a class="cover boxcaption" style="top: 340px" href="#anch1">
-
            <li><a href="#">Another action</a></li>
+
    <h2 class="onBlack">Customizing Silk</h2>
-
            <li><a href="#">Something else here</a></li>
+
    <p class="onBlackIntro">
-
            <li class="divider"></li>
+
 
-
            <li><a href="#">Separated link</a></li>
+
If you wish to see how, click here to start the interactive tour.
-
          </ul>
+
    </p>
-
        </li>
+
    <p class="onBlack">
-
      </ul>
+
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.
-
    </div><!-- /.navbar-collapse -->
+
    </p>
-
   </div><!-- /.container-fluid -->
+
  </a>
-
</nav>
+
</div>
 +
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="margin-left:40px">
 +
  <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
 +
   <a class="cover boxcaption" style="top: 340px" href="#anch2">
 +
    <h2 class="onBlack">Functionalizing Fibers</h2>
 +
    <p class="onBlackIntro">
 +
If you wish to see how, click here to start the interactive tour.
 +
    </p>
 +
    <p class="onBlack">
 +
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.
 +
    </p>
 +
  </a>
 +
</div>
 +
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="margin-left:40px">
 +
  <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
 +
  <a class="cover boxcaption" style="top: 340px" href="#anch3">
 +
    <h2 class="onBlack">Spinning Silk</h2>
 +
    <p class="onBlackIntro">
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+
If you wish to see how, click here to start the interactive tour.
-
<script src = "js/bootstrap.min.js"></script>
+
    </p>
-
<script type="text/javascript" src = "js/bootstrap-progressbar.js"></script>
+
    <p class="onBlack">
 +
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.
 +
    </p>
 +
  </a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
-
  </body>
+
<!-- Spider click to top button -->
 +
    <img class= "spiderbutton" src= "https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png">
 +
    <img class= "spiderline" src= "https://static.igem.org/mediawiki/2014/6/66/Line2.png">
 +
    <img class= "spiderweb" src= "https://static.igem.org/mediawiki/2014/b/bb/Web3.png">
 +
</body>
</html>
</html>

Latest revision as of 23:28, 16 September 2014

iGEM UCLA




1

2

3

4

5

6






Retrieved from "http://2014.igem.org/Team:UCLA/samantha_michaels_ucla2014_workspace"