Uiuce bus model

<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=utf-8" />
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
<script src="http://code.jquery.com/jquery.min.js"></script>
<style>
/*the igem Global setting*/
* {
  margin: 5;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body{
  color: #34495e;
  width: 1000px;
  margin: 0 auto;
}
#bodyContent h1, #bodyContent h2{
  margin-bottom:0;
}
h1, h2, h3, h4, h5, h6{
  padding-top: 100;
  padding-bottom: 100;
  color: #34495e;
}
#globalWrapper {
  font-size: 100%;
}
#top-section{
   height:50px;
    border:none;
    width:980px;
    margin:0 auto;
    padding:0 0 0 0;
    background-color:transparent;
    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:50;
  width: 100%;
  position: absolute;
  background-color: #FFFFFF;
  color: #34495e;
}
a:visited{
  color: #34495e;
}
/*the nav settings
----------------------------------------------- */
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
  color: #1abc9c;
  background-color: transparent;
}
.navbar-inverse .navbar-nav>li>a{
  color: #1abc9c;
}
.navbar-inverse .navbar-nav>li>a:hover{
  color: #1abc9c;
  background-color:transparent;
}
.navbar-inverse .navbar-brand{
          color: #1abc9c;
          padding: 0;
}
.navbar-inverse .navbar-brand img{
   height: 0px;
}
.navbar-inverse .navbar-brand p{
  padding:12px 30px;
  margin:10;
}
.navbar-inverse .navbar-brand:hover{
  color: #1abc9c;
}
.navbar-inverse{
  border-color: transparent;
  background: #34495e;
  font-weight: bold;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.dropdown-menu{
  background-color:#34495e;
  border:none;
  -webkit-box-shadow:none;
  box-shadow: none;
}
.dropdown-menu>li>a{
  color: #fff;
  font-weight: bold;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
  color:#1abc9c;
  background-color: transparent;
}

/*add dropdown-submenu to btV3*/
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#cccccc}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/*the unslider css*/
.banner {
  position: relative;
  width: 100%;
  height: 50%;
  overflow: auto;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: #00a5ff;
  background: ;
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
}
  .banner ul {
    list-style: none;
    width: 100%;
    margin: 0;
  }
  .banner ul li {
    display: block;
    float: left;
    width: 100%;
    min-height: 500px;

    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;

    box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
  }

  .banner .inner {


    padding: 160px 0 110px;
  }

  .banner h1, .banner h2 {
    font-size: 40px;
    line-height: 52px;  
    border-bottom:#fff;
    color: #fff;
  }

  .banner .btn {
    display: inline-block;
    margin: 25px 0 0;
    padding: 9px 22px 7px;
    clear: both;

    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;

    border: 2px solid rgba(255,255,255,.4);
    border-radius: 5px;
  }
    .banner .btn:hover {
      background: rgba(255,255,255,.05);
    }
    .banner .btn:active {
      -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
      -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
      -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
      -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
      filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
    }

  .banner .btn, .banner .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
  }

  .banner .dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: 0;
  }
    .banner .dots li {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 0 4px;

      text-indent: -999em;

      border: 2px solid #fff;
      border-radius: 6px;

      cursor: pointer;
      opacity: .4;

      -webkit-transition: background .5s, opacity .5s;
      -moz-transition: background .5s, opacity .5s;
      transition: background .5s, opacity .5s;
    }
      .banner .dots li.active {
        background: #fff;
        opacity: 1;
      }

  .banner .arrows {
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: #fff;
  }
    .banner .arrow {
      display: inline;
      padding-left: 10px;
      cursor: pointer;
    }

/*features*/
.features {
  overflow: hidden;
  padding: 50px 0;
}
  .features li {
    position: relative;
    padding: 0 25px 0 40px;
    list-style: none;

    width: 25%;
    float: left;
  }
    .features li:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;

      display: block;
      width: 24px;
      height: 22px;

      background: url('img/icons.png');
    }
      .features li.browser:before { background-position: 0 -44px; }
      .features li.height:before { background-position: 0 -22px; }
      .features li.responsive:before { background-position: 0 -66px; }
  .features b {
    display: block;
    padding-bottom: 6px;
  }
 .wrap {
  margin: 0 auto;
  max-width: 1170px;
}
/*footer*/
footer{
  margin-top: 100px;
  background-color: #eceff1;
  color: #bdc1c5;
  font-size: 17px;
  padding: 0;
}
.footer-banner{
  background-color: #34495e;
  color: #58F8D9;
  margin-left: 42px;
  min-height: 286px;
  padding: 0 30px 30px;
}
.footer-banner ul{
  list-style-type: none;
}
.footer-banner ul li{
  border-bottom:1px solid rgba(57, 107, 97, 0.53);
  line-height: 19px;
  padding: 6px 0;
}
.footer-banner a{
  color: #58F8D9;
}
.footer-banner a:hover{
  text-decoration: none;
}
.footer-title{
  margin: 0 0 22px;
  padding-top: 21px;
  color: #1abc9c;
  font-weight: bold;
}
.footerleft a{
  color: #bdc1c5;
}
.footerleft a:visited {
  color: #bdc1c5;
}
</style>
</head>
<body>
<div>
<div class="container">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
      <span class="sr-only">The navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
    <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
      <img border="0" src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
    </a>

      </button>
    
    <a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs">
      <img align="middle" border="0" src="https://static.igem.org/mediawiki/2013/4/47/Uiuce_VivoSynth_LogoV2.PNG">
    </a>
  
    
  </div>
