Uiuce why

From 2013.igem.org

(Difference between revisions)
(Created page with "<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="Co...")
 
(4 intermediate revisions not shown)
Line 9: Line 9:
/*the igem Global setting*/
/*the igem Global setting*/
* {
* {
-
   margin: 0;
+
   margin: 5;
   padding: 0;
   padding: 0;
   -webkit-font-smoothing: antialiased;
   -webkit-font-smoothing: antialiased;
Line 23: Line 23:
}
}
h1, h2, h3, h4, h5, h6{
h1, h2, h3, h4, h5, h6{
-
   padding-top: 0;
+
   padding-top: 100;
-
   padding-bottom: 0;
+
   padding-bottom: 100;
   color: #34495e;
   color: #34495e;
}
}
Line 31: Line 31:
}
}
#top-section{
#top-section{
-
   height:0px;
+
   height:50px;
     border:none;
     border:none;
     width:980px;
     width:980px;
Line 55: Line 55:
   height: 100%;
   height: 100%;
   margin:0;
   margin:0;
-
   padding:0;
+
   padding:50;
-
   width:100%;
+
   width: 100%;
   position: absolute;
   position: absolute;
   background-color: #FFFFFF;
   background-color: #FFFFFF;
Line 62: Line 62:
}
}
a:visited{
a:visited{
-
   color: #fff;
+
   color: #34495e;
}
}
/*the nav settings
/*the nav settings
Line 71: Line 71:
}
}
.navbar-inverse .navbar-nav>li>a{
.navbar-inverse .navbar-nav>li>a{
-
   color: #fff;
+
   color: #1abc9c;
}
}
.navbar-inverse .navbar-nav>li>a:hover{
.navbar-inverse .navbar-nav>li>a:hover{
Line 78: Line 78:
}
}
.navbar-inverse .navbar-brand{
.navbar-inverse .navbar-brand{
-
           color: #fff;
+
           color: #1abc9c;
           padding: 0;
           padding: 0;
}
}
.navbar-inverse .navbar-brand img{
.navbar-inverse .navbar-brand img{
-
  height: 50px;
+
  height: 0px;
-
  padding-left: 90px;
+
}
}
.navbar-inverse .navbar-brand p{
.navbar-inverse .navbar-brand p{
   padding:12px 30px;
   padding:12px 30px;
-
   margin:0;
+
   margin:10;
}
}
.navbar-inverse .navbar-brand:hover{
.navbar-inverse .navbar-brand:hover{
Line 118: Line 117:
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.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>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:#ffffff;}
+
.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;}
.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;}
Line 125: Line 124:
   position: relative;
   position: relative;
   width: 100%;
   width: 100%;
 +
  height: 50%;
   overflow: auto;
   overflow: auto;
   font-size: 18px;
   font-size: 18px;
   line-height: 24px;
   line-height: 24px;
   text-align: center;
   text-align: center;
-
   color: #fff;
+
   color: #00a5ff;
   background: ;
   background: ;
   box-shadow: 0 1px 2px rgba(0,0,0,.25);
   box-shadow: 0 1px 2px rgba(0,0,0,.25);
Line 135: Line 135:
   .banner ul {
   .banner ul {
     list-style: none;
     list-style: none;
-
     width: 300%;
+
     width: 100%;
     margin: 0;
     margin: 0;
   }
   }
Line 141: Line 141:
     display: block;
     display: block;
     float: left;
     float: left;
-
     width: 33%;
+
     width: 100%;
-
     min-height: 350px;
+
     min-height: 500px;
     -o-background-size: 100% 100%;
     -o-background-size: 100% 100%;
Line 161: Line 161:
   .banner h1, .banner h2 {
   .banner h1, .banner h2 {
     font-size: 40px;
     font-size: 40px;
-
     line-height: 52px;
+
     line-height: 52px;
     border-bottom:#fff;
     border-bottom:#fff;
     color: #fff;
     color: #fff;
Line 322: Line 322:
</head>
</head>
<body>
<body>
 +
<div>
 +
<div class="container">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
   <div class="navbar-header">
   <div class="navbar-header">
Line 331: Line 333:
         </button>
         </button>
     <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
     <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
-
       <img src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
+
       <img border="0" src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
     </a>
     </a>
 +
 +
      </button>
 +
   
     <a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs">
     <a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs">
-
       <p>Illinois iGEMe</p>
+
       <img align="middle" border="0" src="https://static.igem.org/mediawiki/2013/4/47/Uiuce_VivoSynth_LogoV2.PNG">
     </a>
     </a>
 +
 
 +
   
   </div>
   </div>
 +
</div>
 +
     <div class="collapse navbar-collapse navbar-ex1-collapse">
     <div class="collapse navbar-collapse navbar-ex1-collapse">
       <ul class="nav navbar-nav pull-right">
       <ul class="nav navbar-nav pull-right">
Line 343: Line 352:
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">Business Model<b class="caret"></b></a>
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">Business Model<b class="caret"></b></a>
               <ul class="dropdown-menu">
               <ul class="dropdown-menu">
-
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/UIUCe_competitive_analysis#">Competitive Analysis</a></li>
+
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/UIUCe_competitive_analysis">Competitive Analysis</a></li>
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_pen">Market Penetration</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_pen">Market Penetration Strategy</a></li>
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_plan">Marketing Plan</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_plan">Marketing Plan</a></li>
-
 
+
                <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_financial_plan">Financial Plan</a></li> 
-
                                    <ul class="dropdown-menu">
+
               
-
                         <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Review">Review</a></li>
+
                <ul class="dropdown-menu">
-
                         <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/Review">How</a></li>
-
               <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Financial Plan</a></li>
+
                         <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Design">Do</a></li>
-
               <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Risk Analysis</a></li>
+
               <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Microfluidics">You</a></li>
 +
               <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Like</a></li>
                 </ul>
                 </ul>
-
             </li>  
+
             </li>
-
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_financial_plan">Financial Plan</a></li>
+
               
-
 
+
               
           <ul class="dropdown-menu">
           <ul class="dropdown-menu">
-
                       <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction">Introduction</a></li>
+
                       <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction">These</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/Design">Subtabs</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/RNA guardian/Results">Here</a></li>
-
             <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">Reference</a></li>
+
             <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">?</a></li>
             </ul>
             </ul>
           </li>
           </li>
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_risk_analysis">Risk Analysis</a></li>
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_risk_analysis">Risk Analysis</a></li>
-
           <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT!!!!!!!!!!!!!!!!!*/">Extra Tab</a></li>
