Team:UCLA/sams extra css

From 2014.igem.org

(Difference between revisions)
 
(149 intermediate revisions not shown)
Line 8: Line 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">
-
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 
-
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
 
-
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
-
    <link href="css/bootstrap.min.css" rel="stylesheet">
 
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
     <title>iGEM UCLA</title>
     <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>
-
<!-- MAIN MENU BAR-->
+
<!--TOP NAVIGATION MENU BAR-->
-
<nav class="navbar navbar-inverse 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><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 class="active"><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><br>
+
<h3>4</h3>
 +
<h3>5</h3>
 +
<h3>6</h3>
 +
</div>
-
<!--SLIDING SIDE BAR-->
 
-
<div id="wrapper">
 
-
        <!-- Sidebar -->
+
<!-- Spider click to top button -->
-
        <div id="sidebar-wrapper">
+
    <img class= "spiderbutton" src= "https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png">
-
            <nav id="spy">
+
    <img class= "spiderline" src= "https://static.igem.org/mediawiki/2014/6/66/Line2.png">
-
                <ul class="sidebar-nav nav">
+
    <img class= "spiderweb" src= "https://static.igem.org/mediawiki/2014/b/bb/Web3.png">
-
                    <li>
+
<!-- TITLE BANNER-->
-
                        <a href="#home"><span class="fa fa-home solo">Home</span></a>
+
<br><center><img src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center><br>
-
                    </li>
+
-
                    <li>
+
-
                        <a href="#anch1" data-scroll>
+
-
                            <span class="fa fa-anchor solo">Anchor 1</span>
+
-
                        </a>
+
-
                    </li>
+
-
                    <li>
+
-
                        <a href="#anch2" data-scroll>
+
-
                            <span class="fa fa-anchor solo">Anchor 2</span>
+
-
                        </a>
+
-
                    </li>
+
-
                    <li>
+
-
                        <a href="#anch3" data-scroll>
+
-
                            <span class="fa fa-anchor solo">Anchor 3</span>
+
-
                        </a>
+
-
                    </li>
+
-
                    <li>
+
-
                        <a href="#anch4" data-scroll>
+
-
                            <span class="fa fa-anchor solo">Anchor 4</span>
+
-
                        </a>
+
-
                    </li>
+
-
                </ul>
+
-
            </nav>
+
-
        </div>
+
-
        <!-- Page content -->
+
<!--SUMMARY TILES-->
-
        <div id="page-content-wrapper">
+
<div class="container">
-
            <div class="content-header">
+
<div class="expandedContent">
-
              <h1>                   
+
    <div class="boxgrid contentBorder boxgridMedium" id="box1" style="margin-left:-55px">
-
                  <a id="menu-toggle" href="#" class="glyphicon glyphicon-hand-left btn-menu toggle">
+
  <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
-
                  </a>
+
  <a class="cover boxcaption" style="top: 340px" href="#anch1">
-
            Guided Tour
+
    <h2 class="onBlack">Goals</h2>
-
                </h1>
+
    <p class="onBlackIntro">
-
            </div>
+
-
            <div class="page-content inset" data-spy="scroll" data-target="#spy">
+
-
<!-- TITLE BANNER-->
+
If you wish to see how, click here to start the interactive tour.
-
<br><center><img src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center>
+
    </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="box2" style="margin-left:20px">
 +
  <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">Methods</h2>
 +
    <p class="onBlackIntro">
-
<!--BLURB BOXES-->
+
If you wish to see how, click here to start the interactive tour.
-
<div class='pageOption'>
+
    </p>
-
  <a href='#' class='option' data-inf='photo'>
+
    <p class="onBlack">
-
     <img src='http://froggyadventures.com/wp-content/uploads/galleries/post-93/full/placeholder%20-%20Copy%20(2).gif'>
+
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>
   </a>
-
  <a href='#' class='option' data-inf='cinema'>
+
</div>
-
    <img src='http://www.akronschools.com/static/image/placeholder.jpg'>
+
<div class="boxgrid contentBorder boxgridMedium" id="box3" style="margin-left:20px">
 +
  <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">Results</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>
   </a>
</div>
</div>
 +
<div class="boxgrid contentBorder boxgridMedium" id="box4" style="margin-left:20px">
 +
  <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg">
 +
  <a class="cover boxcaption" style="top: 340px" href="#anch4">
 +
    <h2 class="onBlack">Discussion</h2>
 +
    <p class="onBlackIntro">
-
<!-- BACK-TO-TOP BUTTON -->
+
If you wish to see how, click here to start the interactive tour.
-
<div class="scroll-top-wrapper ">
+
    </p>
