Team:UIUC Entrepreneurs

From 2013.igem.org

(Difference between revisions)
 
(65 intermediate revisions not shown)
Line 17: Line 17:
}
}
body{
body{
 +
  width: 1000px;
 +
  margin: 0 auto;
   color: #34495e;
   color: #34495e;
}
}
#buttons{
#buttons{
margin:auto;
margin:auto;
-
 
+
padding-left:250px;
}
}
-
 
#bodyContent h1, #bodyContent h2{
#bodyContent h1, #bodyContent h2{
   margin-bottom:0;
   margin-bottom:0;
Line 71: Line 72:
/*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 128: Line 130:
.banner {
.banner {
   position: relative;
   position: relative;
-
   width: 100%;
+
   width: 1000px;
-
   height: 50%;
+
   height: 500px;
   overflow: auto;
   overflow: auto;
   font-size: 18px;
   font-size: 18px;
Line 135: Line 137:
   text-align: center;
   text-align: center;
   color: #00a5ff;
   color: #00a5ff;
-
  background: ;
 
-
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
 
}
}
   .banner ul {
   .banner ul {
Line 159: Line 159:
   .banner .inner {
   .banner .inner {
-
 
-
 
     padding: 160px 0 110px;
     padding: 160px 0 110px;
   }
   }
Line 166: Line 164:
   .banner h1, .banner h2 {
   .banner h1, .banner h2 {
     font-size: 40px;
     font-size: 40px;
-
     line-height: 52px;   
+
     line-height: 55px;   
     border-bottom:#fff;
     border-bottom:#fff;
     color: #fff;
     color: #fff;
Line 176: Line 174:
     padding: 9px 22px 7px;
     padding: 9px 22px 7px;
     clear: both;
     clear: both;
-
 
+
     color: #34495e;
-
     color: #fff;
+
     font-size: 12px;
     font-size: 12px;
     font-weight: bold;
     font-weight: bold;
     text-transform: uppercase;
     text-transform: uppercase;
     text-decoration: none;
     text-decoration: none;
-
 
     border: 2px solid rgba(255,255,255,.4);
     border: 2px solid rgba(255,255,255,.4);
     border-radius: 5px;
     border-radius: 5px;
Line 217: Line 213:
       height: 10px;
       height: 10px;
       margin: 0 4px;
       margin: 0 4px;
-
 
       text-indent: -999em;
       text-indent: -999em;
-
 
       border: 2px solid #fff;
       border: 2px solid #fff;
       border-radius: 6px;
       border-radius: 6px;
-
 
       cursor: pointer;
       cursor: pointer;
       opacity: .4;
       opacity: .4;
-
 
       -webkit-transition: background .5s, opacity .5s;
       -webkit-transition: background .5s, opacity .5s;
       -moz-transition: background .5s, opacity .5s;
       -moz-transition: background .5s, opacity .5s;
Line 250: Line 242:
.features {
.features {
   overflow: hidden;
   overflow: hidden;
-
   padding: 50px 0;
+
   padding: 20px 0;
}
}
   .features li {
   .features li {
Line 344: Line 336:
      
      
     <a class="navbar-brand" href="https://2013.igem.org/Team:UIUC_Entrepreneurs">
     <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">
+
       <img align="middle" border="0" src="https://static.igem.org/mediawiki/2013/6/6a/Uiuce_vivosynth_logo_sans_bg.png  ">
     </a>
     </a>
-
 
 
      
      
   </div>
   </div>
Line 353: Line 344:
     <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 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_financial_plan">Financial Plan</a></li
+
-
               
+
-
                <ul class="dropdown-menu">
+
-
                        <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/Design">Do</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>
+
             </li>
             </li>
                  
                  
Line 378: Line 358:
             </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="/*PUT A URL HERE IF YOU WANT IT*/">An Extra Tab for now</a></li>
+
           <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
-
                </ul>
+
-
            </li>
+
-
            <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
+
              
              
                 <ul class="dropdown-menu">
                 <ul class="dropdown-menu">
Line 391: Line 368:
            
            
       <li class="dropdown">
       <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">
               <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>
Line 402: Line 379:
      
      
       <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/Igeme_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_advisory_board">Advisory Board</a></li>
                           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Uiuce_advisory_board">Advisory Board</a></li>
Line 414: Line 390:
   </div>
   </div>
</div>  
</div>  
-
</div>  
+
</div>  
 +
<!--the slidershow begin-->
<!--the slidershow begin-->
<div class="banner">
<div class="banner">
       <ul>
       <ul>
-
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
+
         <li style="background-image:url('https://static.igem.org/mediawiki/2013/1/18/Uiuce_vivosynth_logo_on_white.png');">
           <div class="inner">
           <div class="inner">