</div>

    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav pull-right">
      <li><a href="https://2013.igem.org/Team:UIUC_Entrepreneurs"><font size="5"><b>Home</b></font></a></li>
     <li><a href="https://2013.igem.org/Uiuce_bus_model"><font size="5"><b>Business Model</b></font></a></li>
      <li><a href="https://2013.igem.org/Uiuce_modulab"><font size="5"><b>ModuLab</b></font></a></li>
           
    
             
        
              
      
             
     
       <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"><font size="5"><b>About Us</b></font><b class="caret"></b></a>
                <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                          <li role="presentation"><a role="menuitem" tabindex="-1" 
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Igeme_team">Our Team</a></li>
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_advisory_board">Advisory Board</a></li>
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://igem.org/Main_Page">iGEM</a></li>
                         
_TOC_            
                </ul>
             </li>
    </ul>
  </div>
</div> 
</div>    
<!--the slidershow begin-->


      
    
  <!--the slidershow end-->


        <left><h3><b>Business Model</b></h3><hr></left>
        
 


</div>


<!--iGEME 2012 CODE-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/css.css" type="text/css" />
<title>Data</title>
<link href="CSS/css.css" rel="stylesheet" type="text/css" />
</head>


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<script>

$(document).ready(function(){
    $('a').click(function () {
        var divname= this.name;
        $("#"+divname)
.fadeIn(300)
.siblings()
.hide(0);
    });
});

</script>
</head>

<body>
    <div id="dataContainer">
            <div id="dataSelection">

                    <li><a name="data0" >Competitive Analysis</a></li>
                    <li><a name="data1" >Market Analysis</a></li>
                    <li><a name="data2" >Financial Plan</a></li>
                    <li><a name="data3" >Past and Future Plans</a></li>
                    <li><a name="data4" >Vivosynth Technologies: Value Proposition</a></li>
                    <li><a name="data5" >Risk Analysis</a></li>
                    
            </div>
 <div id="maintext"></center>
        
             
            <div id="dataOverview">
<center><h2>Overview</h2></center>
<br/>

<center><img src="https://static.igem.org/mediawiki/2013/e/ec/Uiuce_Igeme_customer_prob.png" Hspace="10" width="620" height="300" alt="pic"/></center>

 <p> <b>Customer Problem</b><br>
The cloning process consists of several individual steps, each with its own equipment and machinery. It is complex, yet still requires a remarkable amount of human intervention. This results in errors, inconsistencies, and an overall delay in meeting significant synthetic biology milestones. Our team seeks to minimize this “human intervention” element by designing, prototyping, and commercializing an automated cloning system.</p><br>
<br><p> <b>Our Solution</b><br>
Our flagship product, ModuLab, is an automated system designed to optimize cloning, the underlying process of synthetic biology. The ultimate goals of ModuLab are to minimize error, maximize efficiency and provide synthetic biologists with feedback on every stage of the cloning process.<br><br></p>


</div>
<div id="data0" style="display:none">

<center><h2>Competitive Analysis</h2></center>
<br/>
<p>Because of the relative youth of synthetic biology, there are currently no products that are able to fully conduct the cloning protocol from start to finish without human intervention. We could, however, experience competition from device manufacturers that produce some of the individual components of our system. As per our own research, the closest product to ModuLab is the Freedom EVO® Expression Workstation produced by Tecan Group Ltd.</p><br><br>

<p><b>Indirect Competition</b></p>
<p>Indirect competition to the field of synthetic biology as a whole is high, given other technologies that have been around for decades. In the specific niche market within which Vivosynth is positioned, however, such competition is negligible, because of the relative nonexistence of methods to fully automate the cloning protocol. </p><br><br>

<img src="https://static.igem.org/mediawiki/2013/8/82/Uiuce_direct_comp.png" Hspace="10" width="975" height="372" alt="pic"/></center>

<p><b>Future Competition</b></p>
<p>Future competition will likely come in the form of new advances in robotics and automation that will further optimize cloning.  Vivosynth is uniquely suited to adapting to these new advances because of our close ties to the University of Illinois and our ability to modify our product(s) as and when it needs to be.</p><br><br>

<p><b>Competitive Advantage</b></p>
<p>Our product, ModuLab, would be unique in its ability to conduct the entire cloning protocol from start to finish without human intervention. As far as we know, there are no products capable of doing this. We believe such a product would dramatically increase the rate at which synthetic biology research and manufacturing progresses over the next decade. The product is also unique because it will be able to adapt to automate any lab machinery.</p>


</div>

<div id="data2" style="display:none">

<center><h2>Financial Plan</h2></center><br/>

<p>text here</p>



<br/><br/>



</div>

<div id="data3" style="display:none">

<center><h2>Past and Projected Timeline</h2></center><br/>

<p>Our business model has currently been implemented through the model creation phase. Next steps include cultivating relationships and licensing our technology to existing biotechnology device manufacturers.</p><br><br>

<img src="https://static.igem.org/mediawiki/2013/5/5b/Uiuce_timeline.png" Hspace="10" width="720" height="300" alt="pic"/></center>
</div>

<div id="data4" style="display:none">

<center><h2>Vivosynth Technologies: Value Proposition</h2></center><br/>

<p>Unique, significant, and adaptable product design<br>
Founding team with diverse backgrounds in engineering, molecular biology, and business development<br>
Experienced advisory board<br>
Logistical and technical support from the Institute for Genomic Biology</p><br><br>
</div>

<div id="data5" style="display:none">

<center><h2>Risk Analysis</h2></center><br/>

<p>Our business model has currently been implemented through the model creation phase. Next steps include cultivating relationships and licensing our technology to existing biotechnology device manufacturers.</p><br><br>
</div>


</div>
</div>

<!--END iGEM 2012 CODE-->

<!--footer-->

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="http://unslider.com/unslider.min.js"></script>
<script>
$(function() {
    $('.banner').unslider();
});
</script>

</body>
</html>