-
  <span class="scroll-top-inner">
+
    <p class="onBlack">
-
<i class="fa fa-2x fa-chevron-circle-up"></i>
+
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.
-
  </span>
+
    </p>
 +
  </a>
</div>
</div>
 +
</div>
 +
</div>
 +
 +
<!--CONTENT SECTIONS-->
 +
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 +
<hr id="anch1" class = "style-one"><br>
 +
<p class="style">GOALS</p>
 +
<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.
 +
    <a href="YOUR IMAGE URL" style="clear: left; float: right; margin-top: 1em; margin-bottom: 0.1em; margin-right: 1em;"><img border="0"  src="YOUR IMAGE URL" width="225" height="120"/></a>
 +
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.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.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.
 +
 +
    <a href="YOUR IMAGE URL" style="clear: left; float: left; margin-top: 1em; margin-bottom: 0.1em; margin-right: 1em;"><img border="0"  src="YOUR IMAGE URL" width="325" height="300"/></a>
 +
 +
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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.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.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.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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. </p>
 +
 +
<br><hr id="anch2" class = "style-one"><Br>
 +
<p class="style">METHODS</p>
 +
<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.
 +
    <a href="YOUR IMAGE URL" style="clear: left; float: right; margin-top: 1em; margin-bottom: 0.1em; margin-right: 1em;"><img border="0"  src="YOUR IMAGE URL" width="225" height="120"/></a>
 +
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.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.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.
 +
 +
    <a href="YOUR IMAGE URL" style="clear: left; float: left; margin-top: 1em; margin-bottom: 0.1em; margin-right: 1em;"><img border="0"  src="YOUR IMAGE URL" width="325" height="300"/></a>
 +
 +
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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.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.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.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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. </p>
 +
 +
<br><hr id="anch3" class = "style-one"><br>
 +
<p class="style">RESULTS</p>
 +
<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.
 +
    <a href="YOUR IMAGE URL" style="clear: left; float: right; margin-top: 1em; margin-bottom: 0.1em; margin-right: 1em;"><img border="0"  src="YOUR IMAGE URL" width="225" height="120"/></a>
 +
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.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.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.
 +
 +
    <a href="YOUR IMAGE URL" style="clear: left; float: left; margin-top: 1em; margin-bottom: 0.1em; margin-right: 1em;"><img border="0"  src="YOUR IMAGE URL" width="325" height="300"/></a>
 +
 +
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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.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.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.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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. </p>
 +
 +
<br><hr id="anch4" class = "style-one"><br>
 +
<p class="style">DISCUSSION</p>
 +
<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.
 +
    <a href="YOUR IMAGE URL" style="clear: left; float: right; margin-top: 1em; margin-bottom: 0.1em; margin-right: 1em;"><img border="0"  src="YOUR IMAGE URL" width="225" height="120"/></a>
 +
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.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.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.
 +
 +
    <a href="YOUR IMAGE URL" style="clear: left; float: left; margin-top: 1em; margin-bottom: 0.1em; margin-right: 1em;"><img border="0"  src="YOUR IMAGE URL" width="325" height="300"/></a>
 +
 +
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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.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.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.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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. </p>
          
          
Line 158: Line 183:
</body>
</body>
-
<!--SLIDING SIDE BAR-->
 
-
<script>
 
-
$("#menu-toggle").click(function(e) {
 
-
        e.preventDefault();
 
-
        $("#wrapper").toggleClass("active");
 
-
    });
 
-
 
-
    $('body').scrollspy({ target: '#spy', offset:80});
 
-
 
-
    $('a[href*=#]:not([href=#])').click(function() {
 
-
        if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
 
-
 
-
            var target = $(this.hash);
 
-
            target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
 
-
            if (target.length) {
 
-
                $('html,body').animate({
 
-
                    scrollTop: target.offset().top
 
-
                }, 1000);
 
-
                return false;
 
-
            }
 
-
        }
 
-
    });
 
-
</script>
 
-
<!--MAIN NAVBAR-->
 
-
<script>
 
-
$('.dropdown').hover(function(){
 
-
  $('.dropdown-toggle', this).trigger('click');
 
-
});
 
-
</script>
 
</html>
</html>

Latest revision as of 21:25, 18 September 2014

iGEM UCLA




1

2

3

4

5

6































GOALS

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.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.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.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.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.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.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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.




METHODS

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.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.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.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.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.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.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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.




RESULTS

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.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.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.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.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.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.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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.




DISCUSSION

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.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.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.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.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.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.Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.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.

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