-
            <h1>Do you like slideshows?</h1>
+
         
-
            <p>I like slideshows...</p>
+
-
            <a class="btn" href="https://2013.igem.org/Team:OUC-China/Results">How do we like the text here? I don't like it, but look at all the options</a>
+
           </div>
           </div>
         </li>
         </li>
-
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
+
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/f/f8/Uiuce_kyle_graph.png');">
           <div class="inner">
           <div class="inner">
-
             <h1>More text...</h1>
+
             <h1>Be part of one of the fastest growing industries.</h1>
-
            <p>yay letters...words...</p>
+
       
-
             <a class="btn" href="https://2013.igem.org/Team:OUC-China/Design">learn more</a>
+
             <a class="btn" href="https://2013.igem.org/Uiuce_bus_model">Learn More</a>
           </div>
           </div>
         </li>
         </li>
-
   <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
+
   <li style="background-image: url('https://static.igem.org/mediawiki/2013/3/35/Uiuce_cart.png');">
           <div class="inner" style="float:left;padding-left:30px;">
           <div class="inner" style="float:left;padding-left:30px;">
-
             <h1>OH GOD</h1>
+
             <h1>Plasmids, Meet Your Maker.</h1>
             <p><br></p>
             <p><br></p>
-
             <a class="btn" href="https://static.igem.org/mediawiki/2013/4/47/Uiuce_VivoSynth_LogoV2.PNG" style="color:#1abc9c;">THE PICTURES ARE CHANGING SO QUICKLY</a>
+
             <a class="btn" href="https://2013.igem.org/Uiuce_modulab" style="color:#1abc9c;">Learn More</a>
           </div>
           </div>
         </li>
         </li>
-
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/e/e8/Smiling_fox.jpg');">
+
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/d/de/Uiuce_Maggie_and_blake.jpg');">
           <div class="inner">
           <div class="inner">
-
             <h1>yeah this amount of txt is unnecessary</h1>
+
             <h1>Collaboration=Success</h1>
             <p><br /></p>
             <p><br /></p>
-
             <a class="btn" href="https://2013.igem.org/Team:OUC-China/RNA_guardian/Design">This is a button</a>
+
             <a class="btn" href="https://2013.igem.org/Igeme_team">Meet the Team</a>
           </div>
           </div>
         </li>
         </li>
Line 457: Line 432:
<div id="buttons">
<div id="buttons">
         <li>
         <li>
-
           <b><span class="glyphicon glyphicon-ok-sign"></span> What if we got rid of this?</b>
+
            
-
          <p>And had no text about elevator pitch but just a button</p>
+
           <a class="btn btn-info" href="https://2013.igem.org/Uiuce_modulab">View Elevator Pitch</a>
-
           <a class="btn btn-info" href="https://2013.igem.org/Uiuce_our_mission">View Elevator Pitch</a>
+
         </li>
         </li>
         <li>
         <li>
-
           <b><span class="glyphicon glyphicon-ok-sign"></span> Heading here</b>
+
            
-
          <p>Text Here</p>
+
           <a class="btn btn-info" href="https://2013.igem.org/Uiuce_modulab">Experience ModuLab</a>
-
           <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Instruction">Experience ModuLab</a>
+
         </li>
         </li>
         <li>
         <li>
-
          <b><span class="glyphicon glyphicon-ok-sign"></span> Heading here</b>
+
     
-
          <p>Not a fan of all this code...</p>
+
           <a class="btn btn-info" href="https://2013.igem.org/Igeme_team">Meet the Team</a>
-
           <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Meet the Team</a>
+
         </li>
         </li>
Line 485: Line 457:
   <h3 class="footer-title" style="color:#bdc1c5;">Attributions</h3>
   <h3 class="footer-title" style="color:#bdc1c5;">Attributions</h3>
   <p>Thanks to:</p>
   <p>Thanks to:</p>
-
   <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bootstrap&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Flat-ui&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;OUC_China&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Unslider</p>
+
   <p>OUC_China&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Unslider&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Jeff Bigg&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Jacob Calvert&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bob Chen</p>
   <p>Code licensed under Apache License v2.0</p>
   <p>Code licensed under Apache License v2.0</p>
</div>
</div>
Line 514: Line 486:
       $('.banner').unslider({
       $('.banner').unslider({
-
         speed: 500,  
+
         speed: 1000,  
         delay: 40000,
         delay: 40000,
         keys: true,  
         keys: true,  

Latest revision as of 03:00, 29 October 2013

    It is our mission at Vivosynth technologies to further the application of manufacturing assembly line principles to enable synthetic biology products to move out of the lab and into high volume production.


Thanks to:

OUC_China     Unslider     Jeff Bigg     Jacob Calvert     Bob Chen

Code licensed under Apache License v2.0