+
           <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT*/">An Extra Tab for now</a></li>
                 </ul>
                 </ul>
             </li>
             </li>
Line 374: Line 384:
                 </ul>
                 </ul>
             </li>
             </li>
-
         
+
         
       <li class="dropdown">
       <li class="dropdown">
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">ModuLab<b class="caret"></b></a>
               <a class="dropdown-toggle" data-toggle="dropdown" href="#">ModuLab<b class="caret"></b></a>
               <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
               <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_why">Why</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_why">Why?</a></li>
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_what">What</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_what">What?</a></li>
-
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_how">How</a></li>
+
                   <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_how">How?</a></li>
-
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab">Tab</a></li>
+
           <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT">Extra Tab</a></li>
-
           <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT!!!!!!!!!!!!!!!!!*/">Tab</a></li>
+
           <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT*/">Or two...</a></li>
         </ul>
         </ul>
             </li>
             </li>
-
   
+
   
       <li class="dropdown">
       <li class="dropdown">
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">About Us<b class="caret"></b></a>
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">About Us<b class="caret"></b></a>
-
                 <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">  
+
                 <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
-
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_our_mission">Our Mission</a></li>
+
                          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_our_mission">Our MIssion</a></li>
-
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_our_team">Our Team</a></li>
+
                          <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_igeme">iGEMe</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://2013.igem.org/Uiuce_igeme">iGEMe</a></li>
 +
                       
 +
           
                 </ul>
                 </ul>
             </li>
             </li>
     </ul>
     </ul>
   </div>
   </div>
-
</div>    
+
</div>  
 +
</div>   
<!--the slidershow begin-->
<!--the slidershow begin-->
<div class="banner">
<div class="banner">
 +
      <ul>
 +
        <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
 +
          <div class="inner">
 +
         
 +
         
 +
           
 +
          </div>
 +
        </li>
 +
        
        
 +
      </ul>
 +
  </div>
   <!--the slidershow end-->
   <!--the slidershow end-->
-
  <div class="features">
+
 
-
      <ul class="wrap">
+
-
      <h3><b>Text Here</b></h3><hr>
+
    
    
 +
<div class="container">
 +
        <p><br><br>Modifying genomes has never been easier than it is today. No more harvesting your own restriction enzymes, DNA sequencing is outsourced, and biological parts are joining the registry by the hundreds. Synthetic biology is on the brink of becoming the next industrial revolution, but is still lacking on one major component that has catalyzed every industry in history to fame: automation. Vivosynth has conceived of the idea of a completely automated cloning machine ModuLab that can produce plasmids at the <i>fraction of the cost</i> at which you pay today.</p>
 +
        <h3><b>Why?</b></h3><hr>
 +
        <p> Text about Why </p>
 +
       
 +
</div>
 +
<!--footer-->
-
 
 
-
  </div>
 
-
</div>
 
-
<div class="col-md-1"></div>
 
-
</div>
 
-
</div>
 
-
</footer>
 
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<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 src="http://unslider.com/unslider.min.js"></script>
Line 420: Line 443:
});
});
</script>
</script>
-
<script>
 
-
      if(window.chrome) {
 
-
        $('.banner li').css('background-size', '100% 100%');
 
-
      }
 
-
      $('.banner').unslider({
 
-
        speed: 500,
 
-
        delay: 40000,
 
-
        keys: true,
 
-
        fluid: true,
 
-
        dots: true
 
-
      });     
 
-
    </script>
 
</body>
</body>
</html>
</html>

Latest revision as of 16:22, 27 October 2013



Modifying genomes has never been easier than it is today. No more harvesting your own restriction enzymes, DNA sequencing is outsourced, and biological parts are joining the registry by the hundreds. Synthetic biology is on the brink of becoming the next industrial revolution, but is still lacking on one major component that has catalyzed every industry in history to fame: automation. Vivosynth has conceived of the idea of a completely automated cloning machine ModuLab that can produce plasmids at the fraction of the cost at which you pay today.

Why?

Text about Why

Retrieved from "http://2013.igem.org/Uiuce_why"