"

Team:UCLA/samantha michaels ucla2014 workspace

From 2014.igem.org

(Difference between revisions)

Latest revision as of 23:28, 16 September 2014

iGEM UCLA

1

2

3

4

5

6

Customizing Silk

If you wish to see how, click here to start the interactive tour.

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.

Functionalizing Fibers

If you wish to see how, click here to start the interactive tour.

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.

Spinning Silk

If you wish to see how, click here to start the interactive tour.

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.

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

@@ Line 4: / Line 4: @@
 <html lang="en">
    <head>
-<!-- META TAGS -->
+    <!-- META TAGS -->
      <meta charset="utf-8">
      <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>
-  <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 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/Spinning Silk">Spinning Silk</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="#">Page2</a></li>
 	    <li><a href="#">Page3</a></li>
-          </ul>
+	</ul>-->
-        </li>
+	</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/Weekly Notes">Weekly Notes</a></li>
-          </ul>
+	 </ul>
-        </li>
+         </li>
          <li><a href="/Team:UCLA/Safety">Safety</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>
+<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 class="shadow"></div>
+</div>
+<!--SUMMARY TILES-->
+<br><hr class="style-one">
+<div class="container">
+    <div class = "expandedContent">
+     <div class="boxgrid contentBorder boxgridMedium" id="box5" style="margin-left:210px">
+  <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
+  <a class="cover boxcaption" style="top: 340px" href="#anch1">
+    <h2 class="onBlack">Customizing Silk</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="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>