|
|
Line 1: |
Line 1: |
- | <html lang="en">
| |
- | <head>
| |
- | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
| |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
- | <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
| |
- | <link href="http://oucast.com/igem/css/bootstrap.css" rel="stylesheet" media="screen">
| |
- | <link href="http://oucast.com/igem/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
| |
- | <link href="http://oucast.com/igem/css/docs.css" rel="stylesheet">
| |
| | | |
- | <style type="text/css">
| |
- |
| |
- | #top-section{
| |
- | height:0px;
| |
- | border:none;
| |
- | width:1000px;
| |
- | margin:0 auto;
| |
- | padding:0 0 0 0;
| |
- | background-color:#e5e5e5;
| |
- | overflow:hide;
| |
- |
| |
- | }
| |
- | #p-logo{display:none;}
| |
- | #search-controls{display:none;}
| |
- | #top{display:none;}
| |
- | .firstHeading{display:none;}
| |
- | #footer-box{display:none;}
| |
- | #catlinks{display:none;}
| |
- | div#contentSub{
| |
- | display: none;
| |
- | position: absolute;
| |
- | }
| |
- | #content h1.firstHeading {display: none;}
| |
- | #content
| |
- | {
| |
- | border:none;
| |
- | height: 100%;
| |
- | margin:0;
| |
- | padding:0;
| |
- | width:100%;
| |
- | position: absolute;
| |
- | background-color: #e5e5e5;
| |
- | }
| |
- |
| |
- | {
| |
- | margin:0;
| |
- | padding:0;
| |
- | }
| |
- |
| |
- |
| |
- | #menubar {
| |
- | background-color:transparent;
| |
- | position: relative;
| |
- | float:left;
| |
- | white-space: nowrap;
| |
- | top:-6px;
| |
- | width: 490px;
| |
- | z-index: 5000;
| |
- | font-family: sans-serif;
| |
- | font-size: 30%;
| |
- | line-height: 1em;
| |
- | z-index:99;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | body {
| |
- | padding-bottom: 40px;
| |
- | color: #5a5a5a;
| |
- | background: #e5e5e5 url(bootstrap/img/moon.png);
| |
- | overflow-x: hidden;
| |
- | -webkit-user-select: none;
| |
- | -webkit-tap-highlight-color: rgba(0,0,0,0);
| |
- | }
| |
- | h1 {color:#0099FF;
| |
- |
| |
- | }
| |
- | li {font-weight:normal;
| |
- | font-size:12px;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | a:not(.btn) {
| |
- | color: #00699E;
| |
- | -webkit-transition: 300ms;
| |
- | -moz-transition: 300ms;
| |
- | transition: 300ms;
| |
- | }
| |
- | a:hover:not(.btn),
| |
- | a:active:not(.btn) {
| |
- | color: #9E0000;
| |
- | text-decoration: none;
| |
- | -webkit-transform: translateY(-8px);
| |
- | -moz-transform: translateY(-8px);
| |
- | transform: translateY(-8px);
| |
- | }
| |
- |
| |
- | hr.soften {
| |
- | height: 1px;
| |
- | margin: 30px 0;
| |
- | background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
| |
- | background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
| |
- | background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
| |
- | background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
| |
- | border: 0;
| |
- | }
| |
- |
| |
- | .nav a {
| |
- | -webkit-transition: 500ms;
| |
- | -moz-transition: 500ms;
| |
- | transition: 500ms;
| |
- | }
| |
- |
| |
- | .navbar-wrapper {
| |
- | position: absolute;
| |
- | top: 0;
| |
- | left: 0;
| |
- | right: 0;
| |
- | z-index: 10;
| |
- | margin-top: 20px;
| |
- | margin-bottom: -90px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
| |
- | }
| |
- | .navbar-wrapper .navbar {
| |
- |
| |
- | }
| |
- |
| |
- | /* Remove border and change up box shadow for more contrast */
| |
- | .navbar .navbar-inner {
| |
- | border: 0;
| |
- | -webkit-box-shadow: 0 2px 20px rgba(10,0,0,.25);
| |
- | -moz-box-shadow: 0 2px 20px rgba(10,0,0,.25);
| |
- | box-shadow: 0 2px 20px rgba(10,0,0,.25);
| |
- | }
| |
- |
| |
- | /* Downsize the brand/project name a bit */
| |
- | .navbar .brand {
| |
- | padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
| |
- | font-size: 16px;
| |
- | font-weight: bold;
| |
- | text-shadow: 0 -1px 0 rgba(0,0,0,.5);
| |
- | }
| |
- |
| |
- | /* Navbar links: increase padding for taller navbar */
| |
- | .navbar .nav > li > a {
| |
- | padding: 15px 20px;
| |
- | }
| |
- |
| |
- | /* Offset the responsive button for proper vertical alignment */
| |
- | .navbar .btn-navbar {
| |
- | margin-top: 10px;
| |
- | }
| |
- |
| |
- | </style>
| |
- | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
- | <meta name="description" content="">
| |
- | <meta name="author" content="">
| |
- | <title>Members</title>
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | <div class="navbar navbar-inverse navbar-fixed-top">
| |
- | <div class="navbar-inner">
| |
- | <div class="container">
| |
- | <div class="row"><div class="span3"><a href="https://2013.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/6/6a/Ouc-igem1.jpg" alt="logo" style="width:70px;height:50px;margin-top:0px;padding:0 0 0 0;" class="brand png"></a></div>
| |
- | <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
| |
- | <span class="icon-bar"></span>
| |
- | <span class="icon-bar"></span>
| |
- | <span class="icon-bar"></span>
| |
- | </button>
| |
- | <div class="nav-collapse collapse">
| |
- | <ul class="nav pull-right">
| |
- | <li class="active"><a href="https://2013.igem.org/Team:UIUC_Entrepreneurs"><font size="4.5px">Home</font></a></li>
| |
- | <li class="dropdown">
| |
- | <a class="dropdown-toggle" id="drop4" role="button" data-toggle="dropdown" href="#"><font size="4.5px">Business Model</font><b class="caret"></b>
| |
- | </a>
| |
- | <ul id="menu1" class="dropdown-menu" role="menu" aria-labelledby="drop4">
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Overview">Competitive Analysis</a>
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Achievement">Market Penetration Strategy</a>
| |
- | <li class="dropdown-submenu">
| |
- | <a tabindex="-1" href="#">Marketing Plan</a>
| |
- | <ul class="dropdown-menu">
| |
- | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Review">Review</a></li>
| |
- | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Design">Design</a></li>
| |
- | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Microfluidics</a></li>
| |
- | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Results</a></li>
| |
- |
| |
- | </ul>
| |
- | </li>
| |
- | <li class="dropdown-submenu">
| |
- | <a tabindex="-1" href="#">Financial Plan</a>
| |
- | <ul class="dropdown-menu">
| |
- | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Instruction">Instruction</a></li>
| |
- | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Design">Design</a></li>
| |
- | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Results">Result</a></li>
| |
- | <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">Reference</a></li>
| |
- |
| |
- |
| |
- | </ul>
| |
- | </li>
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Part description">Risk Analysis</a></li>
| |
- | <li role="presentation" class="divider"></li>
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Future work">Extra button</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="dropdown">
| |
- |
| |
- | <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Magnetic Analysis">Magnetic Analysis</a></li>
| |
- | <li role="presentation" class="divider"></li>
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Model in RNA guardian">Model in RNA guardian</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="dropdown">
| |
- |
| |
- |
| |
- | </li>
| |
- | <li class="dropdown">
| |
- | <a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="#"><font size="4.5px">ModuLab</font><b class="caret"></b></a>
| |
- | <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Members">Why</a></li>
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Instructors">What</a></li>
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Advisor">How</a></li>
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab">Lab</a></li>
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Acknowledgement">Acknowledgement</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li class="dropdown">
| |
- | <a href="https://2013.igem.org/Team:OUC-China/Safety"><font size="4.5px">Safety</font></a>
| |
- |
| |
- | </li>
| |
- | <li class="dropdown">
| |
- | <a class="dropdown-toggle" id="drop5" role="button" data-toggle="dropdown" href="#"><font size="4.5px">About Us</font><b class="caret"></b></a>
| |
- | <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="drop5">
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab note">Lab note</a></li>
| |
- | <li role="presentation" class="divider"></li>
| |
- | <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Protocol">Protocol</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | </ul>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <br><br>
| |
- |
| |
- | <div class="container">
| |
- |
| |
- | <div class="row">
| |
- | <div class="span3 bs-docs-sidebar">
| |
- | <ul class="nav nav-list bs-docs-sidenav">
| |
- | <li><a href="#member"><i class="icon-chevron-right"></i> Co-Founding Members</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:OUC-China/Instructors"><i class="icon-chevron-right"></i> Advisory Board</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:OUC-China/Advisor"><i class="icon-chevron-right"></i> Tab</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:OUC-China/Lab"><i class="icon-chevron-right"></i> Tab</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:OUC-China/Acknowledgement"><i class="icon-chevron-right"></i>Lookie another tab</a></li>
| |
- | <li><a href="https://2013.igem.org/Team:OUC-China/Attributions"><i class="icon-chevron-right"></i>and another tab</a></li>
| |
- | </ul>
| |
- | </div>
| |
- |
| |
- | <div class="span9">
| |
- | <div class="page-header">
| |
- | <section id="member">
| |
- |
| |
- | <h1>Co-Founding Members</h1>
| |
- | </div>
| |
- |
| |
- | <div class="row">
| |
- |
| |
- | <div class="span9">
| |
- | <h3>Will Dolatowski</h3>
| |
- | <div class="row">
| |
- | <div class="span3"><img src="https://static.igem.org/mediawiki/2013/2/21/Ouc-zhongxiaodong.jpg" /></div>
| |
- | <div class="span6"><p style="font-weight:normal;"><font size="3px">Blurble on will</font></p></div>
| |
- | </div>
| |
- | </div>
| |
- | </div><br /><br /></br>
| |
- |
| |
- | <div class="row">
| |
- |
| |
- | <div class="span9">
| |
- | <h3>Adi Malik</h3>
| |
- | <div class="row">
| |
- | <div class="span3"><img src="https://static.igem.org/mediawiki/2013/a/ac/Ouc-wangwenjun.jpg" /></div>
| |
- | <div class="span6"><p style="font-weight:normal;"><font size="3px">How do you feel about this formatting?</font></p></div>
| |
- | </div>
| |
- | </div>
| |
- | </div><br /><br /></br>
| |
- |
| |
- | <div class="row">
| |
- |
| |
- | <div class="span9">
| |
- | <h3>Ashley S. Moy</h3>
| |
- | <div class="row">
| |
- | <div class="span3"><img src="https://static.igem.org/mediawiki/2013/4/42/UIUC_Ashley_with_pipette_aid.jpg" /></div>
| |
- | <div class="span6"><p style="font-weight:normal;"><font size="3px">Ashley is Vivosynth's artist is residence. Her focus and expertise in user-oriented design and overall eye for aesthetics lent themselves well for designing the company's flagship product ModuLab. </font></p></div>
| |
- | </div>
| |
- | </div>
| |
- | </div><br /><br /></br>
| |
- |
| |
- | <div class="row">
| |
- |
| |
- | <div class="span9">
| |
- | <h3>Just us three, right?</h3>
| |
- | <div class="row">
| |
- | <div class="span3"><img src="https://static.igem.org/mediawiki/2013/d/d4/Ouc-wangqiu.jpg" /></div>
| |
- | <div class="span6"><p style="font-weight:normal;"><font size="3px">Just making sure bc last time u included Uros</font></p></div>
| |
- | </div>
| |
- | </div>
| |
- | </div><br /><br /></br>
| |
- |
| |
- | <div class="row">
| |
- |
| |
- | <div class="span9">
| |
- | <h3>?</h3>
| |
- | <div class="row">
| |
- | <div class="span3"><img src="https://static.igem.org/mediawiki/2013/c/c4/Ouc-sunxue.jpg" /></div>
| |
- | <div class="span6"><p style="font-weight:normal;"><font size="3px">It's a lot easier to take off tabs rather than put them on</font> </p></div>
| |
- | </div>
| |
- | </div>
| |
- | </div><br /><br /></br>
| |
- |
| |
- | <div class="row">
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | </div><br /><br /></br>
| |
- | </section>
| |
- |
| |
- |
| |
- |
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- |
| |
- |
| |
- |
| |
- | <script src="http://code.jquery.com/jquery.js"></script>
| |
- | <script src="http://oucast.com/igem/js/bootstrap.min.js"></script>
| |
- | <script src="http://oucast.com/igem/js/ouc2.js"></script>
| |
- | <script src="http://oucast.com/igem/js/application.js"></script>
| |
- | <script>
| |
- |
| |
- | !function ($) {
| |
- | $(function(){
| |
- | // carousel demo
| |
- | $('#myCarousel').carousel()
| |
- | })
| |
- | }(window.jQuery)
| |
- | </script>
| |
- | <script src="http://oucast.com/igem/js/holder.js"></script>
| |
- | </body>
| |
- | </html>
| |