Uiuce our mission

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...")
 
(30 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 18: Line 18:
body{
body{
   color: #34495e;
   color: #34495e;
 +
  width: 1000px;
 +
  margin: 0 auto;
}
}
#bodyContent h1, #bodyContent h2{
#bodyContent h1, #bodyContent h2{
Line 23: Line 25:
}
}
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 33:
}
}
#top-section{
#top-section{
-
   height:0px;
+
   height:50px;
     border:none;
     border:none;
     width:980px;
     width:980px;
Line 55: Line 57:
   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 64:
}
}
a:visited{
a:visited{
-
   color: #fff;
+
   color: #34495e;
}
}
/*the nav settings
/*the nav settings
----------------------------------------------- */
----------------------------------------------- */
 +
ul.navbar-nav{margin: 0 -35px 25px 0;float: right;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
   color: #1abc9c;
   color: #1abc9c;
Line 71: Line 74:
}
}
.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 81:
}
}
.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 120:
.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 127:
   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 138:
   .banner ul {
   .banner ul {
     list-style: none;
     list-style: none;
-
     width: 300%;
+
     width: 100%;
     margin: 0;
     margin: 0;
   }
   }
Line 141: Line 144:
     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 164:
   .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 325:
</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 336:
         </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">
-
       <li><a href="https://2013.igem.org/Team:UIUC_Entrepreneurs">Home</a></li>
+
       <li><a href="https://2013.igem.org/Team:UIUC_Entrepreneurs"><font size="5"><b>Home</b></font></a></li>
-
            <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
+
            <li><a href="https://2013.igem.org/Uiuce_bus_model"><font size="5"><b>Business Model</b></font></a></li>
-
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Business Model<b class="caret"></b></a>
+
      <li><a href="https://2013.igem.org/Uiuce_modulab"><font size="5"><b>ModuLab</b></font></a></li>
-
              <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_market_pen">Market Penetration</a></li>
+
-
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_market_plan">Marketing Plan</a></li>
+
-
                                    <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">Financial Plan</a></li>
 
-
              <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Risk Analysis</a></li>
 
-
                </ul>
 
-
            </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/Introduction">Introduction</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/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>
 
-
                </ul>
 
-
            </li>
 
-
            <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
 
-
           
 
-
                <ul class="dropdown-menu">
 
-
                  <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"><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">
+
       
-
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">ModuLab<b class="caret"></b></a>
+
               
-
              <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_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/Team:OUC-China/Lab">Tab</a></li>
+
-
          <li role="presentation"><a role="menuitem" tabindex="-1" href="/*PUT A URL HERE IF YOU WANT IT!!!!!!!!!!!!!!!!!*/">Tab</a></li>
+
-
        </ul>
+
-
            </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="#"><font size="5"><b>About Us</b></font><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://igem.org/Main_Page">iGEM</a></li>
 +
                       
 +
           
                 </ul>
                 </ul>
             </li>
             </li>
     </ul>
     </ul>
   </div>
   </div>
-
</div>    
+
</div>  
 +
</div>   
<!--the slidershow begin-->
<!--the slidershow begin-->
-
<div class="banner">
+
 
-
     
+
 
 +
       
 +
    <center><img src="https://static.igem.org/mediawiki/2013/6/62/UIUC_Go_team.JPG" width="750" height="400" alt="Smiling fox" /></center>
 +
 
 +
           
 +
   
 +
   <!--the slidershow end-->
   <!--the slidershow end-->
-
  <div class="features">
 
-
      <ul class="wrap">
 
-
      <h3><b>Text Here</b></h3><hr>
 
    
    
 +
<div id="text">
 +
        <h3><b>It is our vision for Vivosynth Technologies to "Save Time, Increase Power."</b></h3><hr>
 +
        <p>We are promoting our vision through our flagship product, ModuLab. This innovative process saves the scientist valuable time in the lab enabling more time to utilize brainpower to think and create.</p>
 +
       
-
 
+
   <center><object width="420" height="315"><param name="movie" value="//www.youtube.com/v/uNZLtpmmzgU?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/uNZLtpmmzgU?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object></center>
-
   </div>
+
</div>
</div>
-
<div class="col-md-1"></div>
+
<!--footer-->
-
</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 403:
});
});
</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 02:34, 29 October 2013

Smiling fox

It is our vision for Vivosynth Technologies to "Save Time, Increase Power."


We are promoting our vision through our flagship product, ModuLab. This innovative process saves the scientist valuable time in the lab enabling more time to utilize brainpower to think and create.