|
|
| (121 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 class="cbp-spmenu-push"> | + | <body> |
| - | <!-- MAIN MENU BAR--> | + | <!--TOP NAVIGATION MENU BAR--> |
| - | <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
| + | <div id = "top_menu" > |
| - | | + | <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>
| + | |
| - | <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"> | + | |
| - | <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"> | + | |
| | <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"> | + | |
| - | <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> |
| - | <!-- CAROUSEL -->
| + | <h3>6</h3> |
| - | <div class = "container"><br><br>
| + | |
| - | <div class = "row">
| + | |
| - | <div class = "col-md-offset-1 col-md-10 col-md-offset-1">
| + | |
| - | <div id = "myCarousel" class = "carousel slide">
| + | |
| - | <ol class = "carousel-indicators">
| + | |
| - | <li data-target = "#myCarousel" data-slide-to = "0" class ="active"></li>
| + | |
| - | <li data-target = "#myCarousel" data-slide-to = "1"></li>
| + | |
| - | <li data-target = "#myCarousel" data-slide-to = "2"></li>
| + | |
| - | </ol>
| + | |
| - |
| + | |
| - | <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 BOXES-->
| |
| - | <br><br>
| |
| - | <div class = "container">
| |
| - | <div class = "row">
| |
| - | <div class = "col-xs-4">
| |
| - | <p><div style="background-color: #333333; height:600px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; overflow:auto;font-family: 'Open Sans Condensed', sans-serif;">
| |
| | | | |
| - | <a href="YOUR IMAGE URL" style="clear: left; float: left; margin-bottom: 0.5em; margin-right: 1em;"><img border="0" src="YOUR IMAGE URL" width="100"/></a>
| + | <!-- TITLE BANNER--> |
| - | <font color=#ffffff>
| + | <br><center><img src="http://www.achickwithbaggage.com/storage/site_graphics/ad_placeholder_banner.jpg?__SQUARESPACE_CACHEVERSION=1297808765522"></center><br><Br> |
| - | <b>Title</b><br/>
| + | |
| - | 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.
| + | |
| - | </font></div>
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | <div class = "col-xs-4">
| + | |
| - | <p><div style="background-color: #333333; height:600px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; overflow:auto;font-family: 'Open Sans Condensed', sans-serif;">
| + | |
| | | | |
| - | < a href=" YOUR IMAGE URL" style=" clear: left; float: left; margin-bottom: 0. 5em; margin-right: 1em;"><img border=" 0" src=" YOUR IMAGE URL" width=" 100"/ ></a> | + | <!--SLIDER--> |
| - | <font color=#ffffff> | + | <div class="slider"> |
| - | <b>Title</b><br/>
| + | <img id="1" src="http://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg" border="0"/> |
| - | 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.
| + | <img id=" 2" src=" http://tmacfitness.com/wp-content/uploads/2013/04/Beauty-of-nature-random-4884759-1280-800.jpg" border=" 0"/> |
| - | </font></div></p>
| + | <img id="3" src="http://upload.wikimedia.org/wikipedia/commons/1/1a/Bachalpseeflowers.jpg" border="0"/> |
| - | </div>
| + | </div> |
| - | | + | |
| - | <p><div style="background-color: #333333; height:600px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px; overflow:auto;font-family: 'Open Sans Condensed', sans-serif;">
| + | <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"/> |
| - | <a href="YOUR IMAGE URL" style="clear: left; float: left; margin-bottom: 0.5em; margin-right: 1em;"><img border="0" src="YOUR IMAGE URL" width="100"/></a>
| + | </div> |
| - | <font color=#ffffff>
| + | <div class="shadow"></div> |
| - | <b>Title</b><br/>
| + | |
| - | 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.
| + | |
| - | </font></div></p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | | | |
| - | <!-- BACK-TO-TOP BUTTON -->
| |
| - | <div class="scroll-top-wrapper ">
| |
| - | <span class="scroll-top-inner">
| |
| - | <i class="fa fa-2x fa-chevron-circle-up"></i>
| |
| - | </span>
| |
| | </div> | | </div> |
| | | | |
| - | <!--SLIDING SIDE BAR--> | + | <!--SUMMARY TILES--> |
| - | <div id="wrapper"> | + | <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"> |
| | | | |
| - | <!-- Sidebar -->
| + | If you wish to see how, click here to start the interactive tour. |
| - | <div id="sidebar-wrapper">
| + | </p> |
| - | <nav id="spy">
| + | <p class="onBlack"> |
| - | <ul class="sidebar-nav nav">
| + | 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. |
| - | <li class="sidebar-brand">
| + | </p> |
| - | <a href="#home"><span class="fa fa-home solo">Home</span></a>
| + | </a> |
| - | </li>
| + | </div> |
| - | <li>
| + | <div class="boxgrid contentBorder boxgridMedium" id="box6" style="margin-left:40px"> |
| - | <a href="#anch1" data-scroll>
| + | <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg"> |
| - | <span class="fa fa-anchor solo">Anchor 1</span>
| + | <a class=" cover boxcaption" style=" top: 340px" href="# anch2"> |
| - | </a>
| + | <h2 class="onBlack">Functionalizing Fibers</h2> |
| - | </li>
| + | <p class="onBlackIntro"> |
| - | <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 -->
| + | If you wish to see how, click here to start the interactive tour. |
| - | <div id="page-content-wrapper">
| + | </p> |
| - | <div class=" content- header"> | + | <p class="onBlack"> |
| - | <h1 id="home">
| + | 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. |
| - | <a id=" menu-toggle" href=" #" class=" glyphicon glyphicon-align-justify btn-menu toggle"> | + | </p> |
| - | <i class="fa fa-bars"></i>
| + | </a> |
| - | </a>
| + | </div> |
| - | Sidebar Navigation Template
| + | <div class="boxgrid contentBorder boxgridMedium" id="box7" style="margin-left:40px"> |
| - | </h1>
| + | <img src="https://static.igem.org/mediawiki/2013/0/06/SDU2013_LabHigh.jpg"> |
| - | </div>
| + | <a class=" cover boxcaption" style=" top: 340px" href=" #anch3"> |
| | + | <h2 class="onBlack">Spinning Silk</h2> |
| | + | <p class="onBlackIntro"> |
| | | | |
| - | <div class="page-content inset" data-spy="scroll" data-target="#spy">
| + | If you wish to see how, click here to start the interactive tour. |
| - | <div class="row">
| + | </p> |
| - |
| + | <p class="onBlack"> |
| - | <div class="jumbotron text-center" >
| + | 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. |
| - | <h1>Hello Beautiful!</h1>
| + | </p> |
| - | <p>This is a sidebar navigation responsive template built off of Bootstrap 3.0 and simple sidebar template. It includes anchors, scroll spy, smooth scroll, and Awesome icon fonts.</p>
| + | </a> |
| - | <p><a class="btn btn-default">Click On Me!</a>
| + | </div> |
| - | <a class="btn btn-info">Tweet Me!</a></p>
| + | </div> |
| - | </div>
| + | </div> |
| - | | + | </div> |
| - | </div>
| + | |
| - | <div class="row">
| + | |
| - | <div class="col-md-12 well">
| + | |
| - | <legend id="anch1">Anchor 1</legend>
| + | |
| - | <p >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultricies, metus eget fringilla fermentum, sem justo pulvinar tellus, ac varius neque ante eget mi. Donec cursus nibh ultrices vulputate aliquet. Morbi nulla enim, molestie eu ullamcorper quis, placerat a mauris. Proin vel magna ullamcorper, vulputate leo eu, egestas odio. Vivamus erat leo, egestas in euismod sed, fermentum nec magna. Nunc nisi enim, euismod a tellus sit amet, fermentum adipiscing ipsum. Fusce rhoncus diam ac neque aliquam convallis. Etiam malesuada, nibh id rutrum euismod, enim augue gravida dolor, at vulputate felis mi at magna. Nulla luctus, libero eget luctus gravida, sapien enim varius massa, adipiscing aliquet lacus mi eu eros. Duis pretium laoreet ullamcorper. Aenean in mauris nec libero tincidunt pharetra non et dui. Sed tortor turpis, mollis et tempus eu, auctor laoreet neque. Etiam eu tortor rutrum, rutrum mauris sit amet, hendrerit augue. Sed ut tincidunt nisi. Nam consectetur velit ac pharetra venenatis.</p> | + | |
| - | <p>Donec pellentesque id quam vel iaculis. Phasellus commodo tempor metus, eget sollicitudin odio ultricies id. Proin sed ipsum quis turpis suscipit luctus vitae id urna. Fusce et rhoncus quam. Etiam vel justo ligula. Nullam euismod lacinia risus a pulvinar. Pellentesque sit amet nisl eget ante vulputate feugiat. Suspendisse venenatis magna nunc, mollis facilisis neque condimentum ac. Vivamus non semper dui. Aenean sed eleifend dui. Vivamus a massa aliquam nibh consectetur luctus id at ligula. Nunc ipsum dolor, mollis at sem et, auctor rhoncus ipsum. Nulla faucibus venenatis est sit amet facilisis. In vestibulum nisi at tellus egestas, in pharetra enim fringilla. In ac erat non magna accumsan aliquam.</p>
| + | |
| - | </div>
| + | |
| - | <div class="col-md-12 well">
| + | |
| - | <legend id="anch2">Anchor 2</legend>
| + | |
| - | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultricies, metus eget fringilla fermentum, sem justo pulvinar tellus, ac varius neque ante eget mi. Donec cursus nibh ultrices vulputate aliquet. Morbi nulla enim, molestie eu ullamcorper quis, placerat a mauris. Proin vel magna ullamcorper, vulputate leo eu, egestas odio. Vivamus erat leo, egestas in euismod sed, fermentum nec magna. Nunc nisi enim, euismod a tellus sit amet, fermentum adipiscing ipsum. Fusce rhoncus diam ac neque aliquam convallis. Etiam malesuada, nibh id rutrum euismod, enim augue gravida dolor, at vulputate felis mi at magna. Nulla luctus, libero eget luctus gravida, sapien enim varius massa, adipiscing aliquet lacus mi eu eros. Duis pretium laoreet ullamcorper. Aenean in mauris nec libero tincidunt pharetra non et dui. Sed tortor turpis, mollis et tempus eu, auctor laoreet neque. Etiam eu tortor rutrum, rutrum mauris sit amet, hendrerit augue. Sed ut tincidunt nisi. Nam consectetur velit ac pharetra venenatis.</p>
| + | |
| - | <p>Donec pellentesque id quam vel iaculis. Phasellus commodo tempor metus, eget sollicitudin odio ultricies id. Proin sed ipsum quis turpis suscipit luctus vitae id urna. Fusce et rhoncus quam. Etiam vel justo ligula. Nullam euismod lacinia risus a pulvinar. Pellentesque sit amet nisl eget ante vulputate feugiat. Suspendisse venenatis magna nunc, mollis facilisis neque condimentum ac. Vivamus non semper dui. Aenean sed eleifend dui. Vivamus a massa aliquam nibh consectetur luctus id at ligula. Nunc ipsum dolor, mollis at sem et, auctor rhoncus ipsum. Nulla faucibus venenatis est sit amet facilisis. In vestibulum nisi at tellus egestas, in pharetra enim fringilla. In ac erat non magna accumsan aliquam.</p>
| + | |
| - | </div>
| + | |
| - | <div class="col-md-12 well">
| + | |
| - | <legend id="anch3">Anchor 3</legend>
| + | |
| - | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultricies, metus eget fringilla fermentum, sem justo pulvinar tellus, ac varius neque ante eget mi. Donec cursus nibh ultrices vulputate aliquet. Morbi nulla enim, molestie eu ullamcorper quis, placerat a mauris. Proin vel magna ullamcorper, vulputate leo eu, egestas odio. Vivamus erat leo, egestas in euismod sed, fermentum nec magna. Nunc nisi enim, euismod a tellus sit amet, fermentum adipiscing ipsum. Fusce rhoncus diam ac neque aliquam convallis. Etiam malesuada, nibh id rutrum euismod, enim augue gravida dolor, at vulputate felis mi at magna. Nulla luctus, libero eget luctus gravida, sapien enim varius massa, adipiscing aliquet lacus mi eu eros. Duis pretium laoreet ullamcorper. Aenean in mauris nec libero tincidunt pharetra non et dui. Sed tortor turpis, mollis et tempus eu, auctor laoreet neque. Etiam eu tortor rutrum, rutrum mauris sit amet, hendrerit augue. Sed ut tincidunt nisi. Nam consectetur velit ac pharetra venenatis.</p>
| + | |
| - | <p>Donec pellentesque id quam vel iaculis. Phasellus commodo tempor metus, eget sollicitudin odio ultricies id. Proin sed ipsum quis turpis suscipit luctus vitae id urna. Fusce et rhoncus quam. Etiam vel justo ligula. Nullam euismod lacinia risus a pulvinar. Pellentesque sit amet nisl eget ante vulputate feugiat. Suspendisse venenatis magna nunc, mollis facilisis neque condimentum ac. Vivamus non semper dui. Aenean sed eleifend dui. Vivamus a massa aliquam nibh consectetur luctus id at ligula. Nunc ipsum dolor, mollis at sem et, auctor rhoncus ipsum. Nulla faucibus venenatis est sit amet facilisis. In vestibulum nisi at tellus egestas, in pharetra enim fringilla. In ac erat non magna accumsan aliquam.</p>
| + | |
| - | </div>
| + | |
| - | <div class="col-md-12 well">
| + | |
| - | <legend id="anch4">Anchor 4</legend>
| + | |
| - | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultricies, metus eget fringilla fermentum, sem justo pulvinar tellus, ac varius neque ante eget mi. Donec cursus nibh ultrices vulputate aliquet. Morbi nulla enim, molestie eu ullamcorper quis, placerat a mauris. Proin vel magna ullamcorper, vulputate leo eu, egestas odio. Vivamus erat leo, egestas in euismod sed, fermentum nec magna. Nunc nisi enim, euismod a tellus sit amet, fermentum adipiscing ipsum. Fusce rhoncus diam ac neque aliquam convallis. Etiam malesuada, nibh id rutrum euismod, enim augue gravida dolor, at vulputate felis mi at magna. Nulla luctus, libero eget luctus gravida, sapien enim varius massa, adipiscing aliquet lacus mi eu eros. Duis pretium laoreet ullamcorper. Aenean in mauris nec libero tincidunt pharetra non et dui. Sed tortor turpis, mollis et tempus eu, auctor laoreet neque. Etiam eu tortor rutrum, rutrum mauris sit amet, hendrerit augue. Sed ut tincidunt nisi. Nam consectetur velit ac pharetra venenatis.</p>
| + | |
| - | <p>Donec pellentesque id quam vel iaculis. Phasellus commodo tempor metus, eget sollicitudin odio ultricies id. Proin sed ipsum quis turpis suscipit luctus vitae id urna. Fusce et rhoncus quam. Etiam vel justo ligula. Nullam euismod lacinia risus a pulvinar. Pellentesque sit amet nisl eget ante vulputate feugiat. Suspendisse venenatis magna nunc, mollis facilisis neque condimentum ac. Vivamus non semper dui. Aenean sed eleifend dui. Vivamus a massa aliquam nibh consectetur luctus id at ligula. Nunc ipsum dolor, mollis at sem et, auctor rhoncus ipsum. Nulla faucibus venenatis est sit amet facilisis. In vestibulum nisi at tellus egestas, in pharetra enim fringilla. In ac erat non magna accumsan aliquam.</p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div class="navbar navbar-default navbar-static-bottom">
| + | |
| - | <p class="navbar-text pull-left">
| + | |
| - | Built by <a href="http://mvnguyen.com" target="_blank">Michael V Nguyen
| + | |
| - | </p>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | | + | |
| - | </div>
| + | |
| - | | + | |
| - | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
| + | |
| - | <script src = "js/bootstrap.min.js"></script>
| + | |
| - | <script type="text/javascript" src = "js/bootstrap-progressbar.js"></script>
| + | |
| | | | |
| - | </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> |